: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}.gloss-method-compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.gloss-method-compare{grid-template-columns:1fr}}.gloss-method-col{background:var(--bg-3);border:1px solid var(--border-0);border-radius:10px;padding:16px}.gloss-method-col.vibe{border-top:3px solid #fbbf2480}.gloss-method-col.spec{border-top:3px solid #818cf880}.gloss-method-header{margin-bottom:2px;font-size:.95rem;font-weight:700}.gloss-method-col.vibe .gloss-method-header{color:#fbbf24}.gloss-method-col.spec .gloss-method-header{color:#818cf8}.gloss-method-subtitle{color:var(--text-3);margin-bottom:12px;font-size:.78rem}.gloss-method-list{margin:0 0 12px;padding:0;list-style:none}.gloss-method-list li{color:var(--text-2);padding:3px 0 3px 16px;font-size:.82rem;line-height:1.6;position:relative}.gloss-method-list li:before{content:"·";color:var(--text-3);font-weight:700;position:absolute;left:4px}.gloss-method-when{color:var(--text-3);background:var(--bg-4);border-radius:6px;padding:8px 10px;font-size:.75rem;line-height:1.5}.gloss-method-note{color:var(--text-3);background:var(--bg-3);border-radius:8px;margin-top:14px;padding:12px 14px;font-size:.8rem;line-height:1.6}.gloss-timeline{margin:14px 0}.gloss-timeline-item{background:var(--bg-3);border-radius:8px;gap:14px;margin-bottom:6px;padding:10px 14px;display:flex}.gloss-timeline-item.good{border-left:3px solid #34d39980}.gloss-timeline-item.warn{border-left:3px solid #fbbf2480}.gloss-timeline-item.bad{border-left:3px solid #f8717166}.gloss-timeline-period{flex-shrink:0;min-width:70px;font-size:.78rem;font-weight:700}.gloss-timeline-item.good .gloss-timeline-period{color:#34d399}.gloss-timeline-item.warn .gloss-timeline-period{color:#fbbf24}.gloss-timeline-item.bad .gloss-timeline-period{color:#f87171}.gloss-timeline-desc{color:var(--text-2);font-size:.82rem;line-height:1.6}.gloss-sdd-steps{margin:14px 0}.gloss-sdd-step{background:var(--bg-3);border-left:3px solid #818cf866;border-radius:8px;align-items:flex-start;gap:14px;margin-bottom:8px;padding:12px 14px;display:flex}.gloss-sdd-num{color:#818cf8;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:1rem;font-weight:800;display:flex}.gloss-sdd-content{flex-direction:column;gap:4px;display:flex}.gloss-sdd-content b{color:var(--text-1);font-size:.85rem}.gloss-sdd-content span{color:var(--text-3);font-size:.8rem;line-height:1.6}.gloss-vibe-intro p{color:var(--text-2);margin:0 0 10px;font-size:.85rem;line-height:1.8}.ui-subnav{background:var(--bg-2);border-radius:10px;flex-wrap:wrap;justify-content:center;gap:2px;max-width:660px;margin:20px auto 28px;padding:3px;display:flex}.ui-subtab{color:var(--text-3);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 6px;font-size:.72rem;font-weight:500;transition:all .2s}.ui-subtab:hover{color:var(--text-2)}.ui-subtab.active{background:var(--bg-4);color:var(--text-0);box-shadow:0 1px 4px #0003}.wf-browser{border:1px solid var(--border-0);background:#1a1a1e;border-radius:10px;max-width:820px;margin:0 auto;overflow:hidden;box-shadow:0 12px 48px #0000004d}.wf-browser-bar{border-bottom:1px solid var(--border-0);background:#222228;align-items:center;gap:10px;padding:7px 12px;display:flex}.wf-dots{gap:5px;display:flex}.wf-dot{border-radius:50%;width:9px;height:9px}.wf-dot.r{background:#ff5f57}.wf-dot.y{background:#febc2e}.wf-dot.g{background:#28c840}.wf-url{background:var(--bg-0);color:var(--text-3);border-radius:5px;flex:1;padding:3px 10px;font-size:.64rem}.wf-page{flex-direction:column;min-height:500px;display:flex}.wf-header{background:var(--bg-3);border-bottom:1px solid var(--border-0);cursor:pointer;align-items:center;padding:8px 14px;transition:background .15s;display:flex}.wf-header:hover{background:var(--bg-4)}.wf-header-logo{color:var(--accent);white-space:nowrap;margin-right:20px;font-size:.78rem;font-weight:700}.wf-header-nav{flex:1;gap:14px;display:flex}.wf-header-nav span{color:var(--text-2);cursor:pointer;font-size:.68rem;transition:color .15s}.wf-header-nav span:hover{color:var(--accent)}.wf-header-actions{gap:8px;display:flex}.wf-header-btn{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;transition:background .15s;display:flex}.wf-header-btn:hover{background:var(--accent-glow)}.wf-breadcrumb{color:var(--text-3);background:var(--bg-2);border-bottom:1px solid var(--border-0);cursor:pointer;padding:5px 14px;font-size:.62rem;transition:background .15s}.wf-breadcrumb:hover{background:var(--accent-glow)}.wf-main{flex:1;display:flex}.wf-sidebar{border-right:1px solid var(--border-0);cursor:pointer;background:#1e1e24;flex-shrink:0;width:140px;padding:8px 0;transition:background .15s}.wf-sidebar:hover{background:#222228}.wf-sidebar-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;padding:4px 10px;font-size:.62rem;font-weight:700}.wf-sidebar-item{color:var(--text-2);cursor:pointer;border-left:2px solid #0000;padding:3px 10px 3px 14px;font-size:.64rem;transition:all .15s}.wf-sidebar-item:hover{background:var(--accent-glow);color:var(--text-0)}.wf-sidebar-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow)}.wf-sidebar-divider{background:var(--border-0);height:1px;margin:6px 10px}.wf-content{background:var(--bg-2);flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.wf-cards-row{gap:8px;display:flex}.wf-card{background:var(--bg-3);border:1px solid var(--border-0);cursor:pointer;border-radius:7px;flex:1;transition:border-color .15s,box-shadow .15s;overflow:hidden}.wf-card:hover{border-color:var(--accent-dim);box-shadow:0 2px 8px #7c9aff14}.wf-card-img{background:var(--bg-4);justify-content:center;align-items:center;height:48px;font-size:1.1rem;display:flex}.wf-card-body{padding:6px 8px}.wf-card-title{color:var(--text-0);margin-bottom:2px;font-size:.68rem;font-weight:600}.wf-card-desc{color:var(--text-3);margin-bottom:4px;font-size:.58rem;line-height:1.4}.wf-card-footer{justify-content:space-between;align-items:center;display:flex}.wf-card-price{color:var(--accent);font-size:.64rem;font-weight:700}.wf-card-badge{color:#34d399;cursor:pointer;background:#34d39926;border-radius:3px;padding:1px 5px;font-size:.52rem}.wf-table-wrap{background:var(--bg-3);border:1px solid var(--border-0);cursor:pointer;border-radius:7px;transition:border-color .15s;overflow:hidden}.wf-table-wrap:hover{border-color:var(--accent-dim)}.wf-table-header{color:var(--text-0);border-bottom:1px solid var(--border-0);justify-content:space-between;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:600;display:flex}.wf-table-count{color:var(--text-3);cursor:pointer;font-size:.58rem;font-weight:400}.wf-table-count:hover{color:var(--accent)}.wf-table{border-collapse:collapse;width:100%;font-size:.6rem}.wf-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border-0);background:var(--bg-4);padding:4px 8px;font-weight:600}.wf-table td{color:var(--text-2);border-bottom:1px solid var(--border-0);padding:4px 8px}.wf-table tr:last-child td{border-bottom:none}.wf-role{border-radius:3px;padding:1px 5px;font-size:.52rem}.wf-role.admin{color:var(--accent);background:#7c9aff26}.wf-role.user{color:var(--text-3);background:#ffffff0d}.wf-pagination{cursor:pointer;justify-content:center;align-items:center;gap:3px;padding:4px 0;display:flex}.wf-pagination:hover .wf-page-num{color:var(--text-1)}.wf-page-btn{color:var(--text-3);border-radius:3px;padding:2px 6px;font-size:.58rem;transition:all .15s}.wf-page-btn:hover{background:var(--accent-glow);color:var(--accent)}.wf-page-num{color:var(--text-3);border-radius:3px;padding:2px 7px;font-size:.6rem;transition:all .15s}.wf-page-num.active{background:var(--accent);color:#fff}.wf-page-num:hover{background:var(--accent-glow);color:var(--accent)}.wf-page-dots{color:var(--text-3);padding:0 2px;font-size:.6rem}.wf-footer{border-top:1px solid var(--border-0);color:var(--text-3);cursor:pointer;background:#1e1e24;justify-content:center;align-items:center;gap:16px;padding:8px 14px;font-size:.6rem;transition:background .15s;display:flex}.wf-footer:hover{background:var(--accent-glow)}.wf-legend{justify-content:center;gap:10px;margin-top:14px;display:flex}.wf-legend-item{color:var(--text-2);background:var(--bg-2);border:1px solid var(--border-0);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;transition:all .15s;display:flex}.wf-legend-item:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-glow)}.wf-mobile-container{flex-direction:column;align-items:center;padding:10px 0 30px;display:flex}.wf-phone{background:#111;border:3px solid #333;border-radius:32px;width:280px;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000080,inset 0 0 0 1px #ffffff0d}.wf-phone-notch{background:#111;justify-content:center;align-items:center;height:26px;display:flex;position:relative}.wf-phone-camera{background:#1a1a2e;border:1px solid #333;border-radius:50%;width:10px;height:10px}.wf-mobile-statusbar{color:#fff;background:var(--bg-3);cursor:pointer;justify-content:space-between;align-items:center;padding:3px 16px;font-size:.6rem;transition:background .15s;display:flex}.wf-mobile-statusbar:hover{background:var(--bg-4)}.wf-mobile-appbar{background:var(--bg-3);border-bottom:1px solid var(--border-0);cursor:pointer;justify-content:space-between;align-items:center;padding:7px 12px;transition:background .15s;display:flex}.wf-mobile-appbar:hover{background:var(--bg-4)}.wf-appbar-btn{width:26px;height:26px;color:var(--text-1);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.wf-appbar-btn:hover{background:var(--accent-glow)}.wf-appbar-title{color:var(--text-0);font-size:.82rem;font-weight:700}.wf-mobile-content{background:var(--bg-2);flex-direction:column;gap:6px;min-height:320px;padding:8px;display:flex;position:relative}.wf-mobile-search{background:var(--bg-3);border:1px solid var(--border-0);color:var(--text-3);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:.68rem;transition:border-color .15s}.wf-mobile-search:hover{border-color:var(--accent-dim)}.wf-mobile-card{background:var(--bg-3);border:1px solid var(--border-0);cursor:pointer;border-radius:8px;gap:8px;padding:8px;transition:border-color .15s;display:flex}.wf-mobile-card:hover{border-color:var(--accent-dim)}.wf-mcard-img{background:var(--bg-4);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;display:flex}.wf-mcard-title{color:var(--text-0);font-size:.72rem;font-weight:600}.wf-mcard-desc{color:var(--text-3);font-size:.58rem;line-height:1.4}.wf-mobile-section{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;padding:4px 4px 2px;font-size:.62rem;font-weight:700}.wf-mobile-listitem{background:var(--bg-3);border:1px solid var(--border-0);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:border-color .15s;display:flex}.wf-mobile-listitem:hover{border-color:var(--accent-dim)}.wf-mlist-icon{background:var(--bg-4);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.wf-mlist-text{color:var(--text-1);flex:1;font-size:.72rem}.wf-mlist-arrow{color:var(--text-3);font-size:.9rem}.wf-mobile-fab{background:var(--accent);color:#fff;cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #7c9aff4d}.wf-mobile-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #7c9aff66}.wf-mobile-tabbar{background:var(--bg-3);border-top:1px solid var(--border-0);cursor:pointer;padding:4px 0 8px;display:flex}.wf-mobile-tabbar:hover{background:var(--bg-4)}.wf-mtab{color:var(--text-3);flex-direction:column;flex:1;align-items:center;gap:1px;padding:2px 0;font-size:.7rem;transition:color .15s;display:flex}.wf-mtab.active{color:var(--accent)}.wf-mtab-label{font-size:.5rem}.wf-drawer-overlay{z-index:10;background:#00000080;animation:.15s fadeIn;position:absolute;inset:0}.wf-drawer{background:var(--bg-3);cursor:pointer;width:200px;padding:0;animation:.2s ease-out slideRight;position:absolute;top:0;bottom:0;left:0;box-shadow:4px 0 16px #0000004d}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.wf-drawer-header{background:var(--bg-4);padding:14px 12px 10px}.wf-drawer-avatar{background:var(--accent-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:6px;font-size:.9rem;display:flex}.wf-drawer-name{color:var(--text-0);font-size:.72rem;font-weight:600}.wf-drawer-email{color:var(--text-3);margin-top:1px;font-size:.56rem}.wf-drawer-divider{background:var(--border-0);height:1px;margin:4px 0}.wf-drawer-item{color:var(--text-2);cursor:pointer;padding:7px 12px;font-size:.68rem;transition:all .15s}.wf-drawer-item:hover{background:var(--accent-glow);color:var(--text-0)}.wf-mobile-extras{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.wf-extra-btn{color:var(--text-2);background:var(--bg-2);border:1px solid var(--border-0);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.72rem;transition:all .15s;display:flex}.wf-extra-btn:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-glow)}.wf-bsheet-overlay{z-index:1001;background:#00000080;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.wf-bsheet{background:var(--bg-2);cursor:pointer;border-radius:14px 14px 0 0;width:100%;max-width:400px;padding:8px 16px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBs}@keyframes slideUpBs{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wf-bsheet-handle{background:var(--border-1);border-radius:2px;width:32px;height:4px;margin:0 auto 10px}.wf-bsheet-title{color:var(--text-0);margin-bottom:4px;font-size:.88rem;font-weight:700}.wf-bsheet-desc{color:var(--text-2);margin-bottom:12px;font-size:.76rem;line-height:1.5}.wf-bsheet-item{color:var(--text-1);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:.78rem;transition:background .15s}.wf-bsheet-item:hover{background:var(--accent-glow)}.wf-bsheet-cancel{text-align:center;color:var(--text-3);cursor:pointer;border-radius:6px;margin-top:8px;padding:8px;font-size:.78rem;transition:background .15s}.wf-bsheet-cancel:hover{background:var(--bg-4)}.uig-intro{text-align:center;margin-bottom:20px}.uig-intro p{color:var(--text-2);font-size:.88rem;line-height:1.7}.uig-intro b{color:var(--text-0)}.uig-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-width:880px;margin:0 auto;display:grid}.uig-card{background:var(--bg-2);border:1px solid var(--border-0);cursor:pointer;border-radius:10px;transition:all .2s;overflow:hidden}.uig-card:hover{border-color:var(--accent-dim);background:var(--bg-3)}.uig-demo{border-bottom:1px solid var(--border-0);background:var(--bg-3);justify-content:center;align-items:center;min-height:60px;padding:16px 12px;display:flex}.uig-card:hover .uig-demo{background:var(--bg-4)}.uig-info{padding:8px 12px}.uig-name{color:var(--text-0);margin-bottom:1px;font-size:.82rem;font-weight:600}.uig-en{color:var(--text-3);font-size:.66rem}@media (width<=700px){.wf-main{flex-direction:column}.wf-sidebar{border-right:none;border-bottom:1px solid var(--border-0);flex-wrap:wrap;gap:0;width:100%;padding:4px 0;display:flex}.wf-sidebar-title{width:100%}.wf-sidebar-item{text-align:center;border-bottom:2px solid #0000;border-left:none;flex:1;padding:4px 8px}.wf-sidebar-item.active{border-left:none;border-bottom-color:var(--accent)}.wf-sidebar-divider{display:none}.wf-cards-row{flex-direction:column}.wf-table{font-size:.52rem}.wf-table th,.wf-table td{padding:3px 4px}.wf-phone{width:260px}.uig-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.dl-intro{margin-bottom:20px}.dl-intro-card{background:var(--bg-2);border:1px solid var(--border-0);cursor:pointer;border-radius:10px;padding:16px 18px;transition:all .2s}.dl-intro-card:hover{border-color:var(--accent-dim);background:var(--bg-3)}.dl-intro-title{color:var(--text-0);align-items:center;gap:8px;margin-bottom:6px;font-size:.92rem;font-weight:600;display:flex}.dl-intro-desc{color:var(--text-2);margin:0;font-size:.82rem;line-height:1.7}.dl-intro-desc b{color:var(--text-0)}.dl-intro-click{color:var(--accent);margin-top:6px;font-size:.72rem;display:block}.dl-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:32px;display:grid}@media (width<=640px){.dl-grid{grid-template-columns:1fr}}.dl-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:10px;padding:18px;transition:all .2s}.dl-card:hover{border-color:var(--border-1);background:var(--bg-3)}.dl-card-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dl-card-name{font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .15s}.dl-card-name:hover{opacity:.8;text-decoration:underline}.dl-card-tag{border:1px solid;border-radius:10px;padding:2px 8px;font-size:.6rem;font-weight:600}.dl-card-meta{color:var(--text-3);gap:5px;margin-bottom:10px;font-size:.66rem;display:flex}.dl-card-desc{color:var(--text-2);margin-bottom:10px;font-size:.82rem;line-height:1.7}.dl-card-desc b{color:var(--text-0)}.dl-card-why{background:var(--bg-3);border-radius:6px;margin-bottom:8px;padding:8px 10px}.dl-card-why-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:.62rem;font-weight:600}.dl-card-why p{color:var(--text-1);margin:0;font-size:.76rem;line-height:1.6}.dl-card-why p b{color:var(--text-0)}.dl-card-good{align-items:center;gap:6px;margin-bottom:6px;display:flex}.dl-card-good-label{color:var(--text-3);font-size:.68rem;font-weight:600}.dl-card-good-text{color:var(--text-1);font-size:.72rem}.dl-card-docs{color:var(--text-3);font-size:.66rem;text-decoration:none;transition:color .15s;display:inline-block}.dl-card-docs:hover{color:var(--accent);text-decoration:underline}.dl-compare-section{background:var(--bg-2);border:1px solid var(--border-0);border-radius:10px;margin-bottom:32px;padding:20px}.dl-compare-title{color:var(--text-0);text-align:center;margin-bottom:14px;font-size:.95rem;font-weight:700}.dl-compare-table-wrap{overflow-x:auto}.dl-compare-table{border-collapse:collapse;width:100%;font-size:.72rem}.dl-compare-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border-1);white-space:nowrap;padding:6px 10px;font-weight:600}.dl-compare-table td{color:var(--text-2);border-bottom:1px solid var(--border-0);padding:6px 10px}.dl-compare-table tr:last-child td{border-bottom:none}.dl-compare-note{text-align:center;color:var(--text-2);margin-top:14px;font-size:.82rem;line-height:1.7}.dl-compare-note b{color:var(--text-0)}.bt-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:16px 0;display:flex}.bt-flow-step{background:var(--bg-3);border:1px solid var(--border-0);text-align:center;border-radius:8px;min-width:90px;padding:10px 14px}.bt-flow-icon{margin-bottom:4px;font-size:1.3rem}.bt-flow-label{color:var(--text-0);font-size:.76rem;font-weight:600}.bt-flow-sub{color:var(--text-3);margin-top:2px;font-size:.6rem}.bt-flow-arrow{color:var(--text-3);font-size:1.1rem;font-weight:700}.bt-category{margin-bottom:24px}.bt-cat-title{color:var(--text-0);margin-bottom:4px;font-size:.92rem;font-weight:700}.bt-cat-desc{color:var(--text-3);margin:0 0 10px;font-size:.76rem}.pg-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pg-label{color:var(--text-3);text-align:right;flex-shrink:0;min-width:90px;font-size:.7rem;font-weight:600}.pg-options{flex-wrap:wrap;gap:5px;display:flex}.pg-chip{border:1px solid var(--border-1);background:var(--bg-3);color:var(--text-2);cursor:pointer;border-radius:14px;padding:4px 10px;font-size:.68rem;font-weight:500;transition:all .15s}.pg-chip:hover{border-color:var(--accent-dim);color:var(--text-0)}.pg-output{background:var(--bg-4);border:1px solid var(--border-0);border-radius:8px;margin-top:16px;overflow:hidden}.pg-output-empty{text-align:center;padding:14px}.pg-output-head{background:var(--bg-3);border-bottom:1px solid var(--border-0);color:var(--text-1);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.72rem;font-weight:600;display:flex}.pg-copy-btn{border:1px solid var(--accent-dim);background:var(--accent-glow);color:var(--accent);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:.64rem;font-weight:600;transition:all .15s}.pg-copy-btn:hover{background:var(--accent);color:var(--bg-0)}.pg-code{color:var(--text-1);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.72rem;line-height:1.7}.pg-cta-banner{cursor:pointer;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1px solid #6366f140;border-radius:10px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.pg-cta-banner:hover{background:linear-gradient(135deg,#6366f12e,#8b5cf62e);border-color:#6366f180}.pg-cta-icon{font-size:1.6rem}.pg-cta-text{flex:1}.pg-cta-title{color:var(--text-0);margin-bottom:2px;font-size:.88rem;font-weight:700}.pg-cta-sub{color:var(--text-3);font-size:.72rem}.pg-cta-arrow{color:var(--text-3);font-size:1.2rem}.pg-fab{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1.4rem;line-height:1;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #6366f166}.pg-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #6366f180}.pg-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pg-modal{background:var(--bg-1);border:1px solid var(--border-1);border-radius:14px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.pg-modal-header{border-bottom:1px solid var(--border-0);color:var(--text-0);justify-content:space-between;align-items:center;padding:16px 20px;font-size:.92rem;font-weight:700;display:flex}.pg-modal-close{border:1px solid var(--border-1);background:var(--bg-3);width:28px;height:28px;color:var(--text-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.pg-modal-close:hover{background:var(--bg-4);color:var(--text-0)}.pg-modal-body{padding:20px}.pg-modal-desc{color:var(--text-2);margin:0 0 16px;font-size:.82rem;line-height:1.7}.pg-modal-desc b{color:var(--text-0)}.pg-desc-section{margin-bottom:14px}.pg-desc-label{color:var(--text-1);margin-bottom:6px;font-size:.76rem;font-weight:600}.pg-textarea{width:100%;min-height:100px;color:var(--text-1);background:var(--bg-3);border:1px solid var(--border-1);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.78rem;line-height:1.6;transition:border-color .15s}.pg-textarea::placeholder{color:var(--text-4)}.pg-textarea:focus{border-color:var(--accent-dim);outline:none}@media (width<=640px){.pg-row{flex-direction:column;align-items:flex-start;gap:4px}.pg-label{text-align:left;min-width:auto}.pg-fab{width:46px;height:46px;font-size:1.2rem;bottom:16px;right:16px}}