:root{--ink:#1f201d;--muted:#636361;--line:#eaeaea;--accent:#1b6e66;--hover:#f0f8f6;--space:8px;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.5 var(--sans)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.symbols{position:absolute;width:0;height:0}.skip{position:fixed;top:-60px;left:16px;z-index:9;background:white;padding:12px}.skip:focus{top:12px}aside{width:256px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:42px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font:600 27px/1.3 var(--serif);white-space:nowrap}.brand svg{width:30px;height:30px}.identity p{font-size:14px;color:var(--muted);margin:12px 0 36px 42px}nav button{border:0;background:transparent;text-align:left;border-radius:7px;padding:12px 16px;width:100%;color:var(--muted)}nav button.active{background:#f3f3f2;color:var(--ink);font-weight:600}nav button:hover{background:#f5f5f4;color:var(--ink)}.group-label{font-size:13px;color:var(--muted);margin:30px 16px 10px}.subjects{display:flex;flex-direction:column;gap:4px}.notion{margin-top:auto;font-size:14px;color:var(--muted);padding:12px 16px}.notion span{margin-left:8px}main{margin-left:256px;padding:57px 40px 32px 53px;max-width:1600px}h1{font:500 48px/1.4 var(--serif);letter-spacing:-1.5px;margin:0 0 12px}header p{margin:0;color:var(--muted)}.tools{margin-top:36px}label{display:block;font-size:14px;margin-bottom:10px}.search-box{display:flex;gap:12px;align-items:center;border:1px solid #dededc;border-radius:8px;padding:0 16px;height:52px;color:var(--muted)}.search-box:focus-within{border-color:var(--accent)}input{border:0;outline:none;min-width:0;width:100%;height:100%;background:transparent;color:var(--ink)}input::placeholder{color:var(--muted)}kbd{font:12px var(--sans);background:#f4f4f3;border:1px solid var(--line);border-radius:4px;padding:3px 7px;white-space:nowrap}.types{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-top:24px}.types button{position:relative;border:0;background:none;padding:0 0 16px;color:var(--muted);font-size:14px;white-space:nowrap;min-height:44px}.types .selected{color:var(--accent);font-weight:600}.types .selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.panel{border:1px solid var(--line);border-radius:12px;margin-top:28px;overflow:hidden}.panel-heading{display:flex;gap:14px;align-items:center;padding:19px 24px}.panel-heading h2{font-size:16px;font-weight:600;margin:0}.panel-heading span{color:var(--muted);font-size:13px}.table-heading,.document{display:grid;grid-template-columns:minmax(0,1fr) 150px 88px;gap:24px;align-items:center;padding:0 24px}.table-heading{font-size:13px;color:var(--muted);height:40px;background:#fafafa;border-top:1px solid var(--line)}.table-heading span:last-child{text-align:center}ul{margin:0;padding:0;list-style:none}.document{min-height:102px;border-top:1px solid var(--line)}.document:hover,.document:focus-within{background:var(--hover)}.document h3{font:500 23px/1.5 var(--serif);margin:0 0 6px}.document p{font-size:14px;color:var(--muted);margin:0}.subject{font-size:14px;color:var(--muted)}.open{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d8d8d5;border-radius:6px;min-height:40px;font-size:14px;background:#fff}.document:hover .open,.document:focus-within .open{border-color:var(--accent);color:var(--accent)}#empty{text-align:center;padding:48px 20px}#empty h3{font-size:18px;font-weight:500;margin:0 0 10px}#empty p{color:var(--muted);font-size:14px}#reset{border:1px solid var(--accent);border-radius:6px;color:var(--accent);background:white;padding:10px 16px;margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin-top:28px;font-size:12px}footer p{margin:0 0 6px}footer svg{width:24px;height:24px}@media(min-width:1600px){main{margin-right:auto}}@media(max-width:1000px){aside{width:218px;padding:32px 20px}.brand{font-size:24px}main{margin-left:218px;padding:40px 28px}h1{font-size:38px}.table-heading,.document{grid-template-columns:minmax(0,1fr) 80px 78px;gap:16px}.document h3{font-size:20px}.types{gap:24px}}@media(max-width:700px){aside{position:static;width:auto;padding:22px 20px 16px;border-right:0;border-bottom:1px solid var(--line);display:block}.identity{display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px}.brand svg{width:26px;height:26px}.identity p{font-size:12px;margin:0}.group-label{display:none}nav{display:flex;gap:8px;margin-top:20px;overflow-x:auto;padding:4px 2px 8px}nav button{width:auto;white-space:nowrap;min-height:44px;font-size:14px;padding:10px 14px}.subjects{flex-direction:row;gap:4px}.notion{display:block;padding:8px 2px 0;font-size:13px}main{margin:0;padding:30px 20px}h1{font-size:32px;letter-spacing:-1px}header p{font-size:15px}.tools{margin-top:28px}.search-box{padding:0 12px}input{font-size:16px}kbd{display:none}.types{gap:0;justify-content:space-between;margin-top:20px}.types button{font-size:14px}.panel{margin-top:24px}.panel-heading{padding:18px}.table-heading{display:none}.document{grid-template-columns:minmax(0,1fr) 76px;gap:12px;padding:20px 18px}.document-content{grid-column:1/-1}.document h3{font-size:22px;line-height:1.5;overflow-wrap:anywhere}.document p{font-size:16px;line-height:1.7}.subject{font-size:14px}.open{min-height:44px}footer{font-size:12px;margin-top:24px}footer svg{flex-shrink:0;margin-left:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}

.types{flex-wrap:wrap;column-gap:24px;row-gap:8px}.search-box:focus-within{outline:2px solid var(--accent);outline-offset:3px}#sync-status{margin-top:10px}

/* 今日复习：沿用书页留白、衬线章节标题与克制的青绿。 */
:root{--surface:#f7f8f6;--due:#17645c;--due-bg:#e9f4f0}
::selection{background:#cce4dd;color:var(--ink)}input,textarea{caret-color:var(--accent)}
header .date-caption{font-size:13px;margin-top:14px;font-variant-numeric:tabular-nums}
nav .nav-today{display:flex;align-items:center;justify-content:space-between;gap:16px}
#today-count{font-variant-numeric:tabular-nums;color:var(--accent)}
.table-heading,.document{grid-template-columns:minmax(0,1fr) 80px 184px;gap:20px}
.document{padding-top:22px;padding-bottom:22px;min-height:130px}
.document h3{font-size:22px}.row-actions{display:flex;align-items:center;gap:8px}
.row-actions button,.row-actions a{flex:1;white-space:nowrap;padding:8px 10px;font-size:13px;min-height:44px;border-radius:6px}
.quiz-start{background:var(--ink);color:white;border:1px solid var(--ink)}
.quiz-start:hover{background:#3b3e38}.quiz-start:disabled{background:var(--surface);color:var(--muted);border-color:var(--line);cursor:default}
.review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.review-meta .due{color:var(--due);background:var(--due-bg);padding:2px 8px;border-radius:4px}
.review-meta .scheduled{color:var(--muted)}
.quiz-panel{margin-top:28px;padding:26px;background:var(--surface);border-radius:12px;scroll-margin-top:20px}
.quiz-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.quiz-heading h2{font:500 25px/1.5 var(--serif);margin:0;overflow-wrap:anywhere}
.quiz-heading button,.quiz-bottom button{flex-shrink:0;background:white;color:var(--ink);border:1px solid #d8d8d5;border-radius:6px;padding:10px 14px;min-height:44px;font-size:14px}
.quiz-heading button:hover,.quiz-bottom button:hover{border-color:var(--accent);color:var(--accent)}
#quiz-caption,.quiz-note{color:var(--muted);font-size:14px;line-height:1.7}
#quiz-caption{margin:12px 0 24px}#quiz-questions{list-style:decimal;padding-left:24px}
#quiz-questions li{padding:0 0 30px 6px}#quiz-questions li:last-child{padding-bottom:20px}
#quiz-questions h3{font-size:17px;font-weight:500;line-height:1.7;margin:0 0 14px;max-width:70ch}
#quiz-questions label{font-size:13px;color:var(--muted);margin-bottom:8px}
#quiz-questions textarea{display:block;width:100%;resize:vertical;min-height:96px;background:white;border:1px solid #d8d8d5;border-radius:6px;padding:12px;font:16px/1.6 var(--sans);color:var(--ink)}
textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
textarea::placeholder{color:var(--muted)}details{margin-top:12px}summary{cursor:pointer;color:var(--accent);font-size:14px;min-height:44px;padding:10px 0}
details p{margin:4px 0 0;font-size:16px;line-height:1.8;max-width:70ch;overflow-wrap:anywhere}
.quiz-bottom{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.quiz-bottom a{color:var(--accent);font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}
.quiz-note{margin:18px 0 0}.quiz-start,.quiz-heading button,.quiz-bottom button,.open{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
@media(max-width:1100px){.table-heading,.document{grid-template-columns:minmax(0,1fr) 172px}.document-content{grid-column:1}.subject{grid-column:1;grid-row:2}.row-actions{grid-column:2;grid-row:1/3}.table-heading span:nth-child(2){display:none}.document h3{font-size:20px}}
@media(max-width:700px){header h1{font-size:32px}nav .nav-today{justify-content:flex-start;gap:8px}.table-heading{display:none}.document{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 18px}.document-content{grid-column:1;grid-row:1}.subject{grid-column:1;grid-row:2}.row-actions{grid-column:1;grid-row:3;width:100%;gap:12px}.row-actions button,.row-actions a{font-size:14px}.document h3{font-size:22px}.quiz-panel{padding:20px 18px}.quiz-heading{flex-direction:column;gap:12px}.quiz-heading h2{font-size:24px}.quiz-heading button{align-self:flex-end}.quiz-note{font-size:13px}.quiz-bottom{gap:10px 20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* 在线出题延续章节自测的平面布局，口令只在需要时展示。 */
.table-heading,.document{grid-template-columns:minmax(0,1fr) 80px 260px}
.ai-start{background:var(--ink);color:white;border:1px solid var(--ink)}.ai-start:hover{background:#3b3e38}
.row-actions .quiz-start{background:white;color:var(--ink);border-color:#d8d8d5}.row-actions .quiz-start:hover{color:var(--accent);border-color:var(--accent)}
.ai-panel{scroll-margin-top:20px}#ai-status{font-size:15px;line-height:1.7;color:var(--accent);margin:18px 0}
.ai-login-row,.ai-generate-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.ai-login-row input{height:46px;max-width:340px;width:100%;padding:10px 12px;background:white;border:1px solid #d8d8d5;border-radius:6px}
.ai-panel button{min-height:44px;border-radius:6px;border:1px solid #d8d8d5;padding:10px 14px;background:white;color:var(--ink)}.ai-panel button[type=submit]{background:var(--ink);color:white;border-color:var(--ink)}.ai-panel button:disabled{opacity:.55;cursor:default}
.ai-panel select{min-height:44px;padding:8px 34px 8px 12px;border:1px solid #d8d8d5;border-radius:6px;background:white;color:var(--ink);font:inherit}.ai-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#ai-questions{list-style:decimal;padding-left:24px}#ai-questions li{padding:0 0 30px 6px}#ai-questions .ai-question{font:500 17px/1.7 var(--sans);margin:24px 0 14px;max-width:70ch;overflow-wrap:anywhere}#ai-questions label{font-size:13px;color:var(--muted)}#ai-questions textarea{display:block;resize:vertical;width:100%;min-height:96px;padding:12px;border:1px solid #d8d8d5;border-radius:6px;background:white;color:var(--ink);font:16px/1.6 var(--sans)}.ai-source{display:inline-block;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:14px;margin-top:12px;padding:8px 0}.ai-panel form{margin:20px 0}
@media(max-width:1100px){.table-heading,.document{grid-template-columns:minmax(0,1fr)}.document-content{grid-column:1}.subject{grid-column:1;grid-row:2}.row-actions{grid-column:1;grid-row:3;max-width:360px}.table-heading{display:none}}
@media(max-width:700px){.row-actions{max-width:none}.row-actions button,.row-actions a{padding:8px 6px;font-size:13px}.ai-login-row input{max-width:none}.ai-login-row button{width:100%}.ai-generate-row{align-items:flex-end}.ai-generate-row>div{width:100%}.ai-panel select{width:100%}}