:root,[data-theme=light]{--bg-page: #f5f7fa;--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--border-color: #e8ecf0;--border-light: #f0f3f7;--text-primary: #1d2129;--text-secondary: #64748b;--text-tertiary: #94a3b8;--accent: #1456f0;--accent-hover: #0e3ebd;--accent-light: #eef3ff;--error: #ef4444;--success: #10b981;--code-bg: #f3f4f6;--comment-highlight: rgba(20, 86, 240, .12);--comment-highlight-border: rgba(20, 86, 240, .35);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 28px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--header-h: 56px}[data-theme=dark]{--bg-page: #161618;--bg-primary: #161618;--bg-secondary: #1e1f22;--bg-tertiary: #2a2b2e;--bg-quaternary: #333438;--border-color: #3a3b3f;--border-light: #2e2f33;--text-primary: #e8eaed;--text-secondary: #94a3b8;--text-tertiary: #5c6370;--accent: #4b7bff;--accent-hover: #6b91ff;--accent-light: rgba(75,123,255,.12);--error: #f87171;--success: #34d399;--code-bg: #1a1b1e;--comment-highlight: rgba(75,123,255,.18);--comment-highlight-border: rgba(75,123,255,.45);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 28px rgba(0,0,0,.5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh}.hidden{display:none!important}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.125rem;background:var(--accent);color:#fff;border:none;border-radius:7px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.125rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:7px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--bg-quaternary)}.btn-sm{padding:.3125rem .75rem;font-size:.8125rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:7px;cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon-sm{width:30px;height:30px}.btn-icon-xs{width:24px;height:24px;border:none;border-radius:5px}.spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.error-icon{font-size:4rem}.error-container h1{font-size:1.5rem}.error-container p{color:var(--text-secondary);max-width:400px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{text-align:center;padding:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-width:380px;width:100%}.login-icon{font-size:3rem;margin-bottom:1rem}.login-card h1{font-size:1.375rem;margin-bottom:.5rem}.login-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.viewer-header{position:sticky;top:0;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1}.header-doc-info{min-width:0}.header-doc-title{display:block;font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.doc-meta{display:flex;align-items:center;gap:.2rem;font-size:.6875rem;color:var(--text-tertiary);margin-top:.0625rem}.meta-sep{margin:0 .1rem}.header-right{display:flex;align-items:center;gap:.375rem;margin-left:.75rem;flex-shrink:0}.dropdown-theme-section{padding:.5rem .875rem .625rem}.dropdown-section-label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.dropdown-theme-options{display:flex;gap:.375rem}.dropdown-theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .25rem .4rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .12s}.dropdown-theme-btn span{font-size:.6875rem;line-height:1}.dropdown-theme-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.dropdown-theme-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.dropdown-theme-btn.active span{font-weight:600}.more-menu{position:relative}.more-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-lg);min-width:168px;overflow:hidden;z-index:200}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.user-menu{position:relative}.btn-user{display:flex;align-items:center;gap:.375rem;padding:.2rem .5rem .2rem .2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:7px;cursor:pointer;font-size:.8125rem;color:var(--text-primary)}.user-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-light)}.user-avatar-lg{width:36px;height:36px;border-radius:50%;background:var(--accent-light)}.user-name-lg{font-size:.875rem;font-weight:500}.dropdown-user-info{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem}.user-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;z-index:200}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5625rem .875rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;white-space:nowrap}.dropdown-item:hover{background:var(--bg-tertiary)}.viewer-body{display:flex;min-height:calc(100vh - var(--header-h))}.toc-sidebar{width:228px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;display:flex;flex-direction:column;transition:width .22s ease}.toc-sidebar.collapsed{width:0;overflow:hidden}.toc-sidebar.floating{position:fixed;top:var(--header-h);left:0;height:calc(100vh - var(--header-h));width:248px;z-index:200;box-shadow:4px 0 24px #00000021,1px 0 0 var(--border-color);transform:translate(0);transition:transform .22s ease;overflow-y:auto}.toc-sidebar.floating.collapsed{width:248px;transform:translate(-110%);overflow:hidden}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .5rem;flex-shrink:0}.toc-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.toc-nav{padding:.25rem 0 1.5rem;flex:1}.toc-item{display:block;padding:.3125rem 1rem;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;border-radius:0;transition:color .12s,background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid transparent;line-height:1.45}.toc-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.toc-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-light);font-weight:500}.toc-h2{padding-left:1rem}.toc-h3{padding-left:1.75rem;font-size:.75rem}.doc-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;background:var(--bg-secondary)}.translation-banner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:830px;margin-top:1rem;padding:.5rem .875rem;background:var(--accent-light);border:1px solid rgba(20,86,240,.2);border-radius:8px;gap:.5rem}.translation-badge{font-size:.8125rem;color:var(--accent);font-weight:500}.translation-restore{background:none;border:none;color:var(--accent);font-size:.8125rem;cursor:pointer;padding:0;text-decoration:underline}.translation-restore:hover{color:var(--accent-hover)}.translation-loading{width:100%;max-width:830px;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary);font-size:.875rem}.doc-content{width:100%;max-width:830px;padding:2.5rem 2rem 6rem;overflow-x:hidden}.comment-sidebar{width:300px;flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border-color);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow:hidden;display:flex;flex-direction:column;transition:width .22s ease}.comment-sidebar.collapsed{width:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .75rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-header h2{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.comment-count{font-size:.6875rem;font-weight:500;color:var(--accent);background:var(--accent-light);padding:.0625rem .4rem;border-radius:10px}.comment-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.no-comments{color:var(--text-tertiary);font-size:.8125rem;text-align:center;padding:2.5rem 1rem;line-height:1.6}.comment-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.comment-card:hover{box-shadow:var(--shadow-md)}.comment-card.orphaned{opacity:.6;border-left:3px solid var(--text-tertiary)}.comment-card.resolved{background:var(--bg-tertiary)}.comment-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.375rem}.comment-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-light);flex-shrink:0}.comment-author{font-size:.8125rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-time{font-size:.65rem;color:var(--text-tertiary);flex-shrink:0}.comment-quote{font-size:.75rem;color:var(--accent);font-style:italic;margin-bottom:.5rem;padding:.25rem .5rem;background:var(--accent-light);border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid var(--accent)}.comment-text{font-size:.8125rem;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.comment-orphaned{font-size:.6875rem;color:var(--text-tertiary);margin-bottom:.25rem}.comment-resolved-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--success);background:#10b9811a;padding:.125rem .5rem;border-radius:10px;margin-bottom:.25rem}.comment-card-resolved-collapsed{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .12s}.comment-card-resolved-collapsed:hover{background:var(--bg-tertiary)}.resolved-preview{flex:1;font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.comment-resolved-inline{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;font-size:.6875rem;color:var(--success);font-style:normal;font-weight:500}.comment-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.comment-action-btn{font-size:.6875rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:0;transition:color .12s}.comment-action-btn:hover{color:var(--text-primary)}.btn-delete:hover{color:var(--error)!important}.comment-replies{margin-top:.625rem;padding-left:.75rem;border-left:2px solid var(--border-light);display:flex;flex-direction:column;gap:.5rem}.reply-item{padding:.375rem 0}.reply-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.reply-avatar{width:18px;height:18px;border-radius:50%;background:var(--accent-light);flex-shrink:0}.reply-author{font-weight:500;font-size:.75rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-time{font-size:.625rem;color:var(--text-tertiary);flex-shrink:0}.selection-toolbar{position:absolute;z-index:350;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #00000021,0 1px 4px #00000014;padding:.3125rem .375rem;display:flex;align-items:center;gap:.25rem;pointer-events:auto;animation:popover-in .1s ease-out}.toolbar-comment-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3125rem .625rem;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background .12s;white-space:nowrap}.toolbar-comment-btn:hover{background:var(--bg-tertiary)}.comment-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400}.comment-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.comment-modal-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);width:90%;max-width:460px;overflow:hidden}.comment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.comment-modal-header h3{font-size:.9375rem;font-weight:600}.comment-modal-quote{padding:.5rem 1rem;background:var(--accent-light);font-size:.8125rem;color:var(--accent);font-style:italic;border-bottom:1px solid var(--border-color)}.comment-input{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:.875rem;resize:vertical;min-height:80px}.comment-input:focus{outline:none}.comment-input::placeholder{color:var(--text-tertiary)}.comment-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color)}.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4,.doc-content h5,.doc-content h6{margin:1.75rem 0 .75rem;font-weight:600;line-height:1.3;scroll-margin-top:76px}.doc-content h1{font-size:2rem}.doc-content h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.375rem}.doc-content h3{font-size:1.25rem}.doc-content h4{font-size:1.1rem}.doc-content p{margin:.875rem 0;line-height:1.75}.doc-content ul,.doc-content ol{margin:.75rem 0;padding-left:1.5rem}.doc-content li{margin:.3rem 0;line-height:1.65}.doc-content li>ul,.doc-content li>ol{margin:.2rem 0}.doc-content blockquote{border-left:3px solid var(--border-color);padding:.375rem .875rem;margin:.5rem 0;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:0 6px 6px 0}.doc-content hr{border:none;border-top:1px solid var(--border-color);margin:1.75rem 0}.doc-content a{color:var(--accent);text-decoration:none}.doc-content a:hover{text-decoration:underline}.doc-content strong{font-weight:600}.doc-content em{font-style:italic}.doc-content del{text-decoration:line-through;color:var(--text-secondary)}.doc-content img{max-width:100%;border-radius:8px;margin:.75rem 0}.doc-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.875rem}.doc-content th,.doc-content td{border:1px solid var(--border-color);padding:.5rem .875rem;text-align:left}.doc-content th{background:var(--bg-tertiary);font-weight:600}.doc-content tr:nth-child(2n){background:var(--bg-tertiary)}.doc-content input[type=checkbox]{margin-right:.5rem;accent-color:var(--accent)}.doc-content code{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,monospace}.doc-content :not(pre)>code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;font-size:.875em}.code-block{background:var(--code-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin:.875rem 0}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.375rem .875rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-block-lang{font-size:.6875rem;color:var(--text-tertiary);text-transform:lowercase}.code-block-copy{padding:.125rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);font-size:.6875rem;cursor:pointer}.code-block-copy:hover{color:var(--text-primary);background:var(--bg-quaternary)}.code-block pre{margin:0;padding:1rem;overflow-x:auto;background:transparent;border:none}.code-block pre code{font-size:.875rem;line-height:1.55}.comment-anchor{background:var(--comment-highlight);border-bottom:2px solid var(--comment-highlight-border);cursor:pointer;border-radius:2px;transition:background .15s}.comment-anchor:hover{background:#1456f038}.anchor-popover{position:absolute;z-index:350;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;box-shadow:var(--shadow-lg);padding:.625rem .75rem;max-width:280px;pointer-events:auto;animation:popover-in .12s ease-out}.anchor-popover-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.anchor-popover-header strong{font-size:.8125rem}.anchor-popover-time{font-size:.6875rem;color:var(--text-tertiary)}.anchor-popover-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}@keyframes popover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.comment-card-highlight{animation:card-flash 2s ease-out}@keyframes card-flash{0%,30%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:var(--shadow-sm)}}[data-paragraph-id]{position:relative}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.5625rem 1.125rem;background:var(--text-primary);color:var(--bg-secondary);border-radius:8px;font-size:.8125rem;z-index:500;animation:toast-in .2s ease-out;box-shadow:var(--shadow-lg);white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.comment-sidebar{width:0;overflow:hidden}.doc-content{max-width:100%}}@media(max-width:640px){.viewer-header{padding:0 .75rem}.header-doc-title{max-width:160px;font-size:.875rem}.doc-meta{display:none}.doc-content{padding:1.25rem 1rem 4rem}.doc-content h1{font-size:1.5rem}.doc-content h2{font-size:1.25rem}}