:root{color-scheme:dark;--bg:#08090c;--surface:#101116;--surface2:#15161d;--text:#f4f4f6;--muted:#a6a6b5;--line:#292a34;--gold:#d9b98d;--cyan:#8ee4d0;--max:1192px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:24px}.header{position:sticky;top:0;z-index:30;background:rgba(8,9,12,.88);backdrop-filter:blur(20px);border-bottom:1px solid #25252d}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{width:82px;height:29px;object-fit:contain}.wordmark{font-family:Syne,sans-serif;font-weight:700;letter-spacing:.045em;font-size:19px}.links{display:flex;gap:27px;align-items:center}.links a,.footer a{font-size:12px;color:#aaaab6}.links a:hover,.links a[aria-current],.footer a:hover{color:white}.nav-cta,.btn{border:1px solid #e5e5ed;background:#ededf0;color:#111116;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.btn.ghost{background:#14151b;border:1px solid #353540;color:#e0deeb}.eyebrow{font:700 10px Syne,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#d3be9e;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:20px;height:1px;background:#a88f6b}.page-head{padding:95px 0 61px;border-bottom:1px solid #23232c}.page-head h1{font-size:clamp(37px,5vw,63px);line-height:1.21;letter-spacing:-2px;margin:20px 0}.page-head p{color:#9b9ba8;line-height:1.95;max-width:690px;font-size:14px}.soft-gradient{background:linear-gradient(100deg,#fffbf2,#d9b98d 65%,#a88f6b);background-clip:text;color:transparent}.section{padding-top:90px}.section-title{font-size:clamp(26px,3vw,38px);line-height:1.4;letter-spacing:-1.2px;margin:16px 0}.muted{color:#9999a6;line-height:1.85}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card,.visual,.panel{border:1px solid #2b2b35;background:#111217;border-radius:11px}.card{padding:25px;display:flex;flex-direction:column;min-height:205px;transition:border-color .2s,transform .2s}.card:hover{border-color:#676376;transform:translateY(-3px)}.card small,.label{font:700 10px Syne,sans-serif;letter-spacing:1.2px;color:#d3be9e}.card h3{margin:18px 0 8px;font-size:19px;font-weight:600}.card p{font-size:12px;color:#9c9ca9;line-height:1.9;margin:0}.card .foot{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;font-size:11px;color:#d8be99}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:27px 0}.field{background:#15161d;border:1px solid #34343f;border-radius:7px;color:#fff;padding:12px 15px;min-width:210px}.chip{color:#d3be9e;border:1px solid #353540;background:#14151b;border-radius:7px;padding:10px 13px;font-size:12px}.chip[aria-pressed=true]{color:#fff;background:#2b2318;border-color:#8c7554}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:32px}.count{color:#888894;font-size:12px}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px;margin-top:60px}.side{align-self:start;position:sticky;top:102px;border-left:1px solid #2d2e37;padding-left:20px}.side a{display:block;color:#9999a7;padding:12px 0;font-size:12px}.side a:hover,.side a:focus{color:white}.essay{min-width:0}.topic-section{padding:72px 0;border-bottom:1px solid #282832;scroll-margin-top:82px}.topic-section:first-child{padding-top:0}.topic-section h2{font-size:clamp(29px,3.5vw,45px);letter-spacing:-1.4px;margin:13px 0}.topic-section p{font-size:14px;color:#a7a7b3;line-height:2;max-width:710px}.visual{padding:25px;margin-top:32px;background:#111217;#111217;min-height:315px;overflow:hidden}.vis-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid #30303d;margin-bottom:22px}.vis-head strong{font:700 12px Syne,sans-serif;letter-spacing:.5px}.viz-track{display:flex;gap:5px;align-items:stretch;height:105px;margin:28px 0 14px}.ru{border:1px solid #8c7554;background:linear-gradient(180deg,#382c1e,#2b2318);display:grid;place-items:center;min-width:0;border-radius:5px;font-size:11px;transition:all .35s;overflow:hidden}.ru:nth-child(2n){background:linear-gradient(180deg,#31414c,#243039);border-color:#5d8590}.readout{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#c3bfdb}.readout strong{color:#fff}.demo-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-controls label{font-size:12px;color:#b7b7c5}.demo-controls input{accent-color:#d9b98d}.demo-controls select{background:#191a24;border:1px solid #41404e;color:white;padding:8px;border-radius:6px}.node-line{stroke:#b89c74;stroke-width:2;opacity:.8}.network-graph{width:100%;height:auto;max-height:250px}.tip{padding:13px 16px;color:#a7a6b3;font-size:12px;border:1px solid #32313e;background:#15151e;border-radius:7px;line-height:1.8}.product-table{width:100%;border-collapse:collapse;font-size:12px}.product-table th,.product-table td{padding:17px 14px;border-bottom:1px solid #30303a;text-align:left;vertical-align:top}.product-table th{color:#b4afcc;font-weight:600}.table-wrap{overflow-x:auto}.footer{border-top:1px solid #282830;margin-top:115px;padding:43px 0 55px}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer p{color:#888894;font-size:11px}.footer nav{display:flex;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:69px}.placeholder{color:#aaa9b5;text-align:center;font-size:12px;padding:40px}.comparison{min-width:600px}.notice{font-size:12px;color:#b1a7c2;padding:14px 0}.tag{display:inline-flex;font-size:11px;padding:7px 9px;border:1px solid #34343e;border-radius:5px;color:#aaa7c4}.menu-button{display:none;background:transparent;color:white;border:1px solid #34343e;border-radius:6px;padding:8px 12px}@media(max-width:950px){.links{gap:14px}.layout{grid-template-columns:1fr;gap:0}.side{position:static;display:flex;flex-wrap:wrap;border-left:0;border-bottom:1px solid #30303a;padding:0;gap:18px}.side a{padding:8px 0}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(calc(100% - 32px),var(--max))}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#111217;border-bottom:1px solid #33333d;padding:20px;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu-button{display:block}.nav-cta{display:none}.grid{grid-template-columns:1fr}.page-head{padding:70px 0 45px}.page-head h1{letter-spacing:-1px}.visual{padding:16px;min-height:260px}.wordmark{font-size:16px}.brand-mark{width:65px}.section{padding-top:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}