@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{color-scheme:light;--paper: #faf8f3;--paper-warm: #f3efe6;--paper-deep: #ebe4d6;--card: #fffefa;--ink: #1c2333;--ink-soft: #5a6478;--ink-faint: #9299a6;--indigo: #2f4b7c;--indigo-deep: #223a63;--indigo-soft: #e8edf5;--cinnabar: #c0473d;--cinnabar-soft: #f7e8e4;--gold: #b8912f;--gold-soft: #f4ecd7;--bamboo: #4a7a6a;--bamboo-soft: #e5f0eb;--line: #e4ded0;--line-strong: #d2c8b7;--shadow-card: 0 1px 2px rgb(28 35 51 / 4%), 0 10px 28px rgb(28 35 51 / 7%);--shadow-float: 0 20px 60px rgb(28 35 51 / 14%);--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius-card: 14px;--radius-control: 10px;--ease: cubic-bezier(.2, .7, .3, 1)}:root[data-theme=dark]{color-scheme:dark;--paper: #16181d;--paper-warm: #1c1f26;--paper-deep: #252933;--card: #1e2129;--ink: #e8e4da;--ink-soft: #aaa59a;--ink-faint: #777a82;--indigo: #8fa8d0;--indigo-deep: #b0c2df;--indigo-soft: #252e3e;--cinnabar: #d4695f;--cinnabar-soft: #3c2627;--gold: #cfa64a;--gold-soft: #342d20;--bamboo: #79a997;--bamboo-soft: #21342f;--line: #2c303b;--line-strong: #3a3f4d;--shadow-card: inset 0 1px 0 rgb(255 255 255 / 4%), 0 12px 32px rgb(0 0 0 / 20%);--shadow-float: 0 24px 70px rgb(0 0 0 / 35%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 82% 2%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 26rem),var(--paper);font-family:var(--font-sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:-1;inset:0;opacity:.025;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}button,input,textarea{color:inherit;font:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,textarea{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--indigo) 65%,transparent);outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-serif);font-weight:600;letter-spacing:-.025em;line-height:1.35}svg{flex:0 0 auto}.eyebrow{margin-bottom:8px;color:var(--indigo);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}.muted{color:var(--ink-soft)}.page-enter{animation:page-rise .24s var(--ease) both}.primary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid var(--indigo);border-radius:var(--radius-control);color:#fff;background:var(--indigo);box-shadow:0 6px 18px color-mix(in srgb,var(--indigo) 18%,transparent);font-weight:700;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.primary-button:hover:not(:disabled){background:var(--indigo-deep);box-shadow:0 9px 24px color-mix(in srgb,var(--indigo) 24%,transparent);transform:translateY(-1px)}.primary-button.wide{width:100%}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:var(--shadow-card)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading h3{margin-bottom:0;font-size:20px}.tiny-label,.date-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--paper-warm);font-family:var(--font-mono);font-size:11px;font-style:normal}.date-chip.warning{border-color:color-mix(in srgb,var(--cinnabar) 35%,var(--line));color:var(--cinnabar);background:var(--cinnabar-soft)}.global-error{position:fixed;z-index:80;top:76px;left:50%;display:flex;max-width:min(600px,calc(100vw - 32px));align-items:center;gap:20px;padding:12px 14px 12px 18px;border:1px solid color-mix(in srgb,var(--cinnabar) 40%,var(--line));border-radius:10px;color:var(--cinnabar);background:var(--card);box-shadow:var(--shadow-float);transform:translate(-50%)}.global-error button{padding:4px 9px;border-radius:7px;color:inherit;background:var(--cinnabar-soft)}.spin{animation:spin 1s linear infinite}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{display:grid;min-height:100vh;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;z-index:30;top:0;display:flex;height:100vh;flex-direction:column;padding:26px 20px 18px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--paper-warm) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;padding:0;color:inherit;background:transparent;text-align:left}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--cinnabar);border-radius:7px;color:var(--cinnabar);background:transparent;font-family:var(--font-serif);font-size:20px;font-weight:700;box-shadow:inset 0 0 0 3px var(--paper-warm)}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-serif);font-size:19px;letter-spacing:.08em}.brand small{margin-top:1px;color:var(--ink-soft);font-size:10px;letter-spacing:.12em}.nav-label{margin:42px 12px 10px;color:var(--ink-faint);font-size:10px;font-weight:700;letter-spacing:.2em}.main-nav{display:grid;gap:3px}.main-nav button{position:relative;display:flex;min-height:44px;align-items:center;gap:12px;padding:0 12px;border-radius:8px;color:var(--ink-soft);background:transparent;font-weight:600;text-align:left;transition:color .16s var(--ease),background .16s var(--ease)}.main-nav button:before{position:absolute;left:-1px;width:2px;height:16px;border-radius:2px;content:"";background:transparent}.main-nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--card) 55%,transparent)}.main-nav button.active{color:var(--ink);background:color-mix(in srgb,var(--card) 72%,transparent)}.main-nav button.active:before{background:var(--cinnabar)}.live-dot,.status-dot,.notice-dot{display:inline-block;border-radius:50%;background:var(--bamboo)}.live-dot{width:8px;height:8px;box-shadow:0 0 0 4px var(--bamboo-soft)}.source-card{display:grid;margin-top:auto;grid-template-columns:34px 1fr;gap:12px;padding:16px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.source-seal{align-self:start;padding:5px;border:1px solid var(--cinnabar);color:var(--cinnabar);font-family:var(--font-serif);font-size:12px;font-weight:700;line-height:1.1;text-align:center;writing-mode:vertical-rl}.source-card div>span{color:var(--cinnabar);font-family:var(--font-serif);font-size:12px;font-weight:600}.source-card p{margin:6px 0;font-family:var(--font-serif);font-size:12px;line-height:1.8}.source-card small{color:var(--ink-faint);font-size:10px}.sidebar-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:16px 5px 0}.status-dot{width:7px;height:7px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:10px}.sidebar-footer small,.sidebar-footer em{color:var(--ink-faint);font-size:9px}.sidebar-footer em{font-family:var(--font-mono);font-style:normal}.app-body{min-width:0}.global-topbar{position:sticky;z-index:20;top:0;display:flex;height:68px;align-items:center;justify-content:flex-end;gap:22px;padding:0 clamp(24px,4vw,58px);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-bar{padding:8px clamp(24px,4vw,58px);background:var(--gold);color:var(--paper-dark);font-size:13px;font-weight:500;text-align:center}.degraded-bar{padding:8px clamp(24px,4vw,58px);background:var(--cinnabar);color:var(--paper);font-size:13px;font-weight:500;text-align:center}.global-search{display:flex;width:min(430px,42vw);align-items:center;gap:10px;padding:0 2px 7px;border-bottom:1px solid var(--line-strong);color:var(--ink-faint)}.global-search input{min-width:0;flex:1;border:0;background:transparent}.global-search input::placeholder{color:var(--ink-faint)}.global-search kbd{padding:1px 6px;border:1px solid var(--line);border-radius:5px;color:var(--ink-faint);background:var(--paper-warm);font-family:var(--font-mono);font-size:10px}.topbar-actions{display:flex;align-items:center;gap:7px}.icon-button,.mobile-menu,.mobile-close{position:relative;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--ink-soft);background:transparent}.icon-button:hover,.mobile-menu:hover,.mobile-close:hover{color:var(--ink);background:var(--paper-warm)}.notice-dot{position:absolute;top:8px;right:8px;width:5px;height:5px;background:var(--cinnabar)}.login-button,.register-button,.user-chip{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:700}.login-button{color:var(--ink-soft);background:transparent}.login-button:hover{color:var(--ink);background:var(--paper-warm)}.register-button{color:#fff;background:var(--indigo)}.user-chip{border:1px solid var(--line);color:var(--ink);background:var(--card)}.user-chip span{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:var(--indigo);font-size:10px}.main-content{width:min(100%,1540px);margin:0 auto;padding:40px clamp(24px,4vw,58px) 72px}.mobile-menu,.mobile-close,.mobile-overlay{display:none}.study-mode{display:block}.study-mode .sidebar,.study-mode .global-topbar{display:none}.study-mode .main-content{width:100%;max-width:none;padding:0}@media(max-width:980px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-105%);transition:transform .22s var(--ease)}.sidebar.open{transform:translate(0)}.mobile-close{display:grid;position:absolute;top:12px;right:12px}.mobile-menu{display:grid}.mobile-overlay{position:fixed;z-index:25;inset:0;display:block;background:#12161e7a}}@media(max-width:700px){.global-topbar{height:60px;padding:0 16px}.global-search,.topbar-actions .icon-button:nth-of-type(2),.login-button svg,.register-button svg{display:none}.login-button,.register-button{padding:0 9px}.user-chip{max-width:110px;overflow:hidden}.main-content{padding:26px 16px 54px}}.topbar,.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.topbar h1,.page-header h1{margin-bottom:7px;font-size:clamp(28px,3vw,40px)}.topbar-subtitle,.page-header p{margin-bottom:0;color:var(--ink-soft)}.streak,.archive-count{display:flex;min-height:44px;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:var(--card)}.streak svg{color:var(--cinnabar)}.streak strong,.archive-count strong{color:var(--ink);font-family:var(--font-serif);font-size:20px}.streak small{font-size:10px}.hero-panel{position:relative;display:grid;min-height:390px;overflow:hidden;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,color-mix(in srgb,var(--card) 96%,transparent) 0 58%,transparent 58%),repeating-radial-gradient(ellipse at 85% 50%,transparent 0 28px,color-mix(in srgb,var(--indigo) 7%,transparent) 29px 30px),var(--paper-warm);box-shadow:var(--shadow-card)}.hero-panel:before{position:absolute;top:24px;bottom:24px;left:22px;width:1px;content:"";background:var(--cinnabar);opacity:.55}.hero-copy{z-index:1;align-self:center;padding:54px clamp(38px,5vw,72px)}.hero-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:var(--cinnabar);font-size:11px;font-weight:700;letter-spacing:.14em}.hero-copy h2{margin-bottom:18px;color:var(--indigo-deep);font-size:clamp(31px,4vw,48px);line-height:1.32}.hero-copy p{max-width:540px;margin-bottom:28px;color:var(--ink-soft);font-size:15px;line-height:1.9}.hero-visual{position:relative;display:grid;min-height:360px;place-items:center}.book-stack{position:relative;width:238px;height:286px;transform:rotate(2deg)}.book-sheet{position:absolute;border:1px solid var(--line-strong);border-radius:6px 12px 12px 6px;background:var(--card);box-shadow:var(--shadow-card)}.book-sheet-back{inset:22px -24px -6px 26px;transform:rotate(5deg)}.book-sheet-middle{inset:10px -12px -2px 12px;transform:rotate(2deg)}.book-cover{position:absolute;inset:0;display:flex;flex-direction:column;padding:28px 25px;border:1px solid color-mix(in srgb,var(--indigo) 35%,var(--line));border-radius:6px 12px 12px 6px;color:#f5f0e4;background:linear-gradient(90deg,rgb(255 255 255 / 7%) 0 9px,transparent 9px),var(--indigo-deep);box-shadow:var(--shadow-float)}.book-cover:after{width:42px;height:42px;margin-top:auto;align-self:flex-end;border:1px solid #d46b60;content:"问渠";color:#d46b60;font-family:var(--font-serif);font-size:12px;line-height:40px;text-align:center}.book-cover small{color:#f5f0e4b3;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}.book-cover strong{margin-top:34px;font-family:var(--font-serif);font-size:23px;line-height:1.5}.book-cover span{margin-top:12px;color:#f5f0e4c2;font-size:12px}.book-cover em{position:absolute;right:8px;bottom:28px;color:#f5f0e48c;font-size:9px;font-style:normal;letter-spacing:.18em;writing-mode:vertical-rl}.today-progress{--progress: 65deg;position:absolute;right:clamp(16px,3vw,42px);bottom:28px;display:grid;width:92px;height:92px;place-content:center;border-radius:50%;background:radial-gradient(circle,var(--card) 60%,transparent 62%),conic-gradient(var(--gold) var(--progress),var(--line) 0);box-shadow:var(--shadow-card);text-align:center}.today-progress strong{font-family:var(--font-mono);font-size:22px}.today-progress strong small{font-size:10px}.today-progress span{color:var(--ink-soft);font-size:9px}.quick-grid{display:grid;margin:22px 0 34px;overflow:hidden;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card)}.quick-grid button{display:grid;min-height:86px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:16px 18px;color:var(--ink);background:transparent;text-align:left;transition:background .18s var(--ease)}.quick-grid button+button{border-left:1px solid var(--line)}.quick-grid button:hover{background:var(--paper-warm)}.quick-index{color:var(--cinnabar);font-family:var(--font-serif);font-size:11px}.quick-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--indigo);background:var(--indigo-soft)}.quick-icon.violet{color:var(--gold);background:var(--gold-soft)}.quick-icon.coral{color:var(--cinnabar);background:var(--cinnabar-soft)}.quick-grid button span strong,.quick-grid button span small{display:block}.quick-grid button span small{color:var(--ink-soft);font-size:11px}.quick-grid button em{color:var(--ink-faint);font-family:var(--font-mono);font-size:9px;font-style:normal;white-space:nowrap}.dashboard-grid{display:grid;margin-bottom:38px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:22px}.upload-panel,.persona-panel,.chart-panel,.mastery-panel,.suggestion-panel,.graph-panel,.weak-detail{padding:24px}.drop-zone{display:grid;width:100%;min-height:170px;margin-top:20px;place-items:center;align-content:center;gap:6px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--indigo);background:linear-gradient(var(--paper-warm) 1px,transparent 1px),linear-gradient(90deg,var(--paper-warm) 1px,transparent 1px),color-mix(in srgb,var(--card) 75%,transparent);background-size:24px 24px}.drop-zone:hover{border-color:var(--indigo)}.drop-zone strong{color:var(--ink);font-family:var(--font-serif);font-size:16px}.drop-zone span,.upload-status{color:var(--ink-soft);font-size:11px}.upload-status{margin:10px 0 0}.persona-list{display:grid;gap:8px;margin-top:18px}.persona{display:grid;min-height:62px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 11px;border:1px solid transparent;border-radius:10px;color:var(--ink);background:transparent;text-align:left}.persona:hover,.persona.active{border-color:var(--line);background:var(--paper-warm)}.persona.active{border-left-color:var(--cinnabar)}.persona.active>svg{color:var(--bamboo)}.persona-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--indigo);background:var(--indigo-soft);font-family:var(--font-serif);font-weight:700}.persona-avatar.senior,.persona-avatar.shijie{color:var(--bamboo);background:var(--bamboo-soft)}.persona-avatar.researcher{color:var(--gold);background:var(--gold-soft)}.persona-copy strong,.persona-copy small{display:block}.persona-copy small{color:var(--ink-soft);font-size:11px}.materials-section{padding-top:4px}.material-grid,.library-grid{display:grid;margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.material-card,.library-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-card);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.material-card:hover,.library-card:hover,.archive-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.card-delete,.card-regenerate{position:absolute;top:10px;z-index:5;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--ink-faint);transition:background .15s var(--ease),color .15s var(--ease)}.card-regenerate{right:46px}.card-delete{right:10px}.card-regenerate:hover{background:var(--indigo-soft);color:var(--indigo)}.card-delete:hover{background:var(--cinnabar-soft);color:var(--cinnabar)}.upload-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--paper-dark) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .2s var(--ease)}.upload-dialog{display:grid;gap:18px;padding:40px;max-width:420px;text-align:center;background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-float)}.upload-dialog strong{font-family:var(--font-serif);font-size:20px;color:var(--ink)}.upload-dialog p{color:var(--ink-soft);font-size:14px}.upload-steps{display:grid;gap:8px;font-size:13px;color:var(--ink-faint);text-align:left}.upload-steps span.done{color:var(--bamboo)}.upload-steps span.active{color:var(--indigo);font-weight:600}.upload-track{width:100%;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.upload-track span{display:block;height:100%;border-radius:2px;background:var(--indigo);transition:width .5s var(--ease)}.material-cover,.library-cover{display:flex;min-height:118px;align-items:flex-end;justify-content:space-between;padding:18px;color:var(--indigo-deep);background:#e7e2d4}.cover-1{color:#6a5142;background:#e9d8c9}.cover-2{color:#3f6458;background:#d8e3dc}.material-cover span,.library-cover span{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}.material-body,.library-card-body{padding:18px}.material-meta,.archive-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-faint);font-family:var(--font-mono);font-size:9px}.material-meta span{display:inline-flex;align-items:center;gap:4px}.material-body h4,.library-card-body h2{margin:13px 0 6px;font-size:17px}.material-body p,.library-card-body p{min-height:47px;margin-bottom:14px;color:var(--ink-soft);font-size:12px}.material-body button,.library-card-foot button,.suggestion-panel>button,.next-step-card button{display:inline-flex;align-items:center;gap:7px;padding:0;color:var(--indigo);background:transparent;font-weight:700}.standard-page,.archive-page{max-width:1260px;margin:0 auto}.library-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 12px;border-bottom:1px solid var(--line)}.search-box{display:flex;width:min(330px,100%);align-items:center;gap:9px;padding:0 2px 9px;color:var(--ink-faint)}.search-box input{width:100%;border:0;background:transparent}.filter-pills{display:flex;gap:24px}.filter-pills button{position:relative;padding:0 0 10px;color:var(--ink-soft);background:transparent;font-size:12px}.filter-pills button.active{color:var(--ink);font-weight:700}.filter-pills button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:var(--cinnabar)}.library-cover{min-height:170px}.material-progress{height:2px;margin:18px 0 12px;background:var(--line)}.material-progress span{display:block;height:100%;background:var(--indigo)}.library-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-card-foot small{color:var(--ink-faint);font-family:var(--font-mono);font-size:9px}.metric-grid{display:grid;margin:30px 0 20px;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{display:grid;min-height:162px;padding:20px;border-top:2px solid var(--indigo);background:var(--card);box-shadow:var(--shadow-card)}.metric-icon{color:var(--indigo)}.metric-icon svg{width:19px}.metric-card>span{color:var(--ink-soft);font-size:11px}.metric-card>strong{font-family:var(--font-mono);font-size:30px}.metric-card>strong small{margin-left:4px;color:var(--ink-soft);font-size:10px}.metric-card>em{color:var(--bamboo);font-size:9px;font-style:normal}.insight-layout,.misconception-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:20px}.trend-up{display:inline-flex;align-items:center;gap:4px;color:var(--bamboo);font-size:10px}.bar-chart{display:grid;height:250px;margin-top:24px;grid-template-columns:repeat(7,1fr);align-items:end;gap:18px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 61px,var(--line) 62px)}.bar-column{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar-column strong{position:relative;width:38%;min-width:9px;min-height:5px;border-radius:4px 4px 0 0;background:var(--indigo);transition:height .6s var(--ease)}.bar-column span{color:var(--ink-faint);font-size:10px}.mastery-ring,.score-ring{display:grid;width:136px;height:136px;margin:24px auto;place-content:center;border-radius:50%;background:radial-gradient(circle,var(--card) 62%,transparent 64%),conic-gradient(var(--gold) calc(var(--score, 72) * 1%),var(--line) 0);text-align:center}.mastery-ring strong,.score-ring strong{font-family:var(--font-mono);font-size:30px}.mastery-ring span,.score-ring span{color:var(--ink-soft);font-size:9px}.skill-lines{display:grid;gap:11px}.skill-line{display:grid;grid-template-columns:70px 1fr 34px;align-items:center;gap:9px;font-size:10px}.skill-line>div{height:2px;background:var(--line)}.skill-line>div strong{display:block;height:100%;background:var(--indigo)}.skill-line small{color:var(--ink-faint);font-family:var(--font-mono)}.suggestion-panel{display:grid;margin-top:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.suggestion-icon,.weak-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:var(--gold);background:var(--gold-soft)}.suggestion-panel h3,.suggestion-panel p{margin-bottom:3px}.suggestion-panel div>p:last-child{color:var(--ink-soft);font-size:12px}.concept-graph{position:relative;min-height:400px;margin-top:14px;background:radial-gradient(circle at center,color-mix(in srgb,var(--indigo) 7%,transparent),transparent 13rem),repeating-linear-gradient(0deg,transparent,transparent 31px,color-mix(in srgb,var(--line) 38%,transparent) 32px)}.empty-graph{display:flex;min-height:200px;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px}.concept-node{position:absolute;z-index:2;min-width:105px;padding:12px 14px;border:1px solid var(--line-strong);color:var(--ink);background:var(--card);box-shadow:3px 4px 0 var(--paper-deep);font-family:var(--font-serif);font-size:12px;text-align:center}.concept-node.core{top:41%;left:42%;border-color:var(--indigo);color:var(--indigo-deep)}.node-a{top:13%;left:10%;transform:rotate(-2deg)}.node-b{top:11%;right:8%;transform:rotate(2deg)}.node-c{bottom:12%;left:9%}.node-d{right:10%;bottom:14%}.concept-node.active{border:2px dashed var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-soft)}.graph-line{position:absolute;z-index:1;top:50%;left:50%;width:36%;height:1px;background:var(--line-strong);transform-origin:left}.line-a{transform:rotate(-145deg)}.line-b{transform:rotate(-36deg)}.line-c{transform:rotate(145deg)}.graph-legend{display:flex;gap:18px;color:var(--ink-soft);font-size:10px}.graph-legend span{display:inline-flex;align-items:center;gap:5px}.graph-legend i{width:8px;height:8px;border:1px solid var(--indigo);background:var(--card)}.graph-legend i.weak{border-style:dashed;border-color:var(--cinnabar);background:var(--cinnabar-soft)}.weak-detail{align-self:stretch;border-top:3px solid var(--cinnabar)}.weak-detail h2{margin:16px 0 10px;color:var(--cinnabar);text-decoration:underline wavy color-mix(in srgb,var(--cinnabar) 55%,transparent);text-underline-offset:7px}.weak-detail>p{color:var(--ink-soft)}.formula-compare{display:grid;margin:20px 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.formula-compare span{padding:9px;border-radius:6px;font-family:var(--font-mono);font-size:10px;text-align:center}.formula-compare .wrong{color:var(--cinnabar);background:var(--cinnabar-soft);text-decoration:line-through}.formula-compare .right{color:var(--bamboo);background:var(--bamboo-soft)}.evidence-note{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px;border-left:2px solid var(--gold);background:var(--gold-soft)}.evidence-note span,.evidence-note strong{display:block;font-size:10px}.archive-actions{display:flex;align-items:center;gap:10px}.archive-count span{font-size:11px}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.archive-card{position:relative;display:grid;min-height:220px;grid-template-columns:92px 1fr auto;align-items:stretch;overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.archive-card.expanded{min-height:auto;padding-bottom:20px}.archive-card:after{position:absolute;right:14px;bottom:10px;color:var(--ink-faint);content:"WENQU / ARCHIVE";font-family:var(--font-mono);font-size:8px;letter-spacing:.12em}.archive-score{display:grid;place-content:center;color:#f6f1e7;background:var(--indigo-deep);text-align:center}.archive-score strong{font-family:var(--font-serif);font-size:40px;line-height:1}.archive-score span{margin-top:8px;font-size:9px;letter-spacing:.14em}.archive-main{padding:22px}.archive-main h2{margin:14px 0 7px;font-size:18px}.archive-main>p{color:var(--ink-soft);font-size:12px}.archive-tags{display:flex;flex-wrap:wrap;gap:6px}.archive-tags span{padding:3px 7px;border-bottom:1px wavy var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-soft);font-size:9px}.archive-card>svg{align-self:flex-start;margin:24px 16px 0 0;color:var(--indigo);flex-shrink:0}.archive-detail{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.archive-detail-section strong{display:block;margin-bottom:6px;font-family:var(--font-serif);font-size:14px;color:var(--indigo)}.archive-detail-section p{color:var(--ink-soft);font-size:14px;line-height:1.7;white-space:pre-wrap}.empty-archive{display:grid;min-height:360px;place-content:center;justify-items:center;border:1px dashed var(--line-strong);color:var(--ink-soft);background:color-mix(in srgb,var(--card) 60%,transparent);text-align:center}.empty-archive svg{margin-bottom:16px;color:var(--gold)}.empty-archive h2{margin-bottom:7px}@media(max-width:1150px){.quick-grid{grid-template-columns:1fr}.quick-grid button+button{border-top:1px solid var(--line);border-left:0}.material-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hero-panel,.dashboard-grid,.insight-layout,.misconception-layout{grid-template-columns:1fr}.hero-panel{background:var(--card)}.hero-visual{min-height:340px;background:var(--paper-warm)}.metric-grid{grid-template-columns:repeat(2,1fr)}.archive-list{grid-template-columns:1fr}}@media(max-width:650px){.topbar,.page-header{display:grid}.streak,.archive-actions{justify-self:start}.hero-copy{padding:38px 28px}.hero-panel:before{left:12px}.hero-copy h2{font-size:30px}.book-stack{transform:scale(.83) rotate(2deg)}.today-progress{right:16px;bottom:18px;width:78px;height:78px}.quick-grid button{grid-template-columns:auto auto 1fr auto}.quick-grid button em{display:none}.material-grid,.library-grid,.metric-grid{grid-template-columns:1fr}.library-toolbar{display:grid;border-bottom:0}.filter-pills{overflow-x:auto;border-bottom:1px solid var(--line)}.suggestion-panel{grid-template-columns:auto 1fr}.suggestion-panel>button{grid-column:2}.archive-actions{align-items:stretch;flex-direction:column}.archive-card{grid-template-columns:72px 1fr}.archive-card>button{display:none}}.study-flow{min-height:100vh;background:var(--paper)}.study-header{display:grid;min-height:82px;grid-template-columns:1fr minmax(280px,2fr) 1fr;align-items:center;gap:24px;padding:12px clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent)}.back-button{display:inline-flex;align-items:center;justify-self:start;gap:7px;padding:7px 0;color:var(--ink-soft);background:transparent;font-size:12px}.study-title{min-width:0;text-align:center}.study-title span{color:var(--cinnabar);font-family:var(--font-mono);font-size:9px}.study-title h1{overflow:hidden;margin:2px 0 0;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.study-persona{display:flex;align-items:center;justify-self:end;gap:9px}.study-persona .persona-avatar{width:34px;height:34px}.study-persona small,.study-persona strong{display:block}.study-persona small{color:var(--ink-faint);font-size:8px}.study-persona strong{font-family:var(--font-serif);font-size:12px}.progress-shell{position:sticky;z-index:15;top:0;padding:15px clamp(20px,5vw,80px) 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.progress-steps{display:grid;max-width:920px;margin:0 auto 14px;grid-template-columns:repeat(5,1fr);gap:4px}.progress-steps button{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-faint);background:transparent;font-family:var(--font-serif);font-size:11px}.progress-steps button span{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:var(--font-serif);font-size:10px}.progress-steps button.done{color:var(--ink)}.progress-steps button.done span{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-soft)}.progress-bar{height:2px;background:var(--line)}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--indigo),var(--gold));transition:width .6s var(--ease)}.study-stage{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:58px 0 84px}.stage-intro{max-width:680px;margin:0 auto 34px;text-align:center}.stage-intro.compact{margin-bottom:24px}.stage-intro h2{margin-bottom:10px;font-size:clamp(27px,4vw,38px)}.stage-intro>p:last-child{color:var(--ink-soft)}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-card{position:relative;min-height:210px;padding:25px 22px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card)}.map-card:nth-child(2n){background:var(--paper-warm)}.map-card:first-child{border-top:2px solid var(--cinnabar)}.map-index{color:var(--cinnabar);font-family:var(--font-mono);font-size:10px}.map-card h3{margin:20px 0 8px;font-size:19px}.map-card p{color:var(--ink-soft);font-size:12px}.source-badge{display:inline-flex;align-items:center;padding:3px 7px;border-left:2px solid var(--gold);color:var(--ink-soft);background:var(--gold-soft);font-family:var(--font-mono);font-size:9px;line-height:1.4}.source-badge em{color:var(--ink-faint);font-style:normal}.goals-card,.next-step-card{display:grid;margin-top:18px;grid-template-columns:minmax(200px,.7fr) 1.3fr;align-items:center;gap:28px;padding:24px;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--gold-soft)}.goals-card>div,.next-step-card>div{display:flex;align-items:center;gap:12px;color:var(--gold)}.goals-card small,.goals-card strong,.next-step-card small,.next-step-card strong{display:block}.goals-card strong,.next-step-card strong{color:var(--ink);font-family:var(--font-serif)}.goals-card ol{display:grid;margin:0;padding-left:22px;gap:5px;color:var(--ink-soft)}.stage-action{display:flex;justify-content:center;margin-top:32px}.section-tabs{display:flex;max-width:100%;justify-content:center;gap:26px;margin-bottom:34px;overflow-x:auto;border-bottom:1px solid var(--line)}.section-tabs button{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:7px;padding:0 0 11px;color:var(--ink-soft);background:transparent;font-size:11px}.section-tabs button span{color:var(--ink-faint);font-family:var(--font-mono);font-size:9px}.section-tabs button.active{color:var(--ink);font-weight:700}.section-tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:var(--cinnabar)}.dual-track{display:grid;grid-template-columns:1fr 1fr;gap:18px}.track-card{position:relative;min-height:360px;padding:clamp(26px,4vw,42px);border:1px solid var(--line)}.strict-track{background:repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--line) 50%,transparent) 32px),var(--card)}.companion-track{border-color:color-mix(in srgb,var(--gold) 28%,var(--line));background:var(--gold-soft);box-shadow:4px 5px 0 var(--paper-deep);transform:rotate(.25deg)}.track-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--indigo)}.companion-track .track-title{color:var(--gold)}.track-title small,.track-title h3{display:block;margin:0}.track-title small{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em}.track-title h3{font-size:20px}.track-card>p{color:var(--ink);font-family:var(--font-serif);font-size:15px;line-height:2}.track-footnote,.persona-says{position:absolute;right:28px;bottom:25px;left:28px;display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:9px}.quote-mark{color:color-mix(in srgb,var(--gold) 35%,transparent)}.persona-says{color:var(--cinnabar);font-family:var(--font-serif)}.section-pager{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:30px}.section-pager button{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 12px;border-radius:8px;color:var(--ink-soft);background:transparent}.section-pager button.accent{color:#fff;background:var(--indigo)}.section-pager>span{color:var(--ink-faint);font-family:var(--font-mono);font-size:10px}.question-list{display:grid;max-width:820px;margin:0 auto;gap:18px}.question-card{padding:clamp(24px,4vw,36px);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card)}.question-top,.diagnosis-head{display:flex;align-items:center;gap:10px}.question-top>span{color:var(--cinnabar);font-family:var(--font-mono);font-size:11px}.question-top>small{margin-right:auto;color:var(--ink-faint);font-family:var(--font-mono);font-size:8px}.question-card h3{margin:24px 0 8px;font-size:19px}.hint{color:var(--ink-soft);font-size:11px}.question-card textarea,.retell-card textarea{width:100%;resize:vertical;border:0;border-bottom:1px solid var(--line-strong);color:var(--ink);background:repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--line) 50%,transparent) 32px);line-height:32px}.question-card textarea:focus,.retell-card textarea:focus{border-bottom-color:var(--indigo)}.char-count{display:block;margin-top:7px;color:var(--ink-faint);font-family:var(--font-mono);font-size:9px;text-align:right}.retell-card{max-width:720px;margin:0 auto;padding:clamp(30px,6vw,62px);border:1px solid var(--line);background:linear-gradient(90deg,transparent 39px,color-mix(in srgb,var(--cinnabar) 24%,transparent) 40px,transparent 41px),repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--line) 52%,transparent) 32px),var(--card);box-shadow:var(--shadow-float)}.retell-icon{display:grid;width:58px;height:58px;margin-bottom:24px;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.retell-card h2{font-size:clamp(26px,4vw,36px)}.retell-card blockquote{margin:24px 0;padding:13px 18px;border-left:2px solid var(--gold);color:var(--ink-soft);background:color-mix(in srgb,var(--gold-soft) 75%,transparent);font-family:var(--font-serif)}.retell-card textarea{min-height:280px;background-color:color-mix(in srgb,var(--card) 40%,transparent)}.retell-meta{display:flex;justify-content:space-between;gap:12px;margin:10px 0 20px;color:var(--ink-faint);font-family:var(--font-mono);font-size:9px}.retell-meta .ready{color:var(--bamboo)}.eval-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--paper-dark) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .2s var(--ease)}.eval-loader{display:grid;gap:16px;text-align:center;animation:fadeIn .4s var(--ease)}.eval-rings{display:flex;gap:10px;justify-content:center}.eval-rings span{width:14px;height:14px;border-radius:50%;background:var(--indigo);animation:bounce 1.4s infinite ease-in-out both}.eval-rings span:nth-child(1){animation-delay:-.32s}.eval-rings span:nth-child(2){animation-delay:-.16s}.eval-rings span:nth-child(3){animation-delay:0s}.eval-loader strong{font-family:var(--font-serif);font-size:20px;color:var(--ink)}.eval-loader p{color:var(--ink-soft);font-size:14px}.eval-steps{display:flex;gap:24px;justify-content:center;font-size:12px;color:var(--ink-faint)}.eval-steps .done{color:var(--bamboo)}.eval-steps .active{color:var(--indigo);font-weight:600;animation:pulse 2s infinite}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.result-hero{display:grid;max-width:940px;margin:0 auto 28px;grid-template-columns:180px 1fr;align-items:center;gap:38px;padding:34px;border-top:2px solid var(--gold);border-bottom:1px solid var(--line)}.result-hero .score-ring{margin:0;animation:ring-arrive .65s var(--ease) both}.result-hero h2{margin-bottom:9px;font-size:30px}.result-hero p{color:var(--ink-soft)}.evaluator-chip{color:var(--ink-faint);font-family:var(--font-mono);font-size:9px}.diagnosis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.diagnosis-card{padding:22px;border:1px solid var(--line);background:var(--card)}.diagnosis-head span{margin-right:auto;font-family:var(--font-serif);font-weight:700}.diagnosis-head strong{font-family:var(--font-mono)}.diagnosis-head small{padding:2px 6px;border-bottom:1px solid var(--bamboo);color:var(--bamboo);font-size:8px}.diagnosis-card>p{min-height:72px;margin:18px 0;color:var(--ink-soft);font-size:12px}.misconceptions{margin:18px 0;padding:24px;border:1px dashed var(--cinnabar);background:var(--cinnabar-soft)}.misconceptions h3{color:var(--cinnabar)}.misconceptions>div{display:flex;flex-wrap:wrap;gap:8px}.misconceptions span{padding:4px 8px;border-bottom:1px wavy var(--cinnabar);color:var(--cinnabar);font-family:var(--font-serif);font-size:11px}.next-step-card{grid-template-columns:1fr auto}@keyframes ring-arrive{0%{opacity:0;transform:scale(.82) rotate(-8deg)}}@media(max-width:820px){.map-grid,.diagnosis-grid{grid-template-columns:repeat(2,1fr)}.dual-track{grid-template-columns:1fr}.result-hero{grid-template-columns:1fr;text-align:center}.result-hero .score-ring{margin:0 auto}}@media(max-width:620px){.study-header{grid-template-columns:auto 1fr;gap:10px;padding:10px 14px}.back-button{display:grid;width:38px;height:38px;place-items:center;font-size:0}.study-title{text-align:left}.study-title h1{font-size:15px}.study-persona{display:none}.progress-shell{padding-right:10px;padding-left:10px}.progress-steps button{display:grid;justify-items:center;gap:3px;font-size:9px}.study-stage{width:min(100% - 28px,1160px);padding-top:38px}.map-grid,.diagnosis-grid,.goals-card,.next-step-card{grid-template-columns:1fr}.section-pager{gap:8px}.section-pager button{font-size:10px}.retell-card{padding:32px 24px 32px 52px}.retell-meta{display:grid}}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#14171dad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal{position:relative;width:min(470px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:34px 34px 26px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-float)}.auth-modal:before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--cinnabar) 0 16%,var(--indigo) 16% 82%,var(--gold) 82%)}.modal-close{position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:var(--ink-soft);background:transparent}.modal-close:hover{background:var(--paper-warm)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-family:var(--font-serif);font-size:17px}.auth-brand small{color:var(--ink-soft);font-family:var(--font-serif);font-size:10px}.auth-heading{margin-bottom:24px}.auth-heading h2{margin-bottom:8px;font-size:29px}.auth-heading>p:last-child,.auth-success p{color:var(--ink-soft)}.auth-modal form{display:grid;gap:18px}.auth-modal form>label>span{display:block;margin-bottom:5px;color:var(--ink-soft);font-size:10px;font-weight:700}.input-shell{display:flex;min-height:44px;align-items:center;gap:9px;border-bottom:1px solid var(--line-strong);color:var(--ink-faint);transition:border .16s var(--ease)}.input-shell:focus-within{border-bottom-color:var(--indigo)}.input-shell input{min-width:0;flex:1;border:0;background:transparent}.input-shell button{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--ink-soft);background:transparent}.input-shell button:hover{background:var(--paper-warm)}.privacy-check{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:10px}.privacy-check input{accent-color:var(--indigo)}.privacy-check span{margin:0!important}.auth-switch,.demo-notice{color:var(--ink-soft);font-size:10px;text-align:center}.auth-switch{margin:19px 0}.auth-switch button{margin-left:5px;padding:0;color:var(--indigo);background:transparent;font-weight:700}.demo-notice{margin:0;padding-top:15px;border-top:1px solid var(--line)}.auth-error{margin:0;padding:8px 10px;border-left:2px solid var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-soft);font-size:10px}.auth-success{padding:28px 0 8px;text-align:center}.auth-success>svg{margin-bottom:16px;color:var(--bamboo)}.auth-success h2{font-size:28px}.auth-success .primary-button{margin-top:14px}@media(max-width:520px){.modal-backdrop{padding:0}.auth-modal{width:100%;max-height:100vh;min-height:100vh;padding:28px 24px;border-radius:0}}