:root{--bg:#f7f8fb;--surface:#ffffff;--surface-soft:#f0f6f5;--ink:#172026;--muted:#66737f;--line:#dce4e8;--primary:#0f766e;--primary-strong:#115e59;--blue:#2563eb;--amber:#b45309;--rose:#be123c;--shadow:0 18px 45px rgba(23,32,38,0.08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:linear-gradient(180deg,rgba(240,246,245,.9),rgba(247,248,251,0) 320px),var(--bg);font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-frame{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:24px;min-height:72px;padding:14px clamp(18px,4vw,48px);border-bottom:1px solid rgba(220,228,232,.85);background:rgba(247,248,251,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:12px;min-width:210px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#ffffff;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--blue))}.brand small,.brand strong{display:block}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.button,.nav-link,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px}.nav-link{min-height:40px;padding:0 12px;color:#34424c;border:1px solid transparent;border-radius:8px}.nav-link:hover{border-color:var(--line);background:#ffffff}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.stack{display:flex;flex-direction:column;gap:24px}.narrow{max-width:980px;margin:0 auto}.intro-band,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.intro-band{padding:28px 0 6px}.page-heading{align-items:flex-start;flex-direction:column;max-width:780px}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:12px;font-size:clamp(34px,5vw,56px);line-height:1.08}h2{margin-bottom:0;font-size:22px;line-height:1.25}h3{margin-bottom:8px;font-size:18px}.intro-copy,.mode-card p,.page-heading p,.roadmap-item p,.surface p,.tree-node p{color:var(--muted);line-height:1.7}.intro-copy{max-width:640px;margin-bottom:0;font-size:17px}.intro-actions{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:700}.button.primary{color:#ffffff;background:var(--primary)}.button.primary:hover{background:var(--primary-strong)}.button:disabled{cursor:wait;opacity:.72}.button.secondary{color:var(--ink);border-color:var(--line);background:#ffffff}.button.secondary:hover{border-color:#a9bbc1}.button.full{width:100%}.text-link{color:var(--primary);font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.mode-card,.stat-card,.surface{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.stat-card{display:grid;min-height:152px;padding:18px;align-content:space-between}.stat-card svg{color:var(--primary)}.field-caption,.stat-card small,.stat-card span{color:var(--muted)}.stat-card strong{display:block;font-size:26px}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);grid-gap:18px;gap:18px}.surface{padding:22px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading svg{flex:0 0 auto;color:var(--primary)}.detail-list{display:grid;grid-gap:14px;gap:14px;margin:0}.detail-list div{display:grid;grid-gap:4px;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--line)}.detail-list div:last-child{padding-bottom:0;border-bottom:0}.detail-list dt{color:var(--muted);font-size:14px}.detail-list dd{margin:0;line-height:1.65}.task-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding-left:20px;color:#34424c;line-height:1.6}.week-strip{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:4px}.week-chip{display:grid;grid-gap:8px;gap:8px;min-height:144px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.week-chip small,.week-chip span{color:var(--muted)}.form-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);align-items:start}.form-layout,.form-panel{display:grid;grid-gap:18px;gap:18px}.field-with-templates,.template-panel{display:grid;grid-gap:8px;gap:8px}.template-chip-row{display:flex;flex-wrap:wrap;gap:8px}.template-chip-row.compact{margin-top:-8px}.template-chip{min-height:34px;padding:0 10px;color:var(--primary-strong);border:1px solid rgba(15,118,110,.24);border-radius:8px;background:var(--surface-soft);cursor:pointer;font-size:13px;font-weight:700}.template-chip.subtle{color:#34424c;border-color:var(--line);background:#fbfcfd;font-weight:500}fieldset,label{display:grid;grid-gap:8px;gap:8px;margin:0}label span,legend{color:#34424c;font-weight:700}fieldset{padding:0;border:0}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink)}input{min-height:44px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.6}.button:focus,.method:focus,.nav-link:focus,input:focus,textarea:focus{outline:3px solid rgba(15,118,110,.2);outline-offset:2px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.method-grid{display:flex;flex-wrap:wrap;gap:10px}.method{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;color:#34424c;border:1px solid var(--line);border-radius:8px;background:#ffffff;cursor:pointer}.method.active{color:var(--primary-strong);border-color:rgba(15,118,110,.3);background:var(--surface-soft)}.result-panel{position:-webkit-sticky;position:sticky;top:96px}.result-stack{display:grid;grid-gap:16px;gap:16px}.source-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.source-pill{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;color:#6b3f05;border:1px solid rgba(180,83,9,.24);border-radius:8px;background:#fff8eb;font-size:14px;font-weight:700}.source-pill.ai{color:var(--primary-strong);border-color:rgba(15,118,110,.24);background:var(--surface-soft)}.notice{display:flex;align-items:flex-start;gap:8px;padding:12px;color:#5f4c19;border:1px solid rgba(180,83,9,.24);border-radius:8px;background:#fff8eb;line-height:1.55}.notice.success{color:var(--primary-strong);border-color:rgba(15,118,110,.24);background:var(--surface-soft)}.notice.error{color:#7f1d1d;border-color:rgba(190,18,60,.22);background:#fff1f2}.notice svg{flex:0 0 auto;margin-top:2px}.score-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.muted,.score-row span,.subtle-line{color:var(--muted)}.subtle-line{display:inline-flex;line-height:1.5}.roadmap-list,.tree-list{display:grid;grid-gap:12px;gap:12px}.tree-node{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.tree-node>span{color:var(--primary);font-weight:700}.child-node-list{display:grid;grid-column:1/-1;grid-gap:8px;gap:8px}.child-node{display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border-left:3px solid var(--primary);background:#ffffff}.child-node small{color:var(--muted);line-height:1.5}.activity-list,.plain-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.activity-list li,.plain-list li{display:flex;align-items:flex-start;gap:8px}.plain-list svg{flex:0 0 auto;margin-top:3px;color:var(--amber)}.roadmap-item{grid-template-columns:58px minmax(0,1fr);grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--line);background:#fbfcfd}.roadmap-item,.week-number{display:grid;border-radius:8px}.week-number{width:52px;height:52px;place-items:center;color:#ffffff;background:var(--blue);font-weight:800}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag-row.compact{margin-bottom:0}.tag{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;color:var(--primary-strong);border:1px solid rgba(15,118,110,.24);border-radius:8px;background:var(--surface-soft);font-size:14px}.activity-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.activity-list svg{flex:0 0 auto;margin-top:2px;color:var(--primary)}.mini-list{display:grid;grid-gap:8px;gap:8px;margin:10px 0 0;padding-left:18px;color:#34424c;line-height:1.55}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.output-line{margin:14px 0 0;color:#34424c;font-weight:700}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.mode-card{display:grid;grid-gap:12px;gap:12px;min-height:190px;padding:22px;align-content:start}.mode-card svg{color:var(--blue)}.mode-card h2{font-size:20px}.source-layout{display:grid;grid-gap:18px;gap:18px}.source-goal-panel{padding-bottom:18px}.source-input-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);grid-gap:18px;gap:18px;align-items:stretch}.source-message-row{display:grid;grid-gap:10px;gap:10px}.upload-panel{display:grid;grid-gap:16px;gap:16px}.upload-form{display:grid;grid-gap:14px;gap:14px}.file-drop{display:grid;min-height:188px;place-items:center;grid-gap:10px;gap:10px;padding:24px;text-align:center;border:1px dashed #a9bbc1;border-radius:8px;background:#fbfcfd;cursor:pointer}.file-drop:hover{border-color:var(--primary);background:var(--surface-soft)}.file-drop svg{color:var(--primary)}.file-drop span{color:var(--ink);font-weight:800}.file-drop small{max-width:460px;color:var(--muted);line-height:1.55}.file-drop input{width:min(100%,420px);min-height:auto;padding:10px;border:1px solid var(--line);background:#ffffff}.source-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.chunk-list,.source-list{display:grid;grid-gap:10px;gap:10px}.source-item{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;cursor:pointer}.source-item.active,.source-item:hover{border-color:rgba(15,118,110,.32);background:var(--surface-soft)}.source-item span{display:grid;min-width:0;grid-gap:5px;gap:5px}.source-item strong{overflow-wrap:anywhere}.chunk-card small,.source-item small{color:var(--muted);line-height:1.5}.source-item svg{flex:0 0 auto;color:var(--primary)}.chunk-card{display:grid;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.chunk-card div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chunk-card p{display:-webkit-box;margin-bottom:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.quality-box{padding:14px;border:1px solid rgba(15,118,110,.24);border-radius:8px;background:var(--surface-soft)}.quality-box,.source-match-box{display:grid;grid-gap:4px;gap:4px}.source-match-box{margin-top:12px;padding:12px;border:1px solid rgba(37,99,235,.18);border-radius:8px;background:#eff6ff}.answer-text{white-space:pre-line}.citation-list{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.citation-card{display:grid;grid-gap:7px;gap:7px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.citation-card small{color:var(--muted)}.citation-card p{display:-webkit-box;margin-bottom:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.flashcard-grid,.mastery-list,.quiz-list,.quiz-options{display:grid;grid-gap:12px;gap:12px}.flashcard,.mastery-item,.quiz-card{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.mastery-item small,.mastery-item span{color:var(--muted);line-height:1.5}.quiz-card{margin:0}.quiz-card legend{margin-bottom:8px}.quiz-option{display:flex;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:8px;color:#34424c;font-weight:400;line-height:1.5}.quiz-option input{width:auto;min-height:auto;margin-top:4px}.flashcard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flashcard p{margin-bottom:0}.roadmap-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:end}.roadmap-hero h1{margin-bottom:10px;font-size:clamp(28px,4vw,42px);line-height:1.12}.roadmap-hero p{max-width:860px;color:var(--muted);line-height:1.6}.compact-meta-row,.hero-actions{display:flex;flex-wrap:wrap;gap:8px}.compact-meta-row{margin:12px 0 6px}.compact-meta-row span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;color:#34424c;border:1px solid var(--line);border-radius:8px;background:#ffffff;font-size:13px}.roadmap-workbench{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.roadmap-sidebar{position:-webkit-sticky;position:sticky;top:92px}.section-heading.tight{margin-bottom:12px}.compact-week-list{display:grid;grid-gap:8px;gap:8px}.compact-week{display:grid;grid-template-columns:40px minmax(0,1fr);grid-gap:2px 10px;gap:2px 10px;width:100%;padding:10px;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;cursor:pointer}.compact-week.active,.compact-week:hover{border-color:rgba(15,118,110,.32);background:var(--surface-soft)}.compact-week span{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;color:#ffffff;border-radius:8px;background:var(--blue);font-weight:800}.compact-week small,.compact-week strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-week small{color:var(--muted)}.roadmap-focus{min-height:560px}.focus-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.focus-header p,.tool-panel p{color:var(--muted);line-height:1.65}.action-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.action-tab{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 11px;color:#34424c;border:1px solid var(--line);border-radius:8px;background:#ffffff;cursor:pointer;font-size:14px;font-weight:700}.action-tab.active{color:var(--primary-strong);border-color:rgba(15,118,110,.32);background:var(--surface-soft)}.tool-panel{display:grid;grid-gap:14px;gap:14px;padding-top:4px}.tool-panel h3{margin-bottom:0;font-size:17px}.compact-node-grid,.recall-grid,.source-match-list{display:grid;grid-gap:10px;gap:10px}.compact-node-grid,.recall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-card,.compact-node{display:grid;grid-gap:7px;gap:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.compact-card p,.compact-node p{margin-bottom:0}.compact-card small,.compact-node small{color:var(--muted);line-height:1.45}.compact-mastery .mastery-item,.compact-quiz .quiz-card{padding:12px}.inline-qa-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:end}.inline-qa-form textarea{min-height:108px}.answer-box{display:grid;grid-gap:12px;gap:12px}.compact-section{padding-top:18px}@media (max-width:920px){.intro-band,.topbar{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.content-grid,.form-layout,.mode-grid,.roadmap-hero,.roadmap-workbench,.source-input-grid,.source-stats,.stat-grid{grid-template-columns:1fr 1fr}.result-panel,.roadmap-sidebar{position:static}.activity-list,.compact-node-grid,.flashcard-grid,.recall-grid{grid-template-columns:1fr}}@media (max-width:640px){.page-shell{width:min(100% - 24px,1180px);padding-top:24px}.brand{min-width:0}.nav-link{width:calc(50% - 4px)}.content-grid,.field-grid,.form-layout,.inline-qa-form,.mode-grid,.roadmap-hero,.roadmap-workbench,.source-input-grid,.source-stats,.stat-grid{grid-template-columns:1fr}h1{font-size:34px}.mode-card,.stat-card,.surface{padding:18px}.roadmap-item,.tree-node{grid-template-columns:1fr}.chunk-card div{flex-direction:column}}