:root{--bg-0:#09090b;--bg-1:#0f0f13;--bg-2:#16161c;--bg-3:#1c1c24;--bg-4:#24242e;--border-0:#222230;--border-1:#2e2e3e;--text-0:#f0f0f5;--text-1:#c8c8d8;--text-2:#8888a0;--text-3:#5c5c72;--accent:#7c9aff;--accent-dim:#5a72cc;--accent-glow:#7c9aff14;--amber:#e0a840}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Display,Segoe UI,Malgun Gothic,sans-serif;font-weight:400;line-height:1.75}.hero{text-align:center;background:radial-gradient(80% 60% at 50% 40%,#7c9aff0a 0%,#0000 70%);padding:72px 24px 48px;position:relative}.hero:after{content:"";background:linear-gradient(90deg, transparent, var(--border-1), transparent);height:1px;position:absolute;bottom:0;left:10%;right:10%}.hero h1{color:var(--text-0);letter-spacing:-.8px;margin-bottom:12px;font-size:2.1rem;font-weight:700}.hero h1 em{background:linear-gradient(135deg,#7c9aff 20%,#a78bfa 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.hero p{color:var(--text-2);max-width:520px;margin:0 auto 20px;font-size:.95rem;line-height:1.8}.hero .hint{background:var(--accent-glow);color:var(--accent);border:1px solid #7c9aff1f;border-radius:24px;align-items:center;gap:8px;padding:7px 18px;font-size:.8rem;font-weight:500;display:inline-flex}.section-title{text-align:center;margin-bottom:36px}.section-title h2{color:var(--text-0);letter-spacing:-.3px;margin-bottom:8px;font-size:1.25rem;font-weight:600}.section-title p{color:var(--text-3);max-width:600px;margin:0 auto;font-size:.88rem}.hierarchy-section{background:var(--bg-1);padding:56px 20px}.nest-root{max-width:880px;margin:0 auto}.nest-box{background:var(--bg-2);border:1px solid var(--border-0);border-radius:10px;margin-bottom:6px;transition:border-color .2s;position:relative}.nest-box:hover{border-color:var(--border-1)}.nest-depth-0{background:var(--bg-2)}.nest-depth-1{background:var(--bg-3);border-color:var(--border-0)}.nest-depth-2{background:var(--bg-4);border-color:var(--border-0)}.nest-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.nest-header:hover{background:#7c9aff0a}.nest-header .nest-icon{color:var(--accent);opacity:.7;flex-shrink:0}.nest-header .nest-text{flex:1;min-width:0}.nest-header .title{color:var(--text-0);font-size:.88rem;font-weight:600}.nest-header .subtitle{color:var(--text-3);margin-top:1px;font-size:.72rem}.nest-header .toggle-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:.7rem;transition:color .2s,transform .25s}.nest-header .toggle-btn:hover{color:var(--text-1)}.nest-header .toggle-btn.collapsed{transform:rotate(-90deg)}.nest-body{padding:2px 12px 12px}.leaf-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.leaf-item{cursor:pointer;color:var(--accent);background:#7c9aff0f;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 11px;font-size:.76rem;font-weight:500;transition:all .15s;display:inline-flex}.leaf-item:hover{background:#7c9aff1a;border-color:#7c9aff26}.nest-hint{color:var(--text-3);text-align:center;letter-spacing:2px;padding:4px 0;font-size:.72rem}.flow-section{background:var(--bg-0);padding:56px 20px}.flow-root{max-width:880px;margin:0 auto}.flow-tabs{background:var(--bg-2);border-radius:10px;gap:2px;margin-bottom:16px;padding:3px;display:flex}.flow-tab{color:var(--text-3);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 6px;font-size:.74rem;font-weight:500;transition:all .2s}.flow-tab:hover{color:var(--text-2)}.flow-tab.active{background:var(--bg-4);color:var(--text-0);box-shadow:0 1px 4px #0003}.flow-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:12px;min-height:180px;padding:28px 24px;transition:border-color .3s}.flow-card-title{color:var(--text-0);text-align:center;margin-bottom:4px;font-size:1rem;font-weight:600}.flow-card-note{color:var(--text-3);text-align:center;margin-bottom:20px;font-size:.78rem}.flow-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.flow-item{background:var(--bg-3);border:1px solid var(--border-0);cursor:pointer;text-align:center;border-radius:8px;min-width:90px;padding:10px 14px;transition:all .15s}.flow-item:hover{border-color:var(--accent-dim);background:var(--accent-glow)}.flow-item .fi-icon{color:var(--text-2);justify-content:center;margin-bottom:4px;display:flex}.flow-item .fi-label{color:var(--text-0);font-size:.76rem;font-weight:600}.flow-item .fi-sub{color:var(--text-3);margin-top:1px;font-size:.64rem}.flow-symbol{color:var(--text-3);padding:0 2px;font-size:1.1rem;font-weight:300}.flow-dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.flow-dot{background:var(--border-1);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .25s}.flow-dot.active{background:var(--accent);border-radius:3px;width:18px}.editor-section{background:var(--bg-1);padding:56px 20px}.editor-frame{border:1px solid var(--border-0);background:#1a1a1e;border-radius:10px;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:0 12px 48px #0000004d}.ed-titlebar{border-bottom:1px solid var(--border-0);background:#222228;align-items:center;gap:6px;padding:7px 14px;display:flex}.ed-titlebar .dot{border-radius:50%;width:10px;height:10px}.ed-titlebar .dot.r{background:#ff5f57}.ed-titlebar .dot.y{background:#febc2e}.ed-titlebar .dot.g{background:#28c840}.ed-titlebar .title-text{text-align:center;color:var(--text-3);flex:1;font-size:.68rem}.ed-toolbar{border-bottom:1px solid var(--border-0);background:#24242a;align-items:center;gap:4px;padding:4px 10px;display:flex}.ed-tool{color:var(--text-2);background:var(--bg-3);border:1px solid var(--border-0);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:.68rem;transition:all .15s}.ed-tool:hover{background:var(--bg-4);color:var(--text-0)}.ed-tool.active{background:var(--accent-dim);color:#fff;border-color:var(--accent-dim)}.ed-sep{flex:1}.ed-body{min-height:300px;display:flex}.ed-panel-left{border-right:1px solid var(--border-0);background:#1e1e24;flex-shrink:0;width:170px}.ed-panel-title{color:var(--text-3);border-bottom:1px solid var(--border-0);text-transform:uppercase;letter-spacing:.5px;background:#222228;padding:7px 10px;font-size:.68rem;font-weight:600}.ed-tree-item{color:var(--text-2);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:6px;padding:4px 10px 4px 14px;font-size:.72rem;transition:all .15s;display:flex}.ed-tree-item:hover{background:var(--accent-glow);color:var(--text-0)}.ed-tree-item.selected{background:var(--accent-glow);border-left-color:var(--accent);color:var(--accent)}.ed-tree-item.indent{padding-left:28px}.ed-tree-item.indent2{padding-left:42px}.ed-tree-item .icon{opacity:.5;align-items:center;display:flex}.ed-scene{background:#15151a;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ed-scene-grid{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.ed-scene-obj{z-index:1;width:80px;height:80px;position:relative}.ed-cube-face{background:#7c9aff08;border:1.5px solid #7c9aff40;position:absolute}.ed-cube-face.f{width:54px;height:54px;top:6px;left:6px}.ed-cube-face.t{background:#7c9aff0f;border-color:#7c9aff33;width:54px;height:26px;top:-6px;left:6px;transform:skew(-30deg)}.ed-cube-face.r{background:#7c9aff05;border-color:#7c9aff26;width:26px;height:54px;top:6px;left:60px;transform:skewY(-30deg)}.ed-scene-label{z-index:1;color:var(--accent);background:#0006;border-radius:4px;margin-top:6px;padding:2px 8px;font-size:.68rem;position:relative}.ed-panel-right{border-left:1px solid var(--border-0);background:#1e1e24;flex-shrink:0;width:210px;overflow-y:auto}.ed-inspector-header{color:var(--text-3);border-bottom:1px solid var(--border-0);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#222228;padding:7px 10px;font-size:.68rem}.ed-comp{border:1px solid var(--border-0);background:var(--bg-3);cursor:pointer;border-radius:5px;margin:5px 7px;transition:border-color .15s;overflow:hidden}.ed-comp:hover{border-color:var(--accent-dim)}.ed-comp-head{color:var(--text-1);background:var(--bg-4);align-items:center;gap:5px;padding:4px 8px;font-size:.68rem;font-weight:600;display:flex}.ed-comp-body{padding:4px 8px}.ed-field{justify-content:space-between;align-items:center;padding:2px 0;font-size:.64rem;display:flex}.ed-field .lbl{color:var(--text-3)}.ed-field .val{background:var(--bg-0);border:1px solid var(--border-0);color:var(--text-2);border-radius:3px;padding:1px 5px;font-size:.62rem}.ed-bottom{border-top:1px solid var(--border-0);background:#1e1e24}.ed-bottom-tabs{border-bottom:1px solid var(--border-0);background:#222228;display:flex}.ed-bottom-tab{color:var(--text-3);cursor:pointer;border-bottom:2px solid #0000;padding:4px 12px;font-size:.66rem;transition:all .15s}.ed-bottom-tab:hover{color:var(--text-1)}.ed-bottom-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ed-bottom-content{flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.ed-asset{text-align:center;cursor:pointer;border-radius:5px;width:56px;padding:4px 2px;transition:background .15s}.ed-asset:hover{background:var(--accent-glow)}.ed-asset .icon{color:var(--text-3);justify-content:center;display:flex}.ed-asset .name{color:var(--text-3);word-break:break-all;font-size:.58rem}.ed-annotation{cursor:pointer;white-space:nowrap;z-index:5;border:1px solid var(--border-0);color:var(--accent);background:#00000080;border-radius:4px;padding:2px 8px;font-size:.64rem;font-weight:500;transition:all .15s;position:absolute}.ed-annotation:hover{border-color:var(--accent-dim);background:#000000b3}.cards-section{background:var(--bg-0);padding:56px 20px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-width:960px;margin:0 auto;display:grid}.concept-card{background:var(--bg-2);border:1px solid var(--border-0);cursor:pointer;border-radius:10px;padding:16px;transition:all .2s}.concept-card:hover{border-color:var(--accent-dim);background:var(--bg-3)}.concept-card .card-icon{color:var(--accent);opacity:.6;margin-bottom:8px;display:flex}.concept-card .card-title{color:var(--text-0);margin-bottom:3px;font-size:.88rem;font-weight:600}.concept-card .card-desc{color:var(--text-3);font-size:.76rem;line-height:1.5}.progress-bar{z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-0);background:#09090beb;align-items:center;gap:14px;padding:7px 20px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.progress-bar.visible{transform:translateY(0)}.progress-bar .bar-bg{background:var(--bg-4);border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-bar .bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.progress-bar .count{color:var(--text-2);white-space:nowrap;font-size:.7rem;font-weight:500}.progress-bar .count b{color:var(--accent);font-weight:600}.progress-bar .guide-btn{background:var(--accent-glow);color:var(--accent);cursor:pointer;border:1px solid #7c9aff26;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:500;transition:all .15s}.progress-bar .guide-btn:hover{background:#7c9aff1f}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-2);border:1px solid var(--border-1);border-radius:14px;width:100%;max-width:520px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--border-0);background:var(--bg-2);z-index:1;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.modal-head .modal-icon-wrap{background:var(--accent-glow);width:36px;height:36px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-head .info{flex:1}.modal-head .m-title{color:var(--text-0);font-size:1.05rem;font-weight:600}.modal-head .m-tag{background:var(--accent-glow);color:var(--accent);border:1px solid #7c9aff1f;border-radius:4px;margin-top:3px;padding:1px 7px;font-size:.64rem;display:inline-block}.modal-close{background:var(--bg-4);border:1px solid var(--border-0);width:28px;height:28px;color:var(--text-3);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:flex}.modal-close:hover{color:#fff;background:#c0392b;border-color:#c0392b}.modal-body{padding:16px 20px 20px}.modal-desc{color:var(--text-2);margin-bottom:16px;font-size:.86rem;line-height:1.85}.modal-desc b{color:var(--text-0);font-weight:600}.modal-analogy{background:#e0a8400a;border:1px solid #e0a8401a;border-radius:8px;margin:14px 0;padding:12px 14px}.modal-analogy .a-label{color:var(--amber);margin-bottom:3px;font-size:.68rem;font-weight:600}.modal-analogy p{color:var(--text-1);font-size:.82rem;line-height:1.65}.modal-code{border:1px solid var(--border-0);border-radius:8px;margin:14px 0;overflow:hidden}.modal-code .code-header{background:var(--bg-4);color:var(--text-3);padding:5px 12px;font-size:.64rem}.modal-code pre{background:var(--bg-0);color:var(--text-2);padding:12px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.72rem;line-height:1.65;overflow-x:auto}.modal-points{margin:14px 0;padding:0;list-style:none}.modal-points li{color:var(--text-2);align-items:flex-start;gap:8px;padding:3px 0;font-size:.82rem;display:flex}.modal-points li:before{content:"→";color:var(--accent);flex-shrink:0;font-weight:600}.modal-relations{border-top:1px solid var(--border-0);margin-top:14px;padding-top:12px}.modal-relations .r-label{color:var(--text-3);margin-bottom:8px;font-size:.68rem}.modal-relations .r-tags{flex-wrap:wrap;gap:5px;display:flex}.r-tag{cursor:pointer;background:var(--bg-3);border:1px solid var(--border-0);color:var(--text-2);border-radius:5px;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;transition:all .15s;display:inline-flex}.r-tag:hover{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent)}.r-tag.visited{background:var(--accent-glow);color:var(--accent);border-color:#7c9aff26}.r-tag.visited svg{opacity:1}.tour-nav{background:var(--bg-3);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:12px 16px;display:flex}.tour-nav .tour-btn{border:1px solid var(--border-0);background:var(--bg-4);color:var(--text-1);cursor:pointer;border-radius:6px;padding:5px 14px;font-size:.78rem;font-weight:500;transition:all .15s}.tour-nav .tour-btn:hover{background:var(--accent-dim);color:#fff;border-color:var(--accent-dim)}.tour-nav .tour-btn:disabled{opacity:.25;cursor:default}.tour-nav .tour-btn:disabled:hover{background:var(--bg-4);color:var(--text-1)}.tour-nav .tour-counter{color:var(--text-3);text-align:center;min-width:48px;font-size:.72rem}.footer{text-align:center;color:var(--text-3);background:var(--bg-0);border-top:1px solid var(--border-0);padding:32px 20px;font-size:.76rem}@media (width<=800px){.ed-body{flex-direction:column}.ed-panel-left{border-right:none;border-bottom:1px solid var(--border-0);width:100%}.ed-panel-right{border-left:none;border-top:1px solid var(--border-0);width:100%}.ed-scene{min-height:180px}.hero h1{font-size:1.5rem}.hero{padding:48px 16px 36px}.progress-bar{gap:8px;padding:5px 12px}.tour-nav,.flow-tabs{flex-wrap:wrap}}.nav-tabs{background:var(--bg-0);border-bottom:1px solid var(--border-0);z-index:100;justify-content:center;gap:2px;padding:0 20px;display:flex;position:sticky;top:0}.nav-tab{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.82rem;font-weight:500;transition:all .15s}.nav-tab:hover{color:var(--text-1)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.comp-intro{text-align:center;color:var(--text-2);padding:36px 0 28px;font-size:.9rem;line-height:1.8}.comp-intro b{color:var(--text-0)}.comp-list{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.comp-card{background:var(--bg-2);border:1px solid var(--border-0);cursor:pointer;border-radius:10px;transition:border-color .15s;overflow:hidden}.comp-card:hover{border-color:var(--border-1)}.comp-card.expanded{border-color:var(--accent-dim)}.comp-card-header{align-items:center;gap:12px;padding:14px 18px;display:flex}.comp-card-num{background:var(--accent-glow);width:24px;height:24px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.comp-card-cat{color:var(--text-0);flex:1;font-size:.92rem;font-weight:600}.comp-card-toggle{color:var(--text-3);font-size:.8rem;transition:transform .2s}.comp-card-body{padding:0 18px 18px;animation:.15s fadeIn}.comp-columns{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width<=640px){.comp-columns{grid-template-columns:1fr}}.comp-col{border:1px solid var(--border-0);border-radius:8px;padding:14px}.comp-col-threejs{background:#60a5fa08;border-color:#60a5fa1a}.comp-col-unity{background:#7c9aff08;border-color:#7c9aff1a}.comp-col-badge{border-radius:4px;margin-bottom:6px;padding:1px 7px;font-size:.62rem;font-weight:600;display:inline-block}.comp-col-threejs .comp-col-badge{color:#60a5fa;background:#60a5fa1a}.comp-col-unity .comp-col-badge{color:#a78bfa;background:#8b5cf61a}.comp-col-title{color:var(--text-0);margin-bottom:6px;font-size:.95rem;font-weight:700}.comp-col-desc{color:var(--text-2);white-space:pre-line;font-size:.82rem;line-height:1.7}.comp-col-desc b{color:var(--text-0)}.comp-analogy{background:#e0a8400a;border:1px solid #e0a8401a;border-radius:8px;padding:10px 14px}.comp-analogy-label{color:var(--amber);margin-bottom:3px;font-size:.68rem;font-weight:600}.comp-analogy p{color:var(--text-1);font-size:.82rem;line-height:1.65}.comp-summary{background:var(--bg-2);border:1px solid var(--border-0);text-align:center;border-radius:12px;margin-bottom:48px;padding:28px 24px}.comp-summary-title{color:var(--text-0);margin-bottom:20px;font-size:1.05rem;font-weight:700}.comp-summary-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}@media (width<=640px){.comp-summary-grid{grid-template-columns:1fr}}.comp-summary-item{background:var(--bg-3);border:1px solid var(--border-0);text-align:left;border-radius:8px;padding:16px}.comp-summary-icon{color:var(--accent);margin-bottom:6px;display:flex}.comp-summary-label{color:var(--text-0);margin-bottom:4px;font-size:.88rem;font-weight:700}.comp-summary-text{color:var(--text-2);font-size:.78rem;line-height:1.65}.comp-summary-text b{color:var(--text-0)}.comp-summary-note{color:var(--text-3);font-size:.82rem;line-height:1.6}.comp-summary-note b{color:var(--text-1)}.gloss-section{padding:48px 20px}.gloss-section:nth-child(odd){background:var(--bg-1)}.gloss-section:nth-child(2n){background:var(--bg-0)}.gloss-body{max-width:860px;margin:0 auto}.gloss-root{padding-bottom:32px}.gloss-p{color:var(--text-2);margin-bottom:10px;font-size:.88rem;line-height:1.8}.gloss-p b{color:var(--text-0)}.gloss-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:10px;margin-bottom:8px;transition:border-color .15s;overflow:hidden}.gloss-card:hover{border-color:var(--border-1)}.gloss-card-open{border-color:var(--accent-dim)!important}.gloss-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.gloss-card-tag{border:1px solid;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:.62rem;font-weight:600}.gloss-card-title{color:var(--text-0);flex:1;font-size:.9rem;font-weight:600}.gloss-card-toggle{color:var(--text-3);font-size:.75rem}.gloss-card-body{padding:0 16px 16px;animation:.15s fadeIn}.gloss-compare{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}@media (width<=640px){.gloss-compare{grid-template-columns:1fr}}.gloss-compare-col{background:var(--bg-3);border:1px solid var(--border-0);border-radius:8px;padding:14px}.gloss-compare-label{margin-bottom:6px;font-size:.88rem;font-weight:700}.gloss-compare-desc{color:var(--text-2);font-size:.82rem;line-height:1.7}.gloss-compare-desc b{color:var(--text-0)}.gloss-analogy{background:#e0a8400a;border:1px solid #e0a8401a;border-radius:8px;margin:12px 0;padding:12px 14px}.gloss-analogy-label{color:var(--amber);margin-bottom:3px;font-size:.68rem;font-weight:600}.gloss-analogy p{color:var(--text-1);font-size:.84rem;line-height:1.7}.gloss-analogy b{color:#fff}.gloss-map-example{align-items:stretch;gap:10px;margin:14px 0;display:flex}@media (width<=640px){.gloss-map-example{flex-direction:column}.gloss-map-vs{display:none}}.gloss-map-card{background:var(--bg-3);border:1px solid var(--border-0);border-radius:8px;flex:1;padding:14px}.gloss-map-card-label{color:var(--accent);margin-bottom:4px;font-size:.68rem;font-weight:600}.gloss-map-card-title{color:var(--text-0);margin-bottom:6px;font-size:.88rem;font-weight:700}.gloss-map-card-desc{color:var(--text-2);margin-bottom:8px;font-size:.82rem;line-height:1.7}.gloss-map-card-desc b{color:var(--text-0)}.gloss-map-card-why{color:var(--text-3);border-top:1px dashed var(--border-0);padding-top:8px;font-size:.78rem;line-height:1.6}.gloss-map-card-why b{color:var(--text-1)}.gloss-map-vs{color:var(--text-3);align-items:center;font-size:1.4rem;font-weight:300;display:flex}.gloss-eco-intro{text-align:center;margin-bottom:20px}.gloss-eco-intro p{color:var(--text-2);max-width:640px;margin:0 auto 8px;font-size:.9rem;line-height:1.8}.gloss-eco-intro b{color:var(--text-0)}.gloss-eco-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;margin:20px 0;display:grid}@media (width<=760px){.gloss-eco-grid{grid-template-columns:1fr}}.gloss-eco-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:10px;padding:18px}.gloss-eco-lang{margin-bottom:12px;font-size:1rem;font-weight:700}.gloss-eco-rows{flex-direction:column;gap:8px;display:flex}.gloss-eco-row{gap:8px;font-size:.8rem;line-height:1.6;display:flex}.gloss-eco-label{color:var(--text-3);flex-shrink:0;min-width:100px;font-weight:500}.gloss-eco-val{color:var(--text-2)}.gloss-note{text-align:center;color:var(--text-3);margin-top:16px;font-size:.82rem;line-height:1.7}.gloss-note b{color:var(--text-1)}.gloss-vibe-intro{text-align:center;margin-bottom:24px}.gloss-vibe-intro p{color:var(--text-2);max-width:640px;margin:0 auto 8px;font-size:.9rem;line-height:1.8}.gloss-vibe-intro b{color:var(--text-0)}.gloss-tool-list{flex-direction:column;gap:10px;display:flex}.gloss-tool-item{background:var(--bg-3);border:1px solid var(--border-0);border-radius:8px;padding:12px 14px}.gloss-tool-name{color:var(--text-0);margin-bottom:4px;font-size:.88rem;font-weight:700}.gloss-tool-desc{color:var(--text-2);font-size:.82rem;line-height:1.65}.gloss-tool-note{color:var(--accent);opacity:.8;margin-top:4px;font-size:.72rem}.gloss-tips{flex-direction:column;gap:10px;display:flex}.gloss-tip{background:var(--bg-3);border:1px solid var(--border-0);border-radius:8px;gap:12px;padding:14px;display:flex}.gloss-tip-num{background:var(--accent-glow);width:24px;height:24px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.gloss-tip-content b{color:var(--text-0);margin-bottom:2px;font-size:.88rem;display:block}.gloss-tip-desc{color:var(--text-2);font-size:.8rem;line-height:1.6}.gloss-chat-list{flex-direction:column;gap:16px;display:flex}.gloss-chat-group{background:var(--bg-3);border:1px solid var(--border-0);border-radius:8px;padding:12px 14px}.gloss-chat-role{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.68rem;font-weight:600}.gloss-chat-bubble{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.gloss-chat-person{flex-shrink:0;font-size:.82rem}.gloss-chat-text{color:var(--text-1);background:var(--bg-4);border:1px solid var(--border-0);border-radius:6px;padding:4px 10px;font-size:.84rem;line-height:1.6}.gloss-chat-note{text-align:center;color:var(--text-3);margin-top:12px;font-size:.8rem;line-height:1.5}.gloss-chat-note b{color:var(--text-1)}.gloss-chat-compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.gloss-chat-compare{grid-template-columns:1fr}}.gloss-chat-col{flex-direction:column;gap:10px;display:flex}.gloss-chat-col-label{margin-bottom:4px;font-size:.82rem;font-weight:700}.gloss-chat-col.bad .gloss-chat-col-label{color:#f87171}.gloss-chat-col.good .gloss-chat-col-label{color:#34d399}.gloss-chat-example{background:var(--bg-3);border:1px solid var(--border-0);border-radius:8px;padding:10px 12px}.gloss-chat-example.bad{border-left:3px solid #f871714d}.gloss-chat-example.good{border-left:3px solid #34d3994d}.gloss-chat-example .gloss-chat-bubble{margin-bottom:6px}.gloss-chat-example .gloss-chat-text{white-space:pre-line}.gloss-chat-why{color:var(--text-3);border-top:1px dashed var(--border-0);padding-top:6px;font-size:.72rem;line-height:1.5}.gloss-chat-example.good .gloss-chat-why{color:#34d399b3}.gloss-chat-example.bad .gloss-chat-why{color:#f8717199}