/* 师生阅读工作台：白色为主，灰阶区分层级，蓝色仅强调主要操作。 */
:root{
  --bg:#FFFFFF;--paper:#FFFFFF;--ink:#202938;--muted:#5E6978;
  --green:#2458B8;--pale:#F1F5FB;--sage:#607086;--line:#E2E7ED;
  --purple:#4C5A70;--lavender:#F3F5F8;--warning:#854D0E;--danger:#B42318;
  --radius-sm:6px;--radius-md:10px;--radius-lg:12px;
  --shadow-sm:none;--shadow-md:0 2px 8px #13213B05;
}
body{background:#FFFFFF;color:var(--ink)}
.top{height:72px;background:#FFFFFF;border-color:var(--line)}
.brand{font-size:22px;letter-spacing:.5px}.brand-mark{background:#24364B;border-radius:9px;width:40px;height:40px}
.brand small{color:var(--muted);letter-spacing:1px;font-size:9px}
.edition{border:0;background:#F3F5F8;color:#526073;border-radius:5px;padding:4px 8px}
.shell{min-height:calc(100vh - 72px)}
.sidebar{background:#FAFBFC;border-color:var(--line)}.side-label{color:var(--muted);letter-spacing:1px}
.main-nav a{color:#526073;border-radius:7px}.main-nav a.active{background:#EEF3FB;color:#2458B8;font-weight:600;box-shadow:none}
.main-nav a:not(.active):hover{background:#F0F2F5}.main-nav b{background:#E6EBF1;color:#526073;border-radius:4px}
.sidebar-book{border-color:var(--line)}.book-cover{background:#FFFFFF;border-color:#DCE2EA;border-left:4px solid #BBC5D2;border-radius:3px 6px 6px 3px;box-shadow:none;transform:none;color:#334155}
.book-cover small,.book-cover>span{color:#5E6978;border-color:#E2E7ED}
.sidebar-progress progress::-webkit-progress-bar{background:#E6EAF0}.sidebar-progress progress::-webkit-progress-value{background:#4D77BD}
.local-state>span{background:#8190A3}
.breadcrumb{color:var(--muted);margin-bottom:22px}.breadcrumb b{color:#46556A}
h1,.page-heading h1{font-size:30px;font-weight:650;letter-spacing:-.6px;line-height:1.45}h1 em{color:var(--ink)}
.eyebrow{color:#5E6978;letter-spacing:1.3px}
.studio-hero{display:block;margin:0 0 24px}.studio-kicker{color:#5E6978;font-size:12px;letter-spacing:.5px;margin-bottom:8px;font-weight:500}
.studio-kicker>span{display:none}.studio-hero h1{font-size:30px;line-height:1.45;letter-spacing:-.6px;margin:0 0 8px}.studio-hero h1 em{color:var(--ink)}
.studio-hero h1 br{display:none}.studio-hero>div>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:none}
.hero-chips,.hero-companion{display:none}
.panel,.path-card,.studio-card{background:#FFFFFF;border-color:var(--line);border-radius:10px;box-shadow:none}
.studio-card-top{padding-top:18px;padding-bottom:18px;min-height:72px;background:#FFFFFF;border-color:var(--line)}
.studio-card-top h2{font-weight:600}.card-step,.card-step.purple{background:#F3F5F8;color:#526073;border-radius:6px;font-weight:600}
.result-badge{background:#F3F5F8;color:#526073;border-radius:5px}
.primary{background:#2458B8;border-color:#2458B8;border-radius:7px;box-shadow:none}.primary:hover{background:#1E4B9D;border-color:#1E4B9D;box-shadow:none}
.secondary{background:#FFFFFF;color:#43536B;border-color:#CBD3DF;border-radius:7px}.secondary:hover{background:#F5F7FA}
.generate-button{box-shadow:none;font-size:14px;border-radius:8px;min-height:48px}
.text-button{color:#3F5E8C;border-radius:6px}.text-button:hover,.tool-button:hover,.sample-button:hover{background:#F2F5F9;color:#2458B8}
.tool-button{color:#5E6978;border-radius:6px}.icon-button:hover{background:#F2F5F9}
.language-bar{border-color:#E9EDF2}.language-dot{background:#728198}.language-dot.zh{background:#A0AABB}
.swap-button{border-color:#D9E0E9;color:#516176;background:#FFFFFF;border-radius:8px}.swap-button:hover{background:#F5F7FA}
.source-editor{background:#FAFBFC;border-color:#8490A0;border-radius:8px}.source-editor:focus-within{border-color:#2458B8;box-shadow:0 0 0 2px #2458B812}
#aiText{border-radius:8px;color:#202938}#aiText::placeholder{color:#667181}
.personal-text{background:#FFFFFF;color:#202938;border-color:#8490A0;border-radius:8px}
.sample-button{color:#3F5E8C}.source-submit>p,.upload-hint{color:var(--muted)}
.upload-zone{background:#FFFFFF;border-color:#8490A0;border-radius:8px}.upload-zone:hover{background:#F8FAFD;border-color:#2458B8}
.upload-zone strong{color:#344256}.upload-icon{background:#F1F4F8;color:#526884;border-radius:7px}.upload-plus{color:#65758A}
.attachment{border-color:var(--line);border-radius:7px}
.pdf-import{border-color:var(--line)}.pdf-pick{background:#FFFFFF;border-color:#8490A0;border-radius:8px}.pdf-pick:hover{background:#F8FAFD}
.pdf-pick strong,.pdf-pick>span:last-child{color:#344256}.pdf-file-icon{color:#526884;background:#F3F5F8;border-color:#D1D9E4;border-radius:6px}
.pdf-range-row input{background:#FFFFFF;color:var(--ink);border-color:#8490A0;border-radius:7px}
.pdf-preview{background:#F4F6F8;border-color:#E2E7ED;border-radius:8px}.pdf-preview img{box-shadow:0 1px 5px #1F293714}
.pdf-cost,.pdf-message{background:#F5F7FA;color:#48586E;border-radius:7px}.pdf-message[data-kind=error]{background:#FFF7F5;color:#B42318}
.pdf-reading,.pdf-preview-zoom{color:#3F5E8C}.pdf-run-progress{background:#F7F9FC;border-color:#DEE5EE;border-radius:8px}
.pdf-run-progress p{color:#435873}.pdf-zoom-dialog{border-radius:10px;background:#FFFFFF}
.result-tabs{background:#FFFFFF;border-color:var(--line)}.result-tabs button{border-radius:5px 5px 0 0;color:#5E6978}
.result-tabs button[aria-selected=true]{color:#2458B8}.result-tabs button[aria-selected=true]:after{height:2px;background:#2458B8}
.result-tabs button:hover{background:#F6F8FB}.studio-output{scrollbar-color:#C8D1DE transparent}
.empty-book{background:#F7F9FC;border-color:#E1E7EE;border-radius:12px;transform:none;box-shadow:none}
.empty-book svg{color:#70819B}.studio-empty h3{color:#43536B;font-weight:500}.empty-steps b{color:#526884;background:#F7F9FC;border-color:#D8E0EA}
.empty-steps i{color:var(--muted)}.result-bottom{background:#FFFFFF;border-color:var(--line)}
.result-bottom>span svg{color:#718198}.result-bottom .export-button{background:#F1F5FB;color:#2458B8;border-radius:6px}
.markdown,.translation-body,.annotation-card p{color:#344256}.markdown strong{color:#24364B}.markdown h2,.markdown h3,.markdown h4,.translation-body>h3{color:#24364B}
.markdown blockquote{background:#F7F9FC;border-color:#AABBD3;color:#48586E}.markdown code{background:#F0F3F7;color:#3F526F}
.markdown th{background:#F4F6F9;color:#344256}.markdown td{border-color:#E5EAF0}.markdown tr:nth-child(even) td{background:#FAFBFD}
.table-scroll{border-color:#E0E6ED;border-radius:7px}.markdown hr{border-color:var(--line)}
.chapter-hero{background:#FAFBFD;border-color:#E1E7EF;border-radius:10px}.chapter-number{color:#536E94;border-color:#DCE3EC}.chapter-number small{color:#5E6978}
.hero-title h2{color:#24364B}.core-question h3,.question-icon,.path-index{color:#526884}.topic-tags span{background:#F3F5F8;color:#526073;border-radius:4px}
.section-tabs button{color:#516176;background:#FFFFFF;border-color:#D6DDE7;border-radius:6px}.bottom-note{background:#FAFBFC;border-color:var(--line);border-radius:10px}
.topic-outline button.active{background:#EEF3FB;color:#2458B8}.topic-outline button:hover{background:#F5F7FA}.priority-full>article:has(input:checked){background:#F5F8FD}
.priority-item:has(input:checked) label{color:#2458B8}.inline-page{color:#2458B8;border-color:#94B0DB}.translation-remarks{background:#FFFCF5;color:#854D0E}
.reader-toolbar{background:#FFFFFF;border-color:var(--line);border-radius:8px}.page-selector select{color:#43536B;background:#FFFFFF;border-color:#8490A0;border-radius:6px}
.mode-tabs button.active,.reader-mobile-tabs button.active{color:#2458B8;border-bottom-color:#2458B8}.panel-heading,.article-title{border-color:var(--line)}
.annotation-card{border-radius:10px}.empty-state{border-color:#CFD8E4;color:#5E6978}.empty-state h3{color:#43536B}
.skeleton{background:linear-gradient(90deg,#EEF1F5,#FAFBFD,#EEF1F5);background-size:200% 100%}
.studio-status{background:#F5F8FC;border-color:#DDE5EF;color:#435873;border-radius:8px}
.studio-status[data-kind=success]{background:#F8FCFA;border-color:#DCE9E2;color:#286447}
.studio-status[data-kind=error]{background:#FFF7F5;border-color:#F0D5D0;color:#B42318}
.studio-status[data-kind=warning]{background:#FFFCF5;border-color:#E9DFC9;color:#854D0E}
.buddy-panel{background:#FFFFFF;border-color:#DCE3EC;border-radius:12px;box-shadow:0 8px 32px #1F293712}
.buddy-panel button[data-buddy-tip]{background:#FAFBFC;color:#3F5E8C;border-color:#DCE3EC;border-radius:7px}.buddy-message{background:#F5F7FA;border-radius:8px}
.toast{background:#253B59;border-radius:7px;box-shadow:0 4px 16px #1F293714}dialog{background:#FFFFFF;border-color:#DCE3EC;border-radius:12px}
@media(max-width:900px){.top{height:68px}.sidebar{background:#FFFFFF}.main-nav a{border-radius:6px}.studio-hero{display:block;margin-bottom:22px}}
@media(max-width:740px){.top{height:64px}.studio-hero h1,.page-heading h1{font-size:27px;letter-spacing:-.5px}.studio-hero>div>p{font-size:13px}.studio-hero h1 br{display:none}.studio-kicker{font-size:11px;margin-bottom:8px}.studio-card{border-radius:9px}.studio-card-top{min-height:68px}.generate-button{min-height:48px}.source-editor,.pdf-pick,.upload-zone{border-radius:7px}}
/* 当前材料卡片：文件预览与文本摘要均来自实际导入内容。 */
.material-document{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}
.material-tag{display:block;color:#5e6978;font-size:11px;line-height:1.6;margin-bottom:12px}
.material-name{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin-top:12px;color:#202938}
.material-text-preview{font-size:15px;line-height:1.95;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;max-height:234px;border-bottom:1px solid #e2e7ed;padding-bottom:12px}
.material-extra,.material-detail{display:block;color:#5e6978;font-size:11px;line-height:1.8;margin-top:6px;overflow-wrap:anywhere}
.material-pdf-preview{display:block;width:100%;max-height:220px;object-fit:contain;background:#f4f6f8;border:1px solid #e2e7ed}
.material-images{display:flex;gap:6px;max-height:180px;overflow:hidden}.material-images img{min-width:0;flex:1;max-width:100%;object-fit:contain;background:#f4f6f8}
.material-placeholder{padding:24px 8px;text-align:center;background:#f7f9fb;border-radius:5px;color:#5e6978;font-size:12px}
.material-empty{padding:20px 14px;border:1px dashed #cbd3de;border-radius:8px;background:#fff}.material-empty>span{font-size:24px;color:#8a97aa}.material-empty strong{display:block;font-size:13px;margin-top:10px}.material-empty p{margin:8px 0 0!important;font-size:12px!important;line-height:1.9!important}
.material-error{display:block;color:#9e3030;font-size:12px;line-height:1.8;margin-top:8px}.sidebar-progress[hidden]{display:none}
.mobile-material{display:none}
@media(max-width:900px){.mobile-material:not([hidden]){display:block;margin-bottom:20px}.mobile-material .side-label{margin-bottom:8px}.mobile-material .material-document{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;padding:12px}.mobile-material .material-tag{grid-column:2;margin:0}.mobile-material .material-name{grid-column:2;margin:0;font-size:13px}.mobile-material .material-extra,.mobile-material .material-detail,.mobile-material .material-error{grid-column:2;margin:0}.mobile-material .material-text-preview,.mobile-material .material-pdf-preview,.mobile-material .material-images,.mobile-material .material-placeholder{grid-column:1;grid-row:1 / span 5;width:64px;height:80px;max-height:80px;margin:0;font-size:10px;line-height:1.7;padding:4px;border:1px solid #e2e7ed;border-radius:4px;overflow:hidden}.mobile-material .material-images img{width:100%;height:100%}.mobile-material .material-images img+img{display:none}}