:root{--ink:#233e37;--muted:#89958f;--green:#245c48;--deep:#193f34;--lime:#dcedc0;--bg:#f5f7f4;--line:#e7ece6;--white:#fff;--mint:#eaf4ed;--blue:#658baa;--shadow:0 5px 24px #264b3810;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg);font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #8fbc74;outline-offset:3px}a{color:var(--green);text-decoration:none}button{border:0;background:none}svg{flex-shrink:0}button svg{vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;letter-spacing:1px;font-weight:650}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:600}small{font-size:11px}input,textarea,select{color:var(--ink);border:1px solid var(--line);background:white;border-radius:9px;padding:11px 13px;min-width:0}textarea{resize:vertical;line-height:1.9;width:100%}input::placeholder,textarea::placeholder{color:#a2aba5}select{cursor:pointer}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.icon{width:19px;height:19px;stroke-width:1.65;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.small-icon .icon{width:15px;height:15px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a9990;font-weight:600}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.spacer{flex:1}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:5px;background:#edf4e7;color:#638157}.tag.blue{background:#eaf1f8;color:#6989a3}.tag.peach{background:#fcf1e6;color:#bb8d66}.tag.purple{background:#f0edf9;color:#9380ad}.pill{border-radius:20px;padding:5px 10px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:11px 17px;border-radius:8px;border:1px solid var(--line);background:white;font-size:12px;transition:.2s}.btn:hover{border-color:#b3c8b6;background:#f8fbf5}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.primary:hover{background:#1d493a;transform:translateY(-1px)}.btn.light{background:#ecf3e8;border-color:#ecf3e8;color:#396444}.btn.sm{padding:8px 12px;font-size:11px}.btn.wide{width:100%}.btn.ghost{border:0;background:none;padding:6px;color:var(--muted)}.icon-btn{padding:8px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#edf2eb}.link-btn{font-size:12px;color:#58745c;display:inline-flex;align-items:center;gap:6px}.link-btn:hover{color:var(--deep)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#81a878}.panel{background:white;border:1px solid var(--line);border-radius:13px}.empty{padding:50px 25px;text-align:center;color:#839087;line-height:1.9}.field{display:grid;gap:9px;margin-bottom:20px}.field>label{font-size:12px;font-weight:600}.hint{font-size:11px;line-height:1.8;color:var(--muted)}.prewrap{white-space:pre-wrap;line-height:1.95;overflow-wrap:anywhere}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title p{color:var(--muted);font-size:12px;margin-top:8px}.label{font-size:11px;color:var(--muted)}
.sidebar{width:220px;position:fixed;left:0;top:0;bottom:0;background:#fbfcf9;border-right:1px solid var(--line);padding:30px 19px 18px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand-mark{height:37px;width:37px;background:var(--deep);border-radius:11px;display:grid;place-items:center;color:#e2efcb;box-shadow:0 4px 10px #193f3419}.brand-mark .icon{width:24px;height:24px}.brand-name{font-size:24px;letter-spacing:3px;font-weight:700;line-height:1.1}.brand-name span{font-size:9px;display:block;letter-spacing:3px;color:#8c9990;margin-top:8px;font-weight:500}.workspace-label{font-size:10px;color:#a1aaa3;letter-spacing:1px;padding:0 15px;margin:17px 0 12px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;padding:13px 15px;color:#7b8980;border-radius:8px;margin-bottom:5px;font-size:12px;text-align:left;transition:.18s}.nav-item:hover{background:#f0f3eb;color:#355b45}.nav-item.active{background:#e8eedf;color:#315438;font-weight:650}.nav-item .nav-extra{font-size:9px;padding:2px 5px;border-radius:4px;background:#e9f0e3;margin-left:auto;color:#7a9468}.nav-item.active .nav-extra{background:#d5e1c6}.sidebar-bottom{margin-top:auto;padding-top:24px}.companion-mini{position:relative;padding:17px 14px 15px;background:linear-gradient(135deg,#edf2e5,#f4f6ec);border:1px solid #e3ead7;border-radius:11px;overflow:hidden;margin:0 4px 21px}.companion-mini .orbit{position:absolute;width:80px;height:80px;border:1px solid #d5dfc4;border-radius:50%;right:-25px;top:-24px}.companion-mini h3{font-size:12px;margin:10px 0 7px}.companion-mini p{font-size:10px;line-height:1.8;color:#8a987c}.companion-mini .mini-arrow{position:absolute;right:12px;bottom:13px;color:#638153}.user-box{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 7px 0}.avatar{width:34px;height:34px;border-radius:50%;background:#e9eddf;color:#637454;display:grid;place-items:center;font-size:12px}.user-box strong{font-size:12px;font-weight:500}.user-box small{display:block;font-size:9px;margin-top:4px;color:#95a08f}.user-box button{margin-left:auto;color:#7b897c}.main{margin-left:220px}.topbar{height:76px;background:#ffffffb8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:20px}.breadcrumb{font-size:11px;display:flex;align-items:center;gap:13px;color:#9aa39c}.breadcrumb strong{font-size:12px;font-weight:500;color:#4b5e51}.top-search{display:flex;align-items:center;gap:9px;color:#9aaba0;background:#f4f6f1;border:1px solid #eff2eb;padding:8px 12px;border-radius:7px;font-size:10px;width:223px;text-align:left}.top-search kbd{margin-left:auto;font-family:inherit;font-size:9px;padding:1px 4px;border:1px solid #e3e8dd;border-radius:3px}.top-actions{display:flex;align-items:center;gap:15px}.help-btn{border-left:1px solid var(--line);padding-left:17px;color:#8c9b91}.mobile-menu{display:none}.content{max-width:1680px;margin:auto;padding:30px 35px 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading .eyebrow{margin-bottom:10px}.page-heading p{font-size:12px;color:#95a094;margin-top:11px;letter-spacing:.3px}.heading-actions{display:flex;gap:10px;align-items:center}.course-tag{font-size:10px;margin-left:13px;vertical-align:middle;font-weight:400;letter-spacing:0;border:1px solid #dfe5d6;color:#7e8f74;padding:5px 8px;border-radius:5px}.course-strip{display:flex;gap:0;padding:17px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.course-stat{display:flex;align-items:center;gap:12px;padding:0 32px;border-right:1px solid var(--line)}.course-stat:first-child{padding-left:0}.course-stat:last-child{border:0}.stat-icon{width:35px;height:35px;background:#edf1e8;color:#8d9e7a;border-radius:9px;display:grid;place-items:center}.stat-text{font-size:10px;color:#929d93}.stat-text strong{font-size:20px;font-family:Inter,"Segoe UI",sans-serif;font-weight:550;color:#3b5340;letter-spacing:-.5px;margin-right:5px}.stat-text span{display:block;margin-top:3px}.strip-note{margin-left:auto;align-self:center;color:#9ba793;font-size:10px;display:flex;align-items:center;gap:7px}.tabs{display:flex;gap:28px}.tab{font-size:12px;position:relative;padding:12px 0 16px;color:#8a978e}.tab.active{color:#315c41;font-weight:600}.tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#54714d;border-radius:2px}.workspace-tabs{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.mode-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:#87967d}.mode-indicator:hover{color:#385537}
.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:18px}.graph-panel{overflow:hidden;background:#fefefd;min-width:0;position:relative}.graph-toolbar{padding:15px 19px;border-bottom:1px solid #edf0e9;display:flex;align-items:center;gap:10px}.graph-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}.graph-title .icon{color:#7e9b72;width:17px}.graph-title small{font-size:9px;font-weight:400;color:#9da795}.graph-filter{font-size:10px;border-color:#e7eae1;padding:6px 8px;background:#fff;max-width:130px}.graph-search{width:137px;padding:7px 9px;font-size:10px;background:#f6f8f2;border-color:#f0f3e9}.graph-stage{height:480px;background-color:#fcfdf9;background-image:radial-gradient(#d7dfd0 0.65px,transparent .65px);background-size:18px 18px;position:relative;overflow:hidden}.graph-stage svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.graph-stage svg:active{cursor:grabbing}.graph-node{cursor:pointer;outline:none}.graph-node circle{transition:fill .2s,opacity .2s}.graph-node:hover .node-circle,.graph-node:focus-visible .node-circle{stroke:#4d8354;stroke-width:2}.graph-node text{font-size:11px;fill:#71816d;pointer-events:none;letter-spacing:.2px}.graph-node .core-label{font-size:11px;fill:#476148;font-weight:500}.graph-node.selected text{fill:#315f37;font-weight:600}.graph-node.selected .node-circle{stroke:#679c67;stroke-width:2}.graph-link{stroke:#c9d7c5;stroke-width:.9;opacity:.7}.graph-link.connected{stroke:#76a777;stroke-width:1.6;opacity:1;stroke-dasharray:4 4;animation:dash 24s linear infinite}.graph-link-label{font-size:9px;fill:#8b9c80}.graph-overlay-top{position:absolute;left:19px;top:18px;pointer-events:none;font-size:9px;color:#a8b29d;letter-spacing:1px}.graph-bottom{height:49px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e8;padding:0 18px;background:#fffffff2}.graph-legend{display:flex;gap:15px;font-size:9px;color:#94a18c}.graph-legend span{display:flex;gap:6px;align-items:center}.legend-dot{width:7px;height:7px;border-radius:50%;background:#91b892}.legend-dot.core{background:#a1b7d3}.legend-dot.application{background:#dbbd8e}.zoom-controls{display:flex;gap:5px;align-items:center;color:#8d9c81;font-size:10px}.zoom-controls button{padding:5px}.zoom-controls .icon{width:14px;height:14px}.zoom-controls output{min-width:37px;text-align:center}.graph-panel:fullscreen{display:flex;flex-direction:column;background:white;padding:20px}.graph-panel:fullscreen .graph-stage{height:auto;flex:1}.knowledge-panel{padding:22px 21px;display:flex;flex-direction:column;min-width:0}.knowledge-top{font-size:9px;letter-spacing:1.5px;color:#9aa68f;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.knowledge-symbol{width:39px;height:39px;display:grid;place-items:center;background:#edf4e6;border-radius:10px;color:#7f9d70;margin-bottom:13px}.knowledge-panel h2{font-size:18px;line-height:1.4;letter-spacing:.3px}.knowledge-en{font-family:"Segoe UI",sans-serif;font-size:10px;color:#a2aa9c;margin-top:6px;letter-spacing:.2px}.knowledge-tags{display:flex;gap:7px;margin:14px 0 16px}.knowledge-desc{font-size:11px;line-height:2;color:#7d8c7c}.knowledge-divider{height:1px;background:var(--line);margin:20px 0 17px}.subheading{font-size:11px;margin-bottom:12px;font-weight:600;color:#556c4e}.keypoint{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#8b9884;line-height:1.9;margin:6px 0}.keypoint:before{content:'';display:block;flex-shrink:0;width:4px;height:4px;background:#8fa480;border-radius:50%;margin-top:8px}.related-tags{display:flex;flex-wrap:wrap;gap:6px}.related-tag{font-size:9px;color:#7c8e71;background:#f3f6ed;border:1px solid #e9eee0;padding:5px 7px;border-radius:4px}.related-tag:hover{background:#e6edda}.knowledge-buttons{margin-top:auto;padding-top:22px;display:flex;gap:8px}.knowledge-buttons .btn{flex:1;font-size:10px;padding:10px 4px}.knowledge-buttons .icon{width:14px;height:14px}.ask-strip{margin:17px 0 25px;display:flex;gap:15px;align-items:center;border-radius:10px;border:1px solid #e2e9d9;padding:15px 19px;background:linear-gradient(100deg,#edf3e5 0%,#f6f8f0 85%)}.ask-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e0eacd;color:#6e8b4e}.ask-strip strong{font-size:11px;font-weight:500}.ask-strip p{font-size:10px;color:#91a17e;margin-top:5px}.ask-strip .ask-prompts{display:flex;gap:8px;margin-left:auto}.ask-prompt{font-size:9px;padding:8px 11px;background:#ffffffac;border:1px solid #e1e8d6;border-radius:20px;color:#7d8e6e}.ask-prompt:hover{background:white}.resource-heading{margin-bottom:16px}.resource-heading h2{font-size:14px}.resource-heading .muted{font-size:10px;margin-left:10px;font-weight:400}.resource-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-card{display:flex;text-align:left;gap:15px;padding:18px;background:white;border:1px solid var(--line);border-radius:10px;transition:.2s;min-width:0}.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d1ddc5}.resource-art{width:58px;min-width:58px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:7px;position:relative;overflow:hidden;background:#eaf1e1;color:#9eb591}.resource-art:before{content:'';position:absolute;width:58px;height:58px;border:1px solid #ffffffaa;transform:rotate(32deg);left:23px;top:29px}.resource-art .icon{width:26px;height:26px;stroke-width:1.2}.resource-art.blue{background:#e7eef3;color:#92aaba}.resource-art.peach{background:#f5ece0;color:#c1ae8d}.resource-art.purple{background:#efeaf7;color:#af9dbf}.resource-info{min-width:0}.resource-info .tag{font-size:8px;padding:3px 6px;margin-bottom:9px}.resource-info h3{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:9px}.resource-info p{font-size:9px;color:#a3ac9c}.footer{font-size:9px;color:#b1b8ab;display:flex;justify-content:space-between;margin-top:24px;padding:5px 0}.footer span{letter-spacing:1px}
.view-header{margin-bottom:25px}.view-header p{font-size:12px;margin-top:10px;color:var(--muted)}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.study-main{overflow:hidden}.study-player{height:358px;position:relative;background:#193f3b;overflow:hidden;color:#e0eddd}.lesson-scene{width:100%;height:100%;background:radial-gradient(ellipse at 65% 40%,#396052,#173d37 72%)}.lesson-scene:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#b9d5a933 .8px,transparent 1px);background-size:24px 24px;pointer-events:none}.scene-caption{position:absolute;top:25px;left:28px;font-size:10px;letter-spacing:2px;color:#c1d2ad;z-index:1}.lesson-scene svg{width:100%;height:100%}.cell-membrane{animation:breathe 5s ease-in-out infinite}.antigen-particle{animation:float 3s ease-in-out infinite}.scene-step-name{position:absolute;bottom:26px;left:28px;font-size:20px;font-weight:500;letter-spacing:1px}.scene-step-sub{font-size:10px;color:#bed0b9;margin-top:10px;letter-spacing:1px}.player-controls{display:flex;gap:13px;align-items:center;padding:12px 20px;background:#14352f;color:#b9cbb3;font-size:10px}.player-progress{height:3px;background:#476254;border-radius:3px;flex:1;overflow:hidden}.player-progress i{display:block;background:#cee3b0;height:100%;transition:width .4s}.study-content{padding:25px}.study-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.step-btn{padding:13px 8px;text-align:center;border:1px solid var(--line);border-radius:8px;font-size:10px;color:#91a083}.step-btn span{display:block;font-size:9px;margin-bottom:8px;color:#a7b29b}.step-btn.active{border-color:#a4bb8f;background:#f0f5e8;color:#426233}.study-explain{background:#f6f8f1;border-left:3px solid #a1b884;padding:18px 20px;margin:20px 0;border-radius:0 8px 8px 0;font-size:12px;line-height:1.9;color:#708465}.study-video{width:100%;height:358px;background:#102d28}.study-tutor{padding:23px;display:flex;flex-direction:column;align-self:start}.tutor-title{display:flex;gap:10px;align-items:center;margin-bottom:17px}.spark-box{width:34px;height:34px;border-radius:10px;background:#eaf1df;display:grid;place-items:center;color:#7c9b55}.study-tutor h3{font-size:14px}.study-tutor .welcome-text{font-size:11px;line-height:1.9;color:#8c9b82;margin:10px 0 20px}.prompt-item{padding:13px 14px;border-radius:7px;background:#f4f7ee;border:1px solid #e7eddd;text-align:left;font-size:10px;line-height:1.7;margin-bottom:9px;display:flex;gap:10px;align-items:center;justify-content:space-between}.prompt-item:hover{background:#eaf1e0}.prompt-item .icon{width:12px;height:12px}.note-section{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.note-section textarea{margin:12px 0 8px;font-size:11px;background:#fafbf8;min-height:150px}.micro-lesson-note{font-size:10px;color:#91a07e;padding:10px 0;line-height:1.8}
.chat-layout{display:grid;grid-template-columns:226px minmax(0,1fr);gap:20px;height:calc(100vh - 236px);min-height:590px}.chat-history{padding:18px;display:flex;flex-direction:column}.chat-history .eyebrow{margin:25px 0 14px;font-size:9px}.history-list{overflow:auto;flex:1}.history-item{width:100%;padding:12px 10px;text-align:left;border-radius:7px;font-size:11px;color:#85907d;margin-bottom:6px;display:flex;gap:8px;align-items:center}.history-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.active{background:#eff4e8;color:#47623b}.history-item .icon{width:14px;height:14px}.chat-history-note{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:#a0aa95;line-height:1.9}.chat-main{display:flex;flex-direction:column;overflow:hidden}.chat-top{padding:17px 23px;border-bottom:1px solid var(--line)}.chat-top strong{font-size:13px;font-weight:500}.chat-top .tag{font-size:9px}.messages{flex:1;overflow-y:auto;padding:25px 30px;scroll-behavior:smooth}.chat-welcome{text-align:center;max-width:530px;margin:32px auto}.chat-welcome .spark-box{margin:auto;width:58px;height:58px;border-radius:18px}.chat-welcome .spark-box .icon{width:28px;height:28px}.chat-welcome .eyebrow{margin-top:21px;font-size:9px}.chat-welcome h2{font-size:24px;font-weight:500;margin:12px 0}.chat-welcome p{color:#97a08d;line-height:1.9;font-size:11px}.chat-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;text-align:left}.chat-suggestions button{border:1px solid var(--line);border-radius:9px;padding:15px;font-size:11px;line-height:1.9;color:#799068;background:#fbfcf8}.chat-suggestions button:hover{border-color:#abc298;background:#f4f8ee}.chat-suggestions button .icon{display:block;margin-bottom:8px;color:#8ea679}.message{display:flex;align-items:flex-start;gap:11px;margin-bottom:23px}.message .message-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ecf3e3;color:#84a269;flex-shrink:0;font-size:10px}.message .message-avatar .icon{width:16px;height:16px}.message-content{max-width:90%}.message-label{font-size:9px;color:#a3ac9a;margin:2px 0 9px}.message-text{font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:#566b4c}.message.user{flex-direction:row-reverse}.message.user .message-avatar{background:#e6eddf}.message.user .message-label{text-align:right}.message.user .message-text{background:#eff4e9;padding:12px 17px;border-radius:12px 0 12px 12px}.source-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.source-links a{font-size:9px;padding:5px 8px;border:1px solid #e4e9dd;border-radius:5px;color:#839172;display:inline-flex;align-items:center;gap:5px}.message.pending .message-text{color:#a0ab91;animation:pulse 1.3s infinite}.message.error .message-text{color:#b47d61}.chat-composer{padding:15px 25px 17px;border-top:1px solid var(--line)}.composer-box{border:1px solid #dbe5d1;border-radius:11px;background:#fbfcf8;overflow:hidden;padding:9px}.composer-box:focus-within{border-color:#a6be90}.composer-box textarea{border:0;outline:none!important;box-shadow:none;background:none;min-height:70px;max-height:160px;resize:vertical;font-size:12px;padding:7px 9px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:1px 4px 3px}.composer-bottom span{font-size:9px;color:#a7b19b}.send-button{width:31px;height:31px;background:var(--green);color:white;border-radius:8px;display:grid;place-items:center}.send-button .icon{width:16px}.composer-foot{display:flex;justify-content:space-between;font-size:9px;color:#aab39e;margin-top:9px}.chat-context{font-size:10px;color:#8c9a7d;margin-bottom:9px;display:flex;gap:8px;align-items:center}.chat-context button{color:#456437}
.resource-controls{display:flex;align-items:center;gap:12px;margin-bottom:21px}.filter-buttons{display:flex;flex-wrap:wrap;gap:6px;flex:1}.filter-btn{padding:8px 13px;border-radius:7px;font-size:11px;color:#8e9b83}.filter-btn.active{background:#e5edda;color:#577043}.resource-controls input{width:205px;font-size:11px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.library-card{padding:22px;display:flex;flex-direction:column;text-align:left;min-width:0;transition:.2s}.library-card:hover{border-color:#c6d6b6;box-shadow:var(--shadow)}.library-card .resource-art{width:47px;min-width:47px;height:51px;margin-bottom:20px}.library-card h3{font-size:13px;line-height:1.6;margin-bottom:10px}.library-card p{font-size:11px;color:#97a28b;line-height:1.9;min-height:43px}.library-card .card-meta{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#a1ac93}.upload-zone{margin-top:25px;padding:25px;border:1px dashed #cbd9bb;border-radius:12px;background:#f0f5e9;display:flex;gap:16px;align-items:center;cursor:pointer}.upload-zone.dragging{background:#e1ebd3;border-color:#608441}.upload-zone h3{font-size:12px;margin-bottom:8px}.upload-zone p{font-size:10px;color:#8e9e7e;line-height:1.8}.upload-zone>.icon{width:25px;height:25px;color:#8ca473}.upload-zone .btn{margin-left:auto}.document-body{font-size:12px;line-height:2.1;white-space:pre-wrap;padding:20px 0;color:#6c7e61}.document-preview{width:100%;height:65vh;border:1px solid var(--line);border-radius:8px}.document-video{width:100%;max-height:65vh;border-radius:9px}.upload-badge{font-size:9px;display:flex;gap:5px;align-items:center;color:#829570}.upload-status{min-height:18px;color:#7c906c;font-size:11px;margin-top:12px}
.tool-tabs{display:flex;gap:8px;margin:0 0 24px}.tool-tab{padding:11px 19px;border-radius:8px;color:#8b997e;font-size:12px;border:1px solid transparent}.tool-tab.active{background:white;border-color:#e1e8d8;color:#4d6e3c;box-shadow:0 2px 4px #48643105}.tool-tab .icon{width:16px;margin-right:7px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.tool-card{padding:26px}.tool-card h2{margin-bottom:10px;font-size:15px}.tool-card>.hint{margin-bottom:24px}.tool-card select{width:100%;font-size:12px;line-height:1.7}.tool-card textarea{font-size:12px;min-height:205px}.rubric-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:11px;border-bottom:1px solid var(--line);color:#859473}.rubric-row:last-child{border:0}.rubric-row .hit{color:#4e7d4e}.rubric-row .miss{color:#c1976e}.score-display{display:flex;align-items:center;gap:20px;padding:10px 0 23px;border-bottom:1px solid var(--line);margin-bottom:17px}.score-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#83a668 calc(var(--score)*1%),#edf1e7 0);position:relative;flex-shrink:0}.score-ring:before{content:'';position:absolute;inset:6px;background:white;border-radius:50%}.score-ring strong{position:relative;font-size:26px;font-weight:500;color:#5a7646}.score-display p{font-size:10px;color:#9aa98a;line-height:1.9;margin-top:7px}.feedback-copy{font-size:11px;line-height:2;color:#869775;margin-top:17px}.result-output{font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.result-empty{text-align:center;padding:68px 20px;color:#9dab8e}.result-empty .icon{width:43px;height:43px;color:#b4c4a2;stroke-width:1;margin-bottom:20px}.result-empty h3{font-size:13px;font-weight:500;margin-bottom:10px}.result-empty p{font-size:11px;line-height:1.9}.rubric-preview{padding:15px 17px;border-radius:8px;background:#f6f8f2;font-size:10px;color:#8e9f7d;margin:17px 0 22px;line-height:1.9}.lesson-duration{display:flex;gap:8px}.lesson-duration label{flex:1}.lesson-duration input{position:absolute;opacity:0}.lesson-duration span{display:block;text-align:center;border:1px solid var(--line);border-radius:7px;padding:11px 5px;font-size:11px;cursor:pointer}.lesson-duration input:checked+span{background:#eef4e7;border-color:#aac394;color:#5f7b47}.lesson-duration input:focus-visible+span{outline:2px solid #9fb885}.tool-footer{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}
.progress-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.progress-box{padding:23px;display:flex;gap:17px;align-items:center}.progress-box .stat-icon{width:43px;height:43px;background:#eef3e6}.progress-box strong{font-size:26px;font-weight:500;color:#547045}.progress-box p{font-size:10px;color:#99a58e;margin-top:7px}.plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:23px}.path-panel{padding:26px}.path-header{margin-bottom:23px}.path-header p{font-size:11px;color:#91a17e;margin-top:9px}.path-item{position:relative;display:flex;gap:17px;padding:0 0 28px}.path-item:not(:last-child):before{content:'';position:absolute;top:34px;bottom:0;left:15px;width:1px;background:#dae4ce}.path-step{width:31px;height:31px;border-radius:50%;background:#f0f4e9;color:#94a87f;display:grid;place-items:center;font-size:11px;flex-shrink:0;border:1px solid #e0e9d4}.path-item.done .path-step{background:#618552;color:white;border-color:#618552}.path-item.current .path-step{border-color:#89a875;color:#4b723b;box-shadow:0 0 0 4px #f0f5e8}.path-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.path-body h3{font-size:12px;margin-bottom:8px}.path-body p{font-size:10px;color:#9aa68e;line-height:1.8}.path-body .btn{font-size:10px}.notes-panel{padding:23px;align-self:start}.notes-panel h2{font-size:14px;margin-bottom:20px}.note-item{border-bottom:1px solid var(--line);padding:14px 0}.note-item h3{font-size:11px;margin-bottom:8px}.note-item p{font-size:10px;color:#8c9d7c;line-height:1.9;max-height:59px;overflow:hidden}.note-item button{font-size:9px;margin-top:7px;color:#587548}.streak-card{padding:18px;margin-top:22px;border-radius:9px;background:#f1f5e9;font-size:11px;line-height:1.9;color:#8b9b77}
dialog{border:1px solid #dfe6d5;border-radius:16px;padding:0;max-width:min(700px,calc(100vw - 35px));width:610px;color:var(--ink);box-shadow:0 25px 100px #2037212b;max-height:90vh}dialog::backdrop{background:#1d362c55;backdrop-filter:blur(4px)}.modal-header{padding:23px 26px 17px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;border-bottom:1px solid var(--line);z-index:2}.modal-header h2{font-size:16px}.modal-body{padding:23px 26px 27px}.modal-body p{font-size:12px;line-height:1.95;color:#81916f}.modal-body h3{margin:21px 0 10px;font-size:13px}.modal-body pre{background:#f3f6ed;padding:16px;border-radius:8px;font-size:11px;line-height:1.8;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.search-dialog input{width:100%;margin-bottom:15px}.search-result{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}.search-result strong{font-size:12px;font-weight:500}.search-result span{font-size:10px;color:#9caa8b}.search-result:hover{background:#f5f8f0}.quiz-count{font-size:10px;color:#8c9e79;letter-spacing:1px}.quiz-question{font-size:17px!important;line-height:1.8!important;margin:18px 0 21px;font-weight:500;color:#455f36!important}.quiz-options{display:grid;gap:10px}.quiz-option{border:1px solid var(--line);border-radius:8px;padding:13px 15px;display:flex;gap:12px;align-items:center;font-size:12px;text-align:left}.quiz-option:hover{background:#f6f9f1}.quiz-option.selected{border-color:#8da976;background:#f1f6e9}.quiz-option.correct{border-color:#7b9f68;background:#eaf3e0}.quiz-option.wrong{border-color:#d7b296;background:#fbf1e9}.quiz-option b{display:grid;place-items:center;width:24px;height:24px;background:#f0f3ea;border-radius:5px;font-weight:400;font-size:10px;color:#82956e}.quiz-explanation{padding:15px 17px;border-radius:8px;background:#f5f8ee;margin-top:18px;font-size:12px;line-height:1.9;color:#7c8f68}.quiz-explanation strong{display:block;margin-bottom:8px;color:#547a41}.quiz-results{text-align:center;padding:18px 0}.quiz-results .score-ring{margin:5px auto 22px;width:104px;height:104px}.quiz-results h3{font-size:20px;margin:15px 0}.quiz-results p{font-size:12px;line-height:2}.help-list{padding-left:18px;line-height:2.2;font-size:12px;color:#7c8f69}.settings-status{padding:15px;border-radius:9px;background:#f0f6e8;display:flex;gap:9px;align-items:center;font-size:12px;color:#5b7a43}.settings-note{padding:14px;background:#faf8ef;border-radius:8px;font-size:11px!important;color:#a6976a!important}.mobile-backdrop{display:none}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#244c39;color:#eff7e6;padding:12px 20px;border-radius:9px;box-shadow:0 7px 30px #1c382333;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #adbc9f;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.table-wrap{overflow:auto}.knowledge-table{width:100%;border-collapse:collapse;font-size:11px}.knowledge-table th{text-align:left;background:#f7f9f2;padding:16px;color:#92a07f;font-weight:500}.knowledge-table td{padding:16px;border-top:1px solid var(--line);color:#7a8e68}.knowledge-table td:first-child{color:#446136;font-weight:500}.knowledge-table .btn{font-size:10px}.graph-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8a9a7a;font-size:12px;pointer-events:none}.check-toggle{display:flex;align-items:center;gap:8px;color:#92a083;font-size:10px}.check-toggle input{accent-color:#64864d}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes breathe{50%{opacity:.8}}@keyframes pulse{50%{opacity:.45}}
@media(min-width:1600px){.content{padding:36px 46px}.graph-stage{height:535px}.graph-layout{grid-template-columns:minmax(0,1fr) 310px}.knowledge-panel{padding:25px}.knowledge-desc{font-size:12px}.graph-node text{font-size:11px}.graph-toolbar{padding:17px 23px}.resource-info h3{font-size:12px}.course-strip{margin-bottom:22px}}
@media(max-width:1220px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.main{margin-left:185px}.content{padding:25px}.topbar{padding:0 25px}.graph-layout{grid-template-columns:minmax(0,1fr) 255px;gap:13px}.graph-toolbar{padding:13px 12px;gap:7px}.graph-title small{display:none}.graph-search{width:105px}.knowledge-panel{padding:18px}.graph-stage{height:440px}.ask-strip .ask-prompts .ask-prompt:last-child{display:none}.course-stat{padding:0 20px}.strip-note{display:none}.resource-info h3{font-size:10px}.resource-card{gap:10px;padding:13px}.resource-art{width:45px;min-width:45px;height:60px}.split-layout{grid-template-columns:minmax(0,1fr) 280px}.chat-layout{grid-template-columns:190px minmax(0,1fr)}.plan-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1020px){.sidebar{width:76px;align-items:center;padding:24px 10px}.brand{padding:0 0 30px}.brand-name,.workspace-label,.nav-item>span,.sidebar-bottom,.nav-item .nav-extra{display:none}.sidebar nav{width:100%}.nav-item{padding:15px;justify-content:center}.nav-item .icon{width:20px;height:20px}.main{margin-left:76px}.course-tag{display:none}.graph-layout{grid-template-columns:minmax(0,1fr) 245px}.graph-filter{max-width:102px}.graph-search{width:93px}.graph-legend{gap:8px;font-size:8px}.ask-strip .ask-prompts .ask-prompt:nth-child(2){display:none}.resource-art{display:none}.library-card .resource-art{display:flex}.course-stat{padding:0 25px}.resource-grid{grid-template-columns:repeat(2,1fr)}.graph-stage{height:460px}}
@media(max-width:780px){.topbar{height:62px;padding:0 18px}.top-search{width:auto;background:none;border:0;padding:0}.top-search span,.top-search kbd,.help-btn{display:none}.content{padding:23px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:10px;line-height:1.8}.heading-actions .btn:not(.primary){display:none}.heading-actions .btn{font-size:10px;padding:9px 11px}.course-stat{padding:0 17px;gap:9px}.course-stat .stat-icon{display:none}.course-stat .stat-text strong{font-size:19px}.graph-layout{grid-template-columns:1fr}.graph-stage{height:440px}.knowledge-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.knowledge-top{grid-column:1/-1;margin-bottom:12px}.knowledge-symbol{display:none}.knowledge-panel h2,.knowledge-en,.knowledge-tags,.knowledge-desc{grid-column:1}.knowledge-panel h2{font-size:17px}.knowledge-tags{margin:11px 0}.knowledge-divider{display:none}.knowledge-extra{grid-column:2;grid-row:2/7}.knowledge-extra .subheading{margin-bottom:8px}.knowledge-buttons{grid-column:1/-1;padding-top:15px}.knowledge-buttons .btn{padding:11px;flex:0 1 auto}.related-block{margin-top:15px}.ask-strip p{max-width:290px;line-height:1.7}.ask-strip .ask-prompts{display:none}.ask-strip{padding:14px}.resource-cards{gap:10px}.resource-card{padding:13px 10px}.resource-info h3{white-space:normal;line-height:1.8}.resource-heading .muted{display:none}.split-layout,.tool-layout,.plan-layout{grid-template-columns:1fr}.study-tutor{display:block}.study-player,.study-video{height:340px}.chat-layout{grid-template-columns:1fr;min-height:590px;height:calc(100vh - 210px)}.chat-history{display:none}.messages{padding:22px 18px}.chat-welcome{margin:15px auto}.chat-welcome h2{font-size:22px}.chat-composer{padding:13px 16px}.resource-controls{flex-wrap:wrap}.resource-controls input{width:100%}.resource-grid{gap:14px}.library-card{padding:19px}.progress-summary{gap:10px}.progress-box{padding:17px}.progress-box .stat-icon{display:none}.tool-card{padding:23px}.workspace-tabs{gap:10px}.mode-indicator{font-size:9px}.footer{font-size:8px;gap:12px;line-height:1.8}.footer span{letter-spacing:.5px}}
@media(max-width:520px){.sidebar{transform:translateX(-100%);width:220px;align-items:stretch;padding:28px 19px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar.open .brand{padding:0 10px 30px}.sidebar.open .brand-name,.sidebar.open .workspace-label,.sidebar.open .nav-item>span,.sidebar.open .sidebar-bottom{display:block}.sidebar.open .nav-item{justify-content:flex-start}.sidebar.open .nav-item .nav-extra{display:none}.mobile-backdrop.visible{display:block;position:fixed;inset:0;background:#193e344d;z-index:39}.main{margin-left:0}.mobile-menu{display:inline-flex;margin-left:-7px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb strong{font-size:11px}.topbar{gap:10px}.top-actions{gap:10px}.content{padding:24px 15px}.page-heading{gap:8px;margin-bottom:18px}.heading-actions{padding-top:21px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:24px}.course-strip{padding:14px 0 18px;margin-bottom:12px}.course-stat{padding:0 15px}.course-stat:first-child{padding-left:2px}.course-stat:last-of-type{padding-right:0}.stat-text{font-size:8px}.stat-text strong{font-size:18px!important}.stat-text span{font-size:9px}.workspace-tabs{margin-bottom:12px}.tabs{gap:24px}.graph-toolbar{padding:12px;flex-wrap:wrap}.graph-title{font-size:12px;flex:1}.graph-search{width:107px}.graph-filter{max-width:105px}.graph-stage{height:390px}.graph-bottom{padding:0 11px}.graph-legend{gap:8px;font-size:8px}.zoom-controls{gap:2px}.graph-node text{font-size:13px}.graph-node .core-label{font-size:12px}.knowledge-panel{padding:18px;column-gap:17px}.knowledge-desc{font-size:10px}.keypoint{font-size:9px}.related-tag{font-size:8px}.knowledge-panel h2{font-size:16px}.knowledge-extra .subheading{font-size:10px}.knowledge-en{font-size:9px}.resource-cards{grid-template-columns:1fr}.resource-art{display:flex}.resource-card{padding:15px;gap:17px}.resource-art{width:48px;min-width:48px;height:56px}.resource-info h3{font-size:12px}.resource-info .tag{margin-bottom:6px}.resource-info p{font-size:9px}.footer{margin-top:20px;flex-direction:column;gap:4px}.view-header h1{font-size:23px}.view-header p{font-size:11px;line-height:1.8}.view-header .btn{font-size:10px;white-space:nowrap}.resource-grid{grid-template-columns:1fr}.library-card{padding:20px}.library-card p{min-height:0}.library-card .resource-art{margin-bottom:16px}.upload-zone{padding:19px}.upload-zone .btn{display:none}.study-content{padding:20px}.study-steps{gap:6px}.step-btn{font-size:9px}.study-player,.study-video{height:280px}.scene-step-name{font-size:17px}.scene-caption{font-size:9px}.tool-tabs{gap:4px}.tool-tab{font-size:11px;padding:10px 12px}.tool-card{padding:20px}.chat-layout{min-height:570px}.chat-top{padding:15px 17px}.chat-top .tag{font-size:8px}.chat-suggestions{gap:7px}.chat-suggestions button{font-size:10px;padding:12px}.chat-welcome p{font-size:10px}.message-text{font-size:11px}.chat-welcome h2{font-size:20px}.composer-foot{font-size:8px}.composer-bottom span{font-size:8px}.progress-box{padding:16px 13px}.progress-box strong{font-size:23px}.progress-box p{font-size:9px}.path-panel{padding:21px}.path-body h3{font-size:11px}.path-body p{font-size:9px}.modal-header{padding:19px 21px 14px}.modal-body{padding:20px 21px 23px}.resource-controls{gap:10px}.filter-btn{font-size:10px;padding:7px 10px}.ask-strip strong{font-size:11px}.ask-strip p{font-size:9px}.top-actions .avatar{width:28px;height:28px;font-size:10px}.mode-indicator{font-size:8px}.knowledge-table th,.knowledge-table td{padding:13px;min-width:95px}}
.graph-node text{font-size:14px;fill:#65775e}.graph-node .core-label{font-size:12px;fill:#3d593b}.graph-link{opacity:.9}.knowledge-desc{color:#6f7f66}.keypoint{color:#7a8c6d}.nav-item{font-size:13px}.page-heading p{color:#819078}.graph-search{color:#5e7252}.graph-overlay-top{color:#8c9f7b}.stat-text{color:#7f8f72}.knowledge-en{color:#8c9a80}.graph-legend{color:#7d906e}
@media(min-width:781px){.knowledge-desc{font-size:12px}.keypoint{font-size:11px}.related-tag{font-size:10px}.resource-info h3{font-size:12px}.knowledge-panel{padding-bottom:21px}}
@media(max-width:520px){.graph-node text{font-size:16px}.graph-node .core-label{font-size:14px}.graph-stage svg{width:155%;max-width:none;margin-left:-27.5%}.top-search kbd{display:none}.graph-toolbar{gap:6px;padding:12px 10px}.graph-search{width:86px}.graph-filter{width:95px;font-size:9px}.graph-title{font-size:11px}.graph-title .icon{width:14px}.graph-toolbar>.icon-btn{padding:4px}.graph-toolbar>.spacer{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}