/* A warm study notebook with a dark chapter rail and subject-specific accents. */
:root{--ink:#2d2b2a;--muted:#80776e;--green:#a74735;--green-light:#f7eae3;--line:#e9e2d8;--canvas:#f7f4ee;--paper:#fffdf9;--radius:10px;--accent-deep:#7a3025;--accent-rgb:167,71,53}
body[data-subject="film"]{--green:#365d76;--green-light:#e9f0f4;--accent-deep:#213e52;--accent-rgb:54,93,118}
body{background:var(--canvas);color:var(--ink)}
.topbar{background:#fffdf9;height:72px;padding:0 30px;gap:10px;border-color:var(--line);box-shadow:0 3px 18px #45372505}
.brand>svg{background:var(--green);color:white;width:38px;height:38px;padding:9px;border-radius:12px}.brand strong{font-size:19px}.brand>span{font-size:11px;margin-left:4px}
.view-nav{gap:10px;margin-right:12px;align-items:center}.view-nav a{border:0;border-radius:9px;padding:10px 15px;font-size:13px}.view-nav a.selected{background:var(--green-light);color:var(--green)}
.record-button{display:flex;align-items:center;gap:7px;font-size:12px;padding:10px 13px;background:#f7f4ee;border:1px solid var(--line);white-space:nowrap}.record-button>svg{width:16px;height:16px}
.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 72px)}
.sidebar{top:72px;height:calc(100vh - 72px);padding:26px 18px 20px;background:#292c34;color:#eee8df;border:0;gap:22px;box-shadow:6px 0 20px #292c3405}
.subject-switch{background:#393c45;border:1px solid #ffffff0e;padding:4px;border-radius:11px}.subject-switch button{color:#c2bdba;height:39px;font-size:13px}.subject-switch button.active{background:#f6ede0;color:#633b2b;box-shadow:0 2px 8px #0002}
.search{background:#33363e;border-color:#4a4c55;border-radius:9px}.search input,.search svg{color:#e8e3dd}.search input::placeholder{color:#999ba3}.side-progress{color:#bab6b0;font-size:11px}.side-progress progress{height:6px;margin-top:12px}progress::-webkit-progress-bar{background:#41434b}progress::-webkit-progress-value{background:#cfaa79}
.part-label{color:#c7a779;font-size:10px;letter-spacing:.4px;text-transform:none;margin-top:18px;margin-bottom:9px}.chapter-button{color:#d6d3d1;border-radius:8px;padding:10px;font-size:12px;gap:9px;transition:background .15s}.chapter-button .chapter-number{color:#9a9693;font-size:10px}.chapter-button:hover{background:#3a3d46}.chapter-button.active{background:#47403c;color:#f4d6ab}.chapter-button.active .chapter-number{color:#f0c994}.chapter-progress{font-size:10px;color:#a6a09b;border:1px solid #ffffff12;border-radius:5px;padding:2px 4px}.chapter-button.active .chapter-progress{color:#e5c094;border-color:#d6ae682f}.side-footer{border-color:#ffffff14;gap:13px}.side-footer a,.side-footer button{color:#c1bab1;font-size:11px}
main{max-width:1240px;padding:26px 38px 70px}.workspace-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:17px}.workspace-intro>span:first-child{display:flex;gap:7px;align-items:center}.workspace-intro svg{width:15px;height:15px}.workspace-intro>span:last-child{font-size:10px;color:#59805f}
.book-heading{border:1px solid #e8ddcd;border-radius:18px;padding:28px 30px;position:relative;overflow:hidden;gap:30px;background:radial-gradient(ellipse at 100% 0%,rgba(var(--accent-rgb),.09),transparent 52%),linear-gradient(125deg,#fffdf8,#f6eee2);box-shadow:0 8px 28px #765a2d06;min-height:210px}
.book-heading:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(var(--accent-rgb),.10);border-radius:50%;right:-70px;bottom:-130px;pointer-events:none}
.book-art{flex:0 0 auto!important;min-width:0;display:flex;flex-direction:column;align-items:center;gap:11px}.book-art img{width:83px;height:118px;object-fit:cover;border-radius:3px 7px 7px 3px;box-shadow:6px 8px 14px #4c341f24;transform:rotate(-5deg);border:1px solid #59462c20}.book-art>span{font-size:9px;color:#978672;letter-spacing:1px}.hero-copy{position:relative;z-index:1}.book-heading h1{font-family:"Songti SC","SimSun",serif;font-size:35px;letter-spacing:1px;font-weight:700;margin:0 0 9px}.book-heading .eyebrow{color:var(--green);font-size:11px;margin-bottom:9px}.book-heading p{font-size:17px;font-weight:600;margin-bottom:12px}.chapter-meta{color:#84735f;gap:12px;font-size:11px}.chapter-meta span:first-child{color:var(--green);font-weight:600}.hero-tags{display:flex;gap:16px;margin-top:17px;font-size:10px;color:#96826a}.hero-tags>span{display:flex;gap:5px;align-items:center}.hero-tags svg{width:12px;height:12px}.book-heading>#print{position:absolute;top:18px;right:18px;border:1px solid #e1d6c6;background:#fff9;z-index:2;color:#8e7c66}
.study-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric{padding:16px 19px;background:#fffdf9;border:1px solid var(--line);border-radius:13px;display:flex;gap:12px;align-items:center;box-shadow:0 3px 10px #59472f03;text-align:left;min-width:0}.metric-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--green-light);color:var(--green);flex-shrink:0}.metric-icon svg{width:18px;height:18px}.metric[data-metric="due"] .metric-icon{color:#b1762d;background:#faf0dc}.metric[data-metric="today"] .metric-icon{color:#668273;background:#ebf1e9}.metric[data-metric="saved"] .metric-icon{color:#796491;background:#eee9f4}.metric-copy{min-width:0}.metric-label{font-size:10px;color:var(--muted);display:block;margin-bottom:3px}.metric-value{font-family:Georgia,"Microsoft YaHei",serif;font-size:25px;line-height:1.2;color:#373330}.metric-value small{font:11px "Microsoft YaHei",sans-serif;color:#a3998e;margin-left:4px}.metric-meta{font-size:9px;color:#a39789;display:block;margin-top:5px}.metric:hover{background:#fff;box-shadow:0 4px 14px #6547230a}
.chapter-route{border:1px solid var(--line);background:#fffcf7;border-radius:11px;padding:0 16px}.chapter-route>summary{display:flex;align-items:center;gap:10px;font-size:11px;padding:12px 0;cursor:pointer;list-style:none}.chapter-route>summary::-webkit-details-marker{display:none}.chapter-route summary>span{display:flex;gap:7px;align-items:center;font-weight:600}.chapter-route summary>span svg{color:var(--green);width:14px;height:14px}.chapter-route summary>small{font-size:10px;color:#9c9287;margin-left:auto}.chapter-route summary>svg{width:13px;height:13px;color:#9c9287}.chapter-route[open] summary>svg{transform:rotate(180deg)}#chapterOverview{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0 15px}#chapterOverview a{font-size:10px;border:1px solid var(--line);border-radius:6px;background:white;padding:5px 9px;color:#7c6757}
.study-toolbar{padding:24px 0 15px;gap:12px}.study-toolbar>.tabs{border:1px solid var(--line);padding:4px;background:#ebe6dd;border-radius:11px;gap:3px}.tabs button{border-radius:7px;font-size:12px;padding:9px 12px;color:#81776a}.tabs button.active{background:#fffdf9;color:var(--green);box-shadow:0 2px 5px #624c2810}.tabs button.active svg{color:var(--green)}.study-toolbar select{background:#fffdf9;border-radius:8px;padding:10px 12px}.study-coach{display:flex;align-items:flex-start;gap:9px;color:#8c7e6c;font-size:11px;line-height:1.7;margin:0 2px 17px}.study-coach svg{width:15px;height:15px;margin-top:2px;color:var(--green);flex-shrink:0}.study-coach b{color:#6b5d4e;margin-right:6px;font-weight:600}
.knowledge{border-radius:14px;margin-bottom:20px;border-color:#e8e0d3;background:#fffefa;box-shadow:0 4px 16px #73562b04;border-left:4px solid #d2bd9e;scroll-margin-top:90px}.knowledge[data-rating="known"]{border-left-color:#639274}.knowledge[data-rating="again"]{border-left-color:#bb715e}.knowledge[data-rating="learning"]{border-left-color:#cca057}.card-head{padding:20px 24px 12px;gap:13px}.unit-num{font-size:24px;color:#bb9a70;min-width:30px}.card-head h2{font-size:18px;color:#41372e}.card-head>.icon{border:1px solid var(--line);width:32px;height:32px;border-radius:9px;color:#ab9b85}.card-head>.icon.saved{color:var(--green);background:var(--green-light);border-color:transparent}.card-body{padding:0 24px 21px 67px}.question{font-size:13px;color:#8e7d69;line-height:1.85;background:#f8f3eb;padding:10px 13px;border-radius:7px;position:relative}.question:before{content:"想一想";font-size:10px;font-weight:600;color:var(--green);margin-right:10px}.answer{font-size:15px;line-height:2.05;color:#4f453b}.answer li{margin:9px 0;padding-left:4px}.answer li::marker{color:#aa8860;font-weight:600}.answer-layer{margin-top:15px;color:#a89b89;font-size:10px}.answer-layer button{font-size:10px;background:var(--green-light);border-radius:5px;padding:4px 8px}.answer-layer:before{background:#cfb99a}.card-footer{background:#fbf7f1;border-top:1px solid #eee5d8;padding:12px 24px 12px 67px;color:#9c8a75;font-size:10px}.ratings{gap:6px}.ratings button{font-size:10px;border-radius:99px;padding:7px 12px;border-color:#e7dac8;background:#fffdf8}.ratings button[data-rate="known"].active{color:#fff;background:#63816c;border-color:#63816c}.ratings button[data-rate="again"].active{color:#fff;background:#b36b59;border-color:#b36b59}.ratings button[data-rate="learning"].active{color:#fff;background:#b58e45;border-color:#b58e45}.reveal{border-radius:9px;padding:13px 20px;background:var(--green);border-color:var(--green);font-size:12px;box-shadow:0 3px 8px rgba(var(--accent-rgb),.12)}.reveal:hover{background:var(--accent-deep)}.aux{border-color:#e8dac8;color:#946c47;font-size:11px}.aux summary{color:#ad7753}.reference{color:var(--green)}
.empty{background:#fffdf8;border:1px dashed #d9cbb7;border-radius:14px}.chapter-navigation button{border-radius:9px;background:#fffdf8}.toast{background:var(--accent-deep);border-radius:11px;box-shadow:0 6px 25px #0002}
.map-main{height:calc(100vh - 72px);padding:0}.map-heading{background:linear-gradient(120deg,#fffdf8,#f7efe4);padding:23px 28px;border-color:#e7dbca}.map-heading h1{font-family:"Songti SC","SimSun",serif;font-size:27px}.map-heading .eyebrow{color:var(--green)}.map-heading select{border-color:#ded2c0;border-radius:9px;background:#fffdf8}.map-toolbar{background:#fffdf7;border-color:var(--line)}.map-workspace{grid-template-columns:minmax(0,1fr) 310px}.map-workspace #graph{background-color:#f6f3ec;background-image:radial-gradient(#d8cbb8 .8px,transparent .8px);background-size:20px 20px}.node-detail{background:#fffdf8;border-color:#e3d7c6;padding:26px 22px}.node-detail h2{color:#514334}.node-detail li{color:#6f5d4c}.node-detail li::marker{color:#b18b5b}.node-detail .topic-list button{background:#fffdf9;border-color:#e6dbc9;border-radius:8px}.node-detail .topic-list button:hover{background:#f7eee1}.node-detail .small-button{border-radius:8px;background:#fffaf1}.node-detail .eyebrow{font-size:10px}.node-detail .reference{font-size:10px}.legend-line{background:#b5a58f}
dialog{border-color:#e3d7c8;background:#fffdf8;border-radius:15px;box-shadow:0 18px 90px #322c2440}dialog header{border-color:#ece1d2;background:#fbf5eb}dialog h2{font-size:16px;color:#5b4630}.source-tools{background:#f8f1e5;border-color:#e7dac7}.source-body{background:#efe8dc}.source-body img{box-shadow:0 3px 14px #4b391e15}.source-tools .tabs button.active{background:white}.records-dialog{width:520px;max-width:94vw}.records-dialog #recordsInfo{padding:26px;line-height:1.85;font-size:12px;color:#81705e}.record-summary{padding:17px 18px;background:#f3ecdf;border:1px solid #e6d9c1;border-radius:10px;color:#5c4b36;margin-bottom:18px}.record-summary strong{display:block;font-size:16px;color:#5a765c;margin-bottom:5px}.record-actions{display:flex;gap:10px;margin-top:20px}.record-actions button{display:flex;align-items:center;gap:8px;padding:11px 15px;font-size:12px;border-radius:9px}.record-actions button:first-child{background:var(--green);color:white;border-color:var(--green)}.records-dialog p{margin:10px 0}.records-dialog small{color:#a08d75;font-size:10px;display:block;margin-top:14px}
@media(min-width:1600px){main{padding-top:30px}.map-workspace{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1180px){.app-shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}main{padding:24px}.metric{padding:14px 12px;gap:9px}.metric-icon{width:30px;height:30px}.metric-value{font-size:23px}.metric-label{font-size:9px}.brand>span{display:none}.topbar{padding:0 20px}.map-workspace{grid-template-columns:minmax(0,1fr) 270px}.view-nav a{padding:10px 12px}}
@media(max-width:900px) and (min-width:761px){.backup-icon{display:none}.study-dashboard{gap:8px}.metric-icon{display:none}.book-heading{padding:24px;gap:22px}.hero-tags{gap:10px}.view-nav{margin-right:0}.brand strong{font-size:17px}.topbar{gap:8px}.record-button{padding:9px}}
@media(max-width:760px){.topbar{height:60px;padding:0 10px;gap:5px}.brand strong{font-size:14px}.brand>svg{display:none}.topbar .icon{width:30px;height:34px}.view-nav{gap:3px;margin-left:auto;margin-right:0}.view-nav a{font-size:11px;padding:8px 7px;gap:4px}.view-nav svg{width:14px;height:14px}.backup-icon{display:none!important}.record-button{padding:8px;width:32px;height:34px;justify-content:center;border-radius:8px}.record-button>span{display:none}.record-button svg{width:15px;height:15px}.app-shell{display:block;min-height:calc(100dvh - 60px)}.sidebar{top:60px;height:calc(100dvh - 60px);width:278px;padding:23px 16px;z-index:40}.backdrop.open{inset:60px 0 0}.chapter-button{font-size:13px}.subject-switch button{height:41px}main{padding:18px 14px 40px}.workspace-intro{margin-bottom:12px;gap:8px;font-size:10px}.workspace-intro>span:last-child{font-size:9px}.workspace-intro svg{width:13px;height:13px}.book-heading{border-radius:14px;padding:22px 18px;gap:20px;min-height:180px}.book-art img{width:61px;height:90px;box-shadow:4px 5px 10px #4c341f24}.book-art>span{font-size:8px}.book-heading h1{font-size:28px;letter-spacing:.5px;margin-bottom:7px}.book-heading p{font-size:13px;line-height:1.7;margin-bottom:9px}.book-heading .eyebrow{font-size:9px;margin-bottom:7px}.chapter-meta{font-size:9px;gap:5px 9px}.chapter-meta button{font-size:9px}.hero-tags{font-size:8px;gap:9px;margin-top:12px;flex-wrap:wrap}.hero-tags svg{width:10px;height:10px}.book-heading>#print{top:10px;right:10px;width:26px;height:26px;border:0;background:transparent}.book-heading>#print svg{width:14px;height:14px}.study-dashboard{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.metric{border-radius:10px;padding:12px;gap:10px}.metric-icon{width:30px;height:30px;border-radius:8px}.metric-icon svg{width:16px;height:16px}.metric-value{font-size:22px;line-height:1}.metric-label{font-size:9px;margin-bottom:5px}.metric-meta{display:none}.metric-value small{font-size:10px}.chapter-route{padding:0 12px;border-radius:9px}.chapter-route>summary{font-size:10px;padding:11px 0}.chapter-route summary>small{font-size:9px}#chapterOverview a{font-size:9px}.study-toolbar{padding:16px 0 12px;gap:10px}.study-toolbar>.tabs{width:100%;padding:4px;justify-content:space-between}.study-toolbar .tabs button{padding:8px 7px;font-size:11px;gap:4px;justify-content:center}.study-toolbar .tabs svg{width:13px;height:13px}.study-toolbar select{font-size:10px;padding:7px 9px;margin-left:auto}.study-coach{font-size:10px;margin:0 1px 13px;line-height:1.8}.knowledge{border-radius:11px;margin-bottom:15px;scroll-margin-top:77px}.card-head{padding:16px 14px 9px;gap:9px}.unit-num{font-size:22px;min-width:25px}.card-head h2{font-size:16px}.card-head>.icon{width:28px;height:28px}.card-body{padding:0 14px 17px}.question{padding:9px 11px;font-size:12px;margin-bottom:12px}.question:before{font-size:9px;margin-right:7px}.answer{font-size:14px;line-height:2.1}.answer-layer{font-size:9px;gap:4px}.answer-layer button{font-size:9px;padding:3px 6px;white-space:nowrap}.answer-layer svg{width:12px;height:12px}.answer li{margin:9px 0;padding-left:1px}.answer ol{padding-left:19px}.card-footer{padding:11px 14px;gap:9px;flex-wrap:wrap;font-size:9px}.ratings button{font-size:10px;padding:7px 11px}.status-text{min-width:0}.aux{font-size:10px}.reveal{font-size:11px;padding:11px 16px}.records-dialog #recordsInfo{padding:20px}.record-actions button{padding:11px 13px;font-size:11px}.record-summary strong{font-size:15px}.map-main{padding:0;height:calc(100dvh - 60px)}.map-heading{padding:17px 15px}.map-heading h1{font-size:23px}.map-heading .eyebrow{font-size:9px}.map-heading select{font-size:10px;max-width:50%;padding:9px}.map-toolbar{padding:9px 12px}.map-workspace{grid-template-columns:1fr;grid-template-rows:minmax(240px,1fr) minmax(160px,34%)}.node-detail{padding:17px;border-top:1px solid #dfd1bd}.node-detail h2{font-size:17px}.node-detail li{font-size:12px}.node-detail .topic-list button{font-size:11px}.source-tools{padding:10px 12px}.source-dialog header{padding:12px}.source-dialog h2{font-size:13px}.source-body{padding:8px}}
@media(max-width:380px){.view-nav span{display:none}.view-nav{gap:7px}.view-nav a{padding:8px 9px}.brand strong{font-size:14px}.book-heading{gap:17px;padding:21px 16px}.book-heading h1{font-size:26px}.hero-tags{gap:7px}.study-toolbar .tabs button{font-size:10px;padding:8px 5px}.study-toolbar .tabs svg{width:12px;height:12px}.metric{padding:11px}.ratings button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.workspace-intro,.study-dashboard,.chapter-route,.study-coach,.hero-tags,.book-art>span{display:none!important}.book-heading{border:0;border-radius:0;padding:0 0 15px;background:white;box-shadow:none;min-height:0}.book-heading:after{display:none}.book-art img{transform:none;box-shadow:none;width:64px;height:92px}.book-heading h1{font-size:27px}.book-heading p{font-size:15px}.knowledge{box-shadow:none;border:0;border-radius:0;background:white;break-inside:avoid}.question{background:none;padding:0;color:#555}.card-body{padding-left:61px}.answer{font-size:12px;color:#222}.answer-layer button{background:none}.card-head{padding-top:10px}.card-head h2{font-size:16px}.app-shell{display:block}.map-main{height:auto}.source-dialog,.records-dialog{display:none!important}}