*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.app{display:flex;align-items:flex-start;min-height:100vh}.title{color:#1a1a1a;margin-bottom:24px;font-size:28px}.toc{flex:0 0 260px;width:260px;align-self:stretch;position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:16px;background:#fff;border-right:1px solid #e8e8e8}.toc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.toc-toolbar-label{font-size:13px;font-weight:700;color:#888}.toc-toggle-btn{border:1px solid #d9d9d9;background:#fff;color:#555;font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer;line-height:1.4}.toc-toggle-btn:hover{border-color:#646cff;color:#646cff}.toc-toggle-inline{flex:0 0 auto;margin-right:4px}.toc-fab{position:fixed;left:12px;top:12px;z-index:50;width:40px;height:40px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;box-shadow:0 2px 10px #00000014;cursor:pointer;font-size:18px;color:#333}.toc-fab:hover{border-color:#646cff;color:#646cff}.main-topbar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.main-topbar .title{margin-bottom:0}.toc-section{margin-bottom:12px}.toc-section-title{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;color:#1a1a1a;font-size:14px;font-weight:700;text-align:left;cursor:pointer;border-radius:6px}.toc-section-title:hover{background:#f5f5f7}.toc-arrow{display:inline-block;font-size:12px;color:#999;transition:transform .2s}.toc-arrow.collapsed{transform:rotate(-90deg)}.toc-list{list-style:none;padding:0 0 0 8px;border-left:1px solid #eee;margin:4px 0 0 12px}.toc-item{display:block;padding:8px 12px;margin:2px 0;color:#555;font-size:13px;text-decoration:none;border-radius:6px;transition:all .15s}.toc-item:hover{background:#f0f0ff;color:#646cff}.toc-item.active{background:#646cff;color:#fff;font-weight:600}.main{flex:1;min-width:0;max-width:960px;margin:0 auto;padding:24px}.content{min-height:400px}@media (max-width: 720px){.app{flex-direction:column}.toc{flex-basis:auto;width:100%;position:static;max-height:none;border-right:none;border-bottom:1px solid #e8e8e8}}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.card h3{margin-bottom:12px;color:#1a1a1a}.highlight{background:#fffbe6;border-left:4px solid #faad14;padding:12px 16px;border-radius:4px}.code-compare{display:flex;align-items:stretch;gap:12px;margin-top:12px}.code-block{flex:1;background:#1e1e1e;border-radius:8px;overflow:hidden}.code-label{background:#2d2d2d;color:#aaa;padding:6px 12px;font-size:12px}.code-block pre{color:#d4d4d4;padding:12px;font-size:13px;overflow-x:auto}.arrow{display:flex;align-items:center;font-size:20px;color:#646cff;font-weight:700}.render-compare{display:flex;gap:20px}.render-box{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.render-box h4{margin-bottom:12px;color:#646cff}.render-box .greeting{padding:12px;background:#f8f8ff;border-radius:6px}.vdom-output{background:#1e1e1e;color:#7ec699;padding:16px;border-radius:8px;font-size:12px;overflow-x:auto;margin-top:8px}.list-container{margin-top:16px}.list-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8f9ff;border:1px solid #e8e8ff;border-radius:6px;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.item-id{font-weight:700;color:#646cff;min-width:30px}.item-text{min-width:90px}.item-input{margin-left:auto;padding:6px 10px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;width:220px}.item-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff26}.experiment-steps{background:#f0f5ff;border:1px solid #adc6ff;border-radius:8px;padding:12px 16px;margin:12px 0}.experiment-steps ol{padding-left:22px;margin-top:8px}.experiment-steps li{margin-bottom:6px;font-size:14px}.experiment-steps code,.hint-list code{background:#e6f0ff;padding:1px 6px;border-radius:3px;font-size:13px}.diff-note{background:#fffbe6;border-left:4px solid #faad14;padding:12px 16px;border-radius:4px;margin-top:16px;font-size:14px;line-height:1.8}.key-toggle{display:flex;align-items:center;gap:16px;margin-bottom:12px}.key-status{font-size:14px;font-weight:700}.key-status.good{color:#52c41a}.key-status.bad{color:#ff4d4f}.key-toggle input{margin-right:6px}.action-buttons{display:flex;gap:8px;margin-bottom:16px}.action-buttons button{padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.action-buttons button:hover{border-color:#646cff;color:#646cff}.diff-diagram{display:flex;gap:20px;margin-top:12px}.diff-column{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:12px}.diff-column h4{text-align:center;margin-bottom:12px}.diff-step{padding:6px 10px;margin-bottom:4px;border-radius:4px;font-size:13px}.diff-step.good{background:#f6ffed;color:#52c41a}.diff-step.bad{background:#fff2f0;color:#ff4d4f}.result{text-align:center;font-weight:700;margin-top:8px;padding:8px;border-radius:4px}.result.good{background:#52c41a;color:#fff}.result.bad{background:#ff4d4f;color:#fff}.component-compare{display:flex;gap:20px}.component-card{flex:1;border-radius:12px;padding:20px;position:relative}.class-card{background:linear-gradient(135deg,#fff7e6,#fffbe6);border:2px solid #faad14}.function-card{background:linear-gradient(135deg,#f6ffed,#e6fffb);border:2px solid #52c41a}.component-card h4{margin-bottom:8px}.badge{position:absolute;top:-10px;right:12px;padding:4px 12px;border-radius:10px;font-size:12px;color:#fff}.class-card .badge{background:#faad14}.function-card .badge{background:#52c41a}.component-card p{font-size:24px;font-weight:700;margin:16px 0}.btn-group{display:flex;gap:8px}.btn-group button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700}.class-card .btn-group button{background:#faad14;color:#fff}.function-card .btn-group button{background:#52c41a;color:#fff}.btn-group button:hover{opacity:.85}.code-preview{margin-top:12px}.code-preview pre{background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:6px;font-size:11px;overflow-x:auto}.this-demo{display:flex;gap:20px}.this-column{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.this-column h4{margin-bottom:12px}.this-column button{display:block;width:100%;padding:10px;margin-bottom:8px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:13px;background:#fff}.this-column button:hover{border-color:#646cff}.log-panel{margin-top:12px;background:#1e1e1e;border-radius:8px;padding:12px;min-height:80px}.log-panel h4{color:#aaa;margin-bottom:8px}.log-line{color:#7ec699;font-size:13px;padding:2px 0;font-family:monospace}.hint{color:#888;font-style:italic}.lifecycle-table{width:100%;border-collapse:collapse;margin:12px 0}.lifecycle-table th,.lifecycle-table td{padding:10px 16px;border:1px solid #e0e0e0;text-align:left}.lifecycle-table th{background:#f5f5f5;font-weight:600}.lifecycle-table code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:13px}.toggle-demo{margin-top:12px;text-align:center}.toggle-demo button{padding:8px 24px;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:10px 16px;border:1px solid #e0e0e0;text-align:left}.compare-table th{background:#646cff;color:#fff;font-weight:600}.compare-table tr:nth-child(2n){background:#fafafa}.compare-table code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:13px}.interview-answer{background:#f0f5ff;border-left:4px solid #646cff;padding:12px 16px;border-radius:4px;line-height:1.8}.hint-list{padding-left:20px;margin:8px 0}.hint-list li{margin-bottom:4px}.diff-compare{display:flex;gap:12px;margin-top:12px}.diff-compare pre{flex:1;background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:6px;font-size:12px;overflow-x:auto}.diff-old{border-left:3px solid #ff4d4f}.diff-new{border-left:3px solid #52c41a}.demo-section h2{margin-bottom:20px;color:#1a1a1a}.strategy-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.strategy-card h3{margin-bottom:8px;color:#1a1a1a}.strategy-desc{color:#555;font-size:14px;margin-bottom:12px}.strategy-desc code,.observe code{background:#f0f0f0;padding:1px 6px;border-radius:3px;font-size:13px}.strategy-controls{margin-bottom:16px}.strategy-controls button{padding:8px 18px;border:none;background:#646cff;color:#fff;border-radius:6px;cursor:pointer;font-size:14px}.strategy-controls button:hover{opacity:.88}.strategy-stage{padding:16px;background:#fafaff;border:1px dashed #d0d0f0;border-radius:8px;margin-bottom:12px}.strategy-stage.two-box{display:flex;gap:16px}.strategy-stage .box{flex:1;min-height:90px;border:1px solid #e0e0e0;border-radius:8px;padding:12px;background:#fff}.box-label{font-size:12px;color:#999;margin-bottom:10px}.type-wrapper{display:inline-block;border:2px solid #646cff;border-radius:8px;padding:12px 16px}.marker{display:inline-flex;align-items:center;gap:8px;font-size:14px;animation:markerFlash .7s ease-out}.marker-id{background:#1a1a1a;color:#7ec699;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:12px}@keyframes markerFlash{0%{background:#fff59d;box-shadow:0 0 0 6px #ffeb3b80;border-radius:4px}to{background:transparent;box-shadow:0 0 0 0 transparent}}.observe{background:#f6ffed;border-left:4px solid #52c41a;padding:10px 14px;border-radius:4px;font-size:14px;line-height:1.7}.sp-parent{background:#f0f5ff;border:1px solid #adc6ff;border-radius:8px;padding:14px;margin-bottom:12px}.sp-child{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;padding:14px;margin-bottom:12px}.concept-box{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:14px 18px;margin-top:12px;line-height:1.8}.concept-box ul{padding-left:20px;margin:6px 0}.concept-box li{margin-bottom:6px}.counter-display{font-size:20px;padding:12px 0}.counter-display strong{color:#646cff;font-size:24px}.io-compare{display:flex;gap:20px;flex-wrap:wrap}.io-box{flex:1;min-width:260px;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.io-box h4{margin-bottom:12px}.io-box input{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;margin-bottom:10px}.io-box input:focus{outline:none;border-color:#646cff}.io-box button{padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;margin:4px 4px 4px 0}.io-box button:hover{border-color:#646cff;color:#646cff}.slow-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}.slow-table th,.slow-table td{padding:10px 14px;border:1px solid #e0e0e0;text-align:left}.slow-table th{background:#f5f5f5}.slow-table .row-wrong{background:#fff2f0}.slow-table .row-right{background:#f6ffed}.slow-table strong{color:#646cff;font-size:16px}.hook-slots{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.slot{flex:1;min-width:140px;border:2px solid #adc6ff;border-radius:8px;overflow:hidden;text-align:center}.slot-index{background:#646cff;color:#fff;padding:6px;font-size:13px;font-weight:700}.slot-code{background:#f0f5ff;padding:8px;font-family:monospace;font-size:12px;color:#333}.slot-value{padding:14px;font-size:22px;font-weight:700;color:#646cff}.bad-code{background:#2d1b1b;color:#ffb4b4;padding:12px 14px;border-radius:6px;border-left:3px solid #ff4d4f;font-size:13px;overflow-x:auto;margin:10px 0;line-height:1.6}.chapter-lead{color:#555;margin:-8px 0 20px;font-size:15px;line-height:1.7}.hook-axioms{padding-left:22px;margin:8px 0 0}.hook-axioms li{margin-bottom:8px;line-height:1.7}.hook-flow{display:flex;align-items:stretch;gap:8px;margin:16px 0;flex-wrap:wrap}.hook-flow-step{flex:1;min-width:160px;display:flex;gap:10px;padding:12px;background:#fafaff;border:1px solid #e0e0f0;border-radius:8px}.hook-flow-num{flex:0 0 28px;height:28px;border-radius:50%;background:#646cff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.hook-flow-step p{margin-top:4px;font-size:13px;color:#555}.hook-flow-arrow{display:flex;align-items:center;color:#646cff;font-weight:700;padding:0 2px}.code-snippet{background:#1e1e1e;color:#d4d4d4;padding:14px 16px;border-radius:8px;font-size:12px;overflow-x:auto;line-height:1.6;margin:12px 0}.subhead{margin:18px 0 10px;font-size:15px;color:#333}.slot-role{font-size:12px;color:#888;padding:0 8px 8px}.hook-toggle{display:inline-flex;align-items:center;gap:8px;margin:8px 0 12px;font-size:14px;cursor:pointer}.muted{color:#888;font-size:14px;margin-left:8px}.measure-box{margin-top:12px;padding:16px;background:linear-gradient(90deg,#e8eaff,#f5f5ff);border:1px solid #c5c8ff;border-radius:8px;transition:width .2s ease;font-size:14px}.fiber-map{display:flex;gap:16px;margin:12px 0 16px;flex-wrap:wrap;align-items:stretch}.fiber-tree{flex:0 0 200px;padding:14px;background:#fafaff;border:1px solid #e0e0f0;border-radius:8px}.fiber-branch{margin-left:18px;padding-left:12px;border-left:2px solid #c5c8ff;margin-top:8px}.fiber-node{display:block;width:100%;text-align:left;padding:8px 12px;margin:4px 0;border:1px solid #d0d0e8;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#333}.fiber-node:hover{border-color:#646cff;color:#646cff}.fiber-node.active{background:#646cff;border-color:#646cff;color:#fff}.fiber-detail{flex:1;min-width:220px;padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.fiber-detail h4{margin-bottom:6px;color:#646cff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fiber-detail ul{padding-left:18px;margin-top:8px}.fiber-detail li{margin-bottom:6px;font-size:14px;line-height:1.6}.exam-plain{background:#f8f9fc;border:1px solid #e6e8f0;border-radius:8px;padding:14px 16px;margin:10px 0 14px;line-height:1.75;font-size:14px}.exam-plain p{margin-bottom:8px}.exam-plain ul{padding-left:20px;margin:6px 0 8px}.exam-plain li{margin-bottom:4px}.exam-answer{margin-top:14px;padding:12px 16px;background:#f0f5ff;border-left:4px solid #646cff;border-radius:4px;line-height:1.75;font-size:14px}.fiber-appendix .toc-section-title{font-size:14px;font-weight:600}.hook-lead{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px}@media (max-width: 720px){.hook-lead{grid-template-columns:1fr}}.hook-lead-item{background:#fafaff;border:1px solid #e4e6f5;border-radius:8px;padding:12px 14px;line-height:1.7;font-size:14px}.hook-lead-tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#fa8c16;padding:2px 8px;border-radius:4px;margin-bottom:8px}.hook-lead-tag.model{background:#646cff}.phase-panel{margin:10px 0 12px;padding:14px 16px;background:#f0f5ff;border:1px dashed #adc6ff;border-radius:8px;line-height:1.7;font-size:14px}.mini-panel{margin-top:8px;padding:12px;border:1px solid #eee;border-radius:8px;background:#fcfcff}button.hook-step-active{background:#646cff!important;color:#fff!important;border-color:#646cff!important}.observe ol{padding-left:20px;margin-top:6px}.observe li{margin-bottom:4px}.lesson-card .lesson-num{display:inline-block;background:#1a1a1a;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:4px;margin-bottom:10px;letter-spacing:.04em}.teacher-bubble{background:#fff8e8;border:1px solid #ffe0a3;border-radius:10px;padding:14px 16px;margin:8px 0 14px;line-height:1.8;font-size:15px}.teacher-label{font-size:12px;font-weight:700;color:#d48806;margin-bottom:6px}.teacher-text p{margin-bottom:8px}.teacher-text ul{padding-left:20px;margin:6px 0}.teacher-text li{margin-bottom:4px}.you-try{background:#f6ffed;border:1px solid #b7eb8f;border-radius:10px;padding:14px 16px;margin-bottom:14px}.you-try-label{font-size:12px;font-weight:700;color:#389e0d;margin-bottom:10px}.remember-box{background:#f0f5ff;border-left:4px solid #646cff;border-radius:4px;padding:12px 14px;line-height:1.75;font-size:15px}.drawer-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.drawer{flex:1;min-width:140px;background:#fff;border:2px solid #d9d9d9;border-radius:10px;padding:12px;text-align:center}.drawer-label{font-size:12px;color:#888;margin-bottom:6px}.drawer-value{font-size:28px;font-weight:700;color:#646cff;margin:8px 0 12px}.drawer button{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.drawer button:hover{border-color:#646cff;color:#646cff}.graduation-list{padding-left:22px;line-height:1.9;font-size:15px}.graduation-list li{margin-bottom:10px}.example-block{margin:16px 0 20px;padding-top:8px;border-top:1px dashed #e0e0e0}.example-title{margin:0 0 10px;font-size:16px;color:#1a1a1a}.example-warn{border-color:#ffccc7!important;background:#fff2f0}.example-ok{border-color:#b7eb8f!important;background:#f6ffed}.kid-row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.kid-card{flex:1;min-width:220px;padding:14px;border-radius:10px;border:2px solid #e0e0e0;background:#fff}.kid-bad{border-color:#ff7875;background:#fff2f0}.kid-good{border-color:#73d13d;background:#f6ffed}.kid-tag{font-size:13px;font-weight:700;margin-bottom:8px}.kid-card button{margin:8px 0;padding:8px 14px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer}.kid-card button:hover{border-color:#646cff;color:#646cff}.hook-level{margin:16px 0;padding:14px 16px;border-radius:10px;border:1px solid #e8e8e8;background:#fafafa}.hook-level-1{background:#fffbe6;border-color:#ffe58f}.hook-level-2{background:#f0f5ff;border-color:#adc6ff}.hook-level-3{background:#f6ffed;border-color:#b7eb8f}.hook-level-badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px;color:#fff;background:#8c8c8c;margin-bottom:8px}.hook-level-1 .hook-level-badge{background:#d48806}.hook-level-2 .hook-level-badge{background:#2f54eb}.hook-level-3 .hook-level-badge{background:#389e0d}.hook-level-title{margin:0 0 10px;font-size:15px}.hook-level p{line-height:1.75;font-size:14px;margin-bottom:8px}.code-pair{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.code-pair-col{flex:1;min-width:260px}.code-pair-label{font-size:12px;font-weight:700;margin-bottom:6px}.code-pair-col.bad .code-pair-label{color:#cf1322}.code-pair-col.good .code-pair-label{color:#389e0d}.code-pair .bad-code,.code-pair .code-snippet{margin:0;min-height:100px}.hook-sec-title{margin-bottom:12px}.hook-callout{border-radius:8px;padding:12px 14px;margin:12px 0;line-height:1.75;font-size:14px}.hook-callout-title{font-weight:700;margin-bottom:6px;font-size:13px}.hook-callout-plain{background:#fafafa;border:1px solid #e8e8e8}.hook-callout-info{background:#e6f4ff;border:1px solid #91caff}.hook-callout-deep{background:#f0f5ff;border:1px solid #adc6ff}.hook-code-wrap{margin:10px 0}.hook-code-title{font-size:12px;font-weight:700;margin-bottom:4px;color:#389e0d}.hook-code-title.bad{color:#cf1322}.scene-panel{background:#fcfcff;border:1px solid #e6e8f0;border-radius:10px;padding:14px 16px;margin:12px 0 18px}.scene-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}.scene-controls label{display:flex;flex-direction:column;gap:4px;font-size:13px}.scene-controls input,.scene-controls select{padding:6px 10px;border:1px solid #d9d9d9;border-radius:6px;min-width:140px}.table-wrap{overflow-x:auto;margin:10px 0}.row-selected{background:#e6f4ff!important}.row-selected td{background:#e6f4ff}.iv-part-no{display:inline-block;font-size:12px;font-weight:700;background:#1a1a1a;color:#fff;padding:3px 10px;border-radius:4px;margin-bottom:10px}.iv-q{display:flex;gap:10px;align-items:flex-start;background:#fff1f0;border:1px solid #ffa39e;border-radius:8px;padding:12px 14px;margin:18px 0 10px}.iv-q-tag{flex:0 0 auto;font-size:12px;font-weight:700;color:#cf1322;background:#fff;border:1px solid #ffa39e;border-radius:4px;padding:2px 8px}.iv-q p{margin:0;font-size:15px;font-weight:600;line-height:1.6;color:#1a1a1a}.iv-a{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;padding:12px 14px;margin-bottom:12px;line-height:1.75;font-size:14px}.iv-a-tag{display:inline-block;font-size:12px;font-weight:700;color:#389e0d;margin-bottom:8px}.iv-a-body ul,.iv-a-body ol{padding-left:20px;margin:6px 0}.iv-a-body li{margin-bottom:4px}.iv-a-body p{margin-bottom:8px}.iv-demo{background:#fafaff;border:1px dashed #c5c8ff;border-radius:8px;padding:12px 14px;margin:10px 0 16px}.iv-demo-title{font-size:13px;font-weight:700;color:#2f54eb;margin-bottom:10px}.iv-side-by-side{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.iv-side-box{flex:1;min-width:180px;border:1px solid #e0e0e0;border-radius:8px;padding:12px;background:#fff}.iv-side-box .box-label{font-size:12px;color:#999;margin-bottom:8px}.iv-side-box .btn-group{margin-top:8px}.iv-side-box .btn-group button{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.iv-side-box .btn-group button:hover:not(:disabled){border-color:#646cff;color:#646cff}.iv-side-box .btn-group button:disabled{opacity:.45;cursor:not-allowed}.interview-page .mi-header h2{margin-bottom:8px}.mi-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding:12px;background:#fff;border-radius:10px;border:1px solid #eee}.mi-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.mi-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#333;text-decoration:none}.mi-btn:hover:not(:disabled){border-color:#646cff;color:#646cff}.mi-btn:disabled{opacity:.45;cursor:not-allowed}.mi-btn-ghost{background:#f7f7fb}.mi-search{flex:1;min-width:160px;padding:7px 10px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px}.mi-search:focus{outline:none;border-color:#646cff}.mi-card{background:#fff;border:1px solid #e8e8ee;border-radius:12px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 4px #0000000a}.mi-card.is-open{border-color:#c5c8ff}.mi-card-q{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.mi-badge{flex:0 0 auto;background:#646cff;color:#fff;font-size:12px;padding:2px 8px;border-radius:999px;font-weight:600}.mi-badge-a{background:#52c41a;margin-bottom:8px;display:inline-block}.mi-section-tag{font-size:12px;color:#888;background:#f5f5f7;padding:2px 8px;border-radius:999px}.mi-q-text{flex:1;min-width:200px;font-size:15px;font-weight:600;color:#1a1a1a;line-height:1.5;margin:0}.mi-q-no{color:#646cff;margin-right:6px;font-weight:700}.mi-card-actions{margin-top:10px}.mi-card-a{margin-top:12px;padding-top:12px;border-top:1px dashed #e8e8ee}.mi-quote{margin:0;padding:12px 14px;background:#f0f5ff;border-left:4px solid #646cff;border-radius:0 8px 8px 0}.mi-quote p{margin:6px 0}.mi-p{margin:8px 0;line-height:1.7}.mi-list{padding-left:20px;margin:8px 0}.mi-list li{margin:4px 0;line-height:1.6}.mi-pre{background:#1e1e1e;color:#d4d4d4;padding:12px 14px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.55;margin:10px 0}.mi-code{background:#f0f0f0;padding:1px 6px;border-radius:4px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mi-table-wrap{overflow-x:auto;margin:10px 0}.mi-table{width:100%;border-collapse:collapse;font-size:13px}.mi-table th,.mi-table td{border:1px solid #e8e8e8;padding:8px 10px;text-align:left}.mi-table th{background:#f5f5f7}.mi-follow{margin-top:12px;padding:10px 12px;background:#fffbe6;border-radius:8px;border:1px solid #ffe58f}.mi-follow-title{font-weight:700;font-size:13px;margin-bottom:6px;color:#ad6800}.mi-section-card{padding:8px 4px 4px;margin:8px 0 4px}.mi-section-title{font-size:16px;color:#2f54eb;margin:0 0 8px}.mi-intro{background:#fff;border-radius:10px;padding:12px 16px;margin-bottom:14px;border:1px solid #eee}.mi-pager{display:flex;justify-content:space-between;gap:10px;margin-top:20px;flex-wrap:wrap}.mi-path-hint{margin-top:8px;font-size:12px;color:#aaa}.mi-muted{color:#999;font-size:14px}.mi-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}@media (max-width: 720px){.mi-overview-grid{grid-template-columns:1fr}}.mi-overview-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #eee}.mi-overview-card h3{margin:0 0 10px;font-size:16px}.mi-top20{columns:1;font-size:13px}.mi-chapter-heading{margin:8px 0 12px}.mi-chapter-list{display:flex;flex-direction:column;gap:8px}.mi-chapter-link{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border:1px solid #e8e8ee;border-radius:10px;text-decoration:none;color:#333;transition:border-color .15s,color .15s}.mi-chapter-link:hover{border-color:#646cff;color:#646cff}.mi-chapter-count{font-size:12px;color:#888;background:#f5f5f7;padding:2px 8px;border-radius:999px}.interview-tip{margin-bottom:16px}.order-page{--order-ink: #1c2434;--order-muted: #5c6b7a;--order-line: #dde3ea;--order-bg: #f3f6f8;--order-accent: #0f6e56;--order-accent-soft: #e3f5ef;color:var(--order-ink)}.order-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px 22px;background:linear-gradient(135deg,#e8f2ef,#f3f6f8 48%,#eef2f7);border:1px solid var(--order-line);border-radius:14px}.order-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.04em;color:var(--order-muted)}.order-title{margin:0 0 8px;font-size:28px;font-weight:700}.order-desc{margin:0;color:var(--order-muted);font-size:14px}.order-stats{display:flex;gap:10px;flex-wrap:wrap}.order-stat{min-width:100px;padding:12px 14px;background:#ffffffd9;border:1px solid var(--order-line);border-radius:10px}.order-stat-label{display:block;font-size:12px;color:var(--order-muted);margin-bottom:4px}.order-stat strong{font-size:20px}.order-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}.order-search{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--order-line);border-radius:8px;font-size:14px;background:#fff}.order-search:focus{outline:none;border-color:var(--order-accent);box-shadow:0 0 0 3px #0f6e561f}.order-filters{display:flex;flex-wrap:wrap;gap:6px}.order-filters button{border:1px solid var(--order-line);background:#fff;color:var(--order-muted);padding:7px 12px;border-radius:999px;font-size:13px;cursor:pointer}.order-filters button.is-active{background:var(--order-accent);border-color:var(--order-accent);color:#fff}.order-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--order-line);border-radius:12px}.order-table{width:100%;border-collapse:collapse;font-size:13px}.order-table th,.order-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--order-line);white-space:nowrap}.order-table th{background:var(--order-bg);color:var(--order-muted);font-weight:600}.order-table tr:last-child td{border-bottom:none}.order-table tr.is-selected{background:var(--order-accent-soft)}.order-id-btn{border:none;background:transparent;color:var(--order-accent);font-weight:600;cursor:pointer;padding:0;font-size:13px}.order-id-btn:hover{text-decoration:underline}.order-amount{font-variant-numeric:tabular-nums;font-weight:600}.order-time{color:var(--order-muted)}.order-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.order-badge.tone-warn{background:#fff4e5;color:#9a5b00}.order-badge.tone-info{background:#e8f1ff;color:#1d4f91}.order-badge.tone-ok{background:#e3f5ef;color:#0f6e56}.order-badge.tone-mute{background:#eef1f4;color:#5c6b7a}.order-badge.tone-bad{background:#fdecec;color:#a12828}.order-action{border:1px solid var(--order-line);background:#fff;color:var(--order-ink);padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer}.order-action:hover{border-color:var(--order-accent);color:var(--order-accent)}.order-action-muted{color:#b0b8c0}.order-empty{text-align:center;color:var(--order-muted);padding:28px!important}.order-detail{margin-top:14px;padding:16px 18px;background:#fff;border:1px solid var(--order-line);border-radius:12px}.order-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-detail-head h3{margin:0;font-size:16px}.order-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0}.order-detail-grid dt{font-size:12px;color:var(--order-muted);margin-bottom:4px}.order-detail-grid dd{margin:0;font-weight:600}.order-step-hint{margin-top:20px;padding:12px 14px;background:#fff;border:1px dashed #0f6e56;border-radius:8px;color:#0f6e56;font-size:14px}.fig-order-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#e8f2ef;border:1px solid #dde3ea;border-radius:14px;overflow:hidden}.fig-order-header__title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.fig-order-header__kicker{margin:0;font-size:12px;font-weight:500;color:#5c6b7a;white-space:nowrap}.fig-order-header__heading{margin:0;font-size:28px;font-weight:700;line-height:normal;color:#1c2434;white-space:nowrap}.fig-order-header__desc{margin:0;font-size:14px;font-weight:400;color:#5c6b7a;white-space:nowrap}.fig-order-header__stats{display:flex;gap:10px;flex-shrink:0}.fig-order-header__stat{display:flex;flex-direction:column;gap:4px;min-width:100px;padding:12px 14px;background:#fff;border:1px solid #dde3ea;border-radius:10px}.fig-order-header__stat-label{font-size:12px;font-weight:400;color:#5c6b7a;white-space:nowrap}.fig-order-header__stat-value{font-size:20px;font-weight:700;color:#1c2434;white-space:nowrap}@media (max-width: 720px){.fig-order-header{flex-direction:column;align-items:stretch}.fig-order-header__kicker,.fig-order-header__heading,.fig-order-header__desc{white-space:normal}.fig-order-header__stats{flex-wrap:wrap}}.my-order-figma-ref{margin:24px 0 0;padding:14px;background:#fff;border:1px solid #dde3ea;border-radius:12px}.my-order-figma-ref figcaption{margin:0 0 10px;font-size:12px;color:#5c6b7a}.my-order-figma-ref img{display:block;width:100%;max-width:1024px;height:auto;border-radius:8px;border:1px solid #dde3ea}