:root{--ink:#161b2e;--ink2:#202542;--indigo:#5458d8;--lav:#e3e2ff;--coral:#ff835f;--mint:#6fe6bf;--sand:#f5f3ee;--paper:#fffefa;--muted:#7b8192;--line:#e6e6e9;--w:1420px;--nav:64px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Inter','PingFang SC','Microsoft YaHei',system-ui,sans-serif;background:var(--sand)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input[type=range]{accent-color:var(--indigo)}.site-header{background:var(--paper);border-bottom:1px solid #eae9e6;position:sticky;top:0;z-index:60}.header-inner{height:76px;max-width:var(--w);margin:auto;padding:0 28px;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap}.logo-mark{width:40px;height:40px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:var(--mint);font-size:24px;font-weight:800;position:relative;overflow:hidden}.logo-mark:after{content:'';position:absolute;width:40px;height:40px;border:4px solid var(--coral);border-radius:50%;left:24px;top:12px;opacity:.8}.logo-body b{display:block;letter-spacing:.05em;font-size:16px}.logo-body small{color:var(--muted);display:block;font-size:10px;letter-spacing:.13em;margin-top:4px}.nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.nav a{font-size:14px;color:#666c7d;padding:12px 15px;border-radius:100px;transition:background .2s}.nav a:hover,.nav a[aria-current=page]{background:#efeeff;color:var(--indigo)}.head-cta{display:flex;align-items:center;gap:10px;background:var(--ink);color:white;border:0;border-radius:100px;padding:12px 19px;font-size:13px;font-weight:700}.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:10px}.top-rail{height:5px;background:linear-gradient(90deg,#aeb9ff 0%,#6d6deb 30%,#ff8b72 56%,#ffcb8c 82%,#6fe6bf 100%)}.shell{max-width:var(--w);margin:auto;padding:30px 28px 60px}.mini-label{font-size:12px;letter-spacing:.17em;font-weight:800;color:var(--indigo);text-transform:uppercase}.eyebrow{font-size:12px;letter-spacing:.08em;color:#a7a9ba}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center;margin-bottom:24px}.breadcrumb a:hover{color:var(--indigo)}.front-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:24px}.front-head h1{font-size:clamp(28px,3vw,48px);margin:10px 0 10px;line-height:1.15;letter-spacing:-.035em}.front-head p{font-size:15px;color:#767b8a;line-height:1.8;margin:0;max-width:720px}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dededb;background:white;border-radius:999px;color:#707685;padding:10px 14px;font-size:12px;white-space:nowrap}.status-pill i{width:7px;height:7px;border-radius:50%;background:#59d5a9;display:inline-block;box-shadow:0 0 0 4px #e5f8f1}.app-surface{display:grid;grid-template-columns:68px minmax(0,1fr) 312px;align-items:stretch;border:1px solid #dadbe6;border-radius:20px;box-shadow:0 24px 74px rgba(31,32,66,.09);overflow:hidden;min-height:610px;background:white}.toolbar{background:#292d49;display:flex;flex-direction:column;align-items:center;padding:19px 0;gap:16px}.toolicon{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:54px;color:#aeb5d3;font-size:10px;padding:10px 4px;border-radius:12px}.toolicon span{font-size:22px}.toolicon.active{background:#585c93;color:white}.toolicon:hover{background:#454a70;color:#fff}.workstation{background:#191d33;min-width:0;display:flex;flex-direction:column;color:white}.deck-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #363b54;padding:18px 23px;flex-wrap:wrap}.deck-bar strong{font-size:14px}.deck-tag{color:#b4b7d1;background:#30344c;padding:7px 10px;border-radius:7px;font-size:11px}.media-frame{padding:24px 26px 4px;display:flex;flex-direction:column;gap:18px;flex:1}.dropzone{min-height:106px;border:1.5px dashed #61637d;border-radius:13px;background:radial-gradient(circle at 85% 20%,#29345a,#21243f 65%);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}.dropzone:focus-visible{outline:2px solid var(--mint)}.dropzone.drag{border-color:var(--mint);background:#243b4c}.dropzone h3{font-size:16px;margin:0 0 9px}.dropzone p{font-size:12px;color:#a9aec7;line-height:1.7;margin:0}.chip{padding:10px 14px;border-radius:10px;white-space:nowrap;background:#fb8376;color:#211d37;font-size:12px;font-weight:700}.wave-box{position:relative;min-height:240px;border-radius:15px;background:linear-gradient(180deg,#222842,#181c30);border:1px solid #42465f;overflow:hidden;display:flex;flex-direction:column}.wave-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aeb3d1;padding:13px 17px}.wave-canvas{display:block;width:100%;height:190px;touch-action:none;cursor:crosshair}.ruler{display:flex;justify-content:space-between;padding:8px 15px;border-top:1px solid #363b55;color:#b0b6cc;font-size:11px}.play-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.round-play{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ff9b83;border:0;color:#211d33;font-size:20px}.ctrl-btn{border:1px solid #60657f;background:#303550;color:#f5f5fe;border-radius:10px;padding:10px 14px;font-size:12px}.time-read{color:#c7c9dc;font-variant-numeric:tabular-nums;font-size:13px}.work-hint{color:#9ea4bc;font-size:12px;line-height:1.7;padding-bottom:16px}.inspector{background:#fbfbfc;border-left:1px solid #dedfea;padding:24px 23px;display:flex;flex-direction:column;gap:22px}.inspector h2{font-size:16px;margin:0;letter-spacing:-.02em}.inspector h3{font-size:13px;margin:0 0 9px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:12px;color:#6a7080;font-weight:700}.field input:not([type=range]):not([type=checkbox]),.field select,.field textarea{width:100%;padding:12px;border:1px solid #dedfe7;border-radius:10px;background:#fff;color:#30364d;font-size:13px;outline:none}.field input:focus,.field textarea:focus{border-color:#777bea}.field small{font-size:11px;color:#9296a5}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hr{height:1px;background:#e4e5ed}.range-row{display:flex;align-items:center;gap:13px}.range-row input{width:100%}.range-row output{min-width:48px;text-align:right;font-size:12px;color:#6c7290}.export-btn{background:var(--indigo);color:white;border:0;border-radius:11px;padding:14px 16px;font-size:13px;font-weight:800;width:100%;box-shadow:0 11px 25px rgba(84,88,216,.2)}.export-btn:hover{background:#4144c3}.light-btn{padding:11px 14px;background:white;border:1px solid #e2e3eb;border-radius:9px;font-weight:700;font-size:12px;color:#515875}.warn{border-radius:9px;background:#fff0e6;color:#94572d;padding:10px;font-size:11px;line-height:1.6}.success{background:#e7f9ee;color:#237e55}.features-triptych{margin:30px 0;display:grid;grid-template-columns:1.2fr .95fr .9fr;border:1px solid #e7e5e1;border-radius:18px;overflow:hidden;background:#fff}.feature{padding:28px 30px;border-right:1px solid #e9e8e6;min-height:180px;position:relative}.feature:last-child{border-right:0}.feature small{font-size:11px;color:var(--coral);letter-spacing:.12em;font-weight:800}.feature h3{font-size:20px;margin:18px 0 7px}.feature p{font-size:13px;color:#7d8290;line-height:1.8;margin:0}.feature a{font-size:12px;font-weight:800;color:var(--indigo);display:inline-block;margin-top:12px}.feature .num{position:absolute;top:18px;right:24px;font-size:46px;color:#efeff3;font-weight:800}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:40px 0;border-top:1px solid #e3e2df}.ed-head h2{font-size:28px;margin:10px 0}.ed-head p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.article-index{display:grid;gap:0}.article-link{border-bottom:1px solid #dddcd8;padding:18px 0;display:flex;gap:17px;align-items:center;justify-content:space-between}.article-link b{font-size:15px}.article-link small{display:block;color:#9599a4;margin-top:5px;font-size:12px}.article-link em{font-style:normal;color:var(--indigo)}.footer{background:#171c30;color:#d9def0;padding:36px 0;margin-top:30px}.footer-inner{max-width:var(--w);margin:auto;padding:0 28px;display:flex;justify-content:space-between;gap:30px;align-items:end}.footer-name{font-size:14px;font-weight:800;margin-bottom:9px}.footer p{font-size:12px;color:#99a1b9;line-height:1.8;margin:0}.foot-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#bec6dd;margin-bottom:14px}.icp{font-size:13px;text-decoration:underline;text-underline-offset:4px}.subintro{padding:28px 32px;border-radius:18px;background:linear-gradient(120deg,#2c3155,#222741);color:white;margin:5px 0 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.subintro h1{font-size:30px;margin:7px 0}.subintro p{color:#c9cde5;font-size:14px;line-height:1.7;margin:0}.subintro .badge{background:rgba(255,255,255,.1);border-radius:100px;padding:12px 18px;font-size:12px;color:#d6d9f4}.content-pad{background:white;border:1px solid #e4e4e6;border-radius:18px;padding:26px;margin-bottom:24px}.content-pad h2{font-size:19px;margin:0 0 14px}.content-pad p,.content-pad li{font-size:14px;line-height:1.9;color:#626a78}.two-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.tool-form{display:grid;gap:15px}.tool-form label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#555e71}.tool-form input,.tool-form textarea,.tool-form select{width:100%;padding:11px 12px;border:1px solid #dde0e7;border-radius:10px;background:white;font-size:13px;color:#242b40}.tool-form textarea{min-height:280px;font:12px/1.8 Consolas,'Microsoft YaHei',monospace;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-note{color:#898f9a;font-size:12px;line-height:1.8}.codebox{font-family:Consolas,monospace;white-space:pre-wrap;overflow:auto;background:#20243e;border-radius:12px;color:#c9ddff;padding:18px;font-size:12px;min-height:100px}.statrows{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.statblock{background:#f5f5fb;border:1px solid #ededf5;padding:18px;border-radius:12px}.statblock small{font-size:11px;color:#858ba0;display:block}.statblock strong{display:block;margin-top:12px;color:#28304b;font-size:22px}.text-btn{background:#2d3151;color:#fff;border:0;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:700}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:13px}.table th{color:#8b90a1}.page-title{font-size:34px;margin:6px 0 15px}.rich-text{max-width:900px}.rich-text p{line-height:2;color:#566071}.rich-text h2{font-size:20px;margin:28px 0 5px}.rich-text code{background:#f2efff;color:#5053b2;padding:2px 6px;border-radius:4px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#252946;color:white;padding:13px 20px;border-radius:14px;box-shadow:0 15px 36px #1b203044;font-size:13px;transform:translateY(25px);opacity:0;pointer-events:none;transition:all .24s}.toast.show{opacity:1;transform:translateY(0)}.waveform-visual{width:100%;height:160px;background:#1c2036;border-radius:10px;display:block}.spec-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edeef2;font-size:14px}.spec-row span{color:#8c90a0}.footer a:hover,.nav a:hover{text-decoration:none}.disabled{opacity:.6;pointer-events:none}.field input[type=checkbox]{width:auto}.legend{font-size:11px;color:#989bb6}.hidden{display:none!important}
@media(max-width:1140px){.app-surface{grid-template-columns:59px minmax(0,1fr) 270px}.inspector{padding:18px}.header-inner{gap:15px}.nav a{padding:10px}}
@media(max-width:880px){.header-inner{padding:0 16px;height:66px;gap:12px;flex-wrap:wrap}.logo-body b{font-size:14px}.logo-body small{font-size:9px}.nav{display:none;flex-basis:100%;order:4;justify-content:flex-start;flex-wrap:wrap;background:white;padding:10px 0 14px}.nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.head-cta{display:none}.shell{padding:22px 16px 38px}.front-head{grid-template-columns:1fr}.status-pill{justify-self:start}.app-surface{grid-template-columns:1fr;min-height:unset}.toolbar{flex-direction:row;overflow:auto;justify-content:center;padding:8px}.inspector{border-left:0;border-top:1px solid #dedfea;display:grid;grid-template-columns:1fr 1fr}.inspector h2,.inspector .hr,.inspector .warn,.inspector .export-btn{grid-column:1/-1}.workstation{min-height:475px}.features-triptych{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #e9e8e6}.feature:last-child{border-bottom:0}.editorial,.two-cols{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.subintro{align-items:flex-start}.subintro .badge{display:none}}
@media(max-width:560px){.logo-mark{width:35px;height:35px}.logo-body small{letter-spacing:0}.front-head h1{font-size:30px}.status-pill{white-space:normal}.media-frame{padding:15px}.dropzone{flex-direction:column;align-items:flex-start}.wave-box{min-height:220px}.wave-canvas{height:165px}.inspector{grid-template-columns:1fr}.inspector h2,.inspector .hr,.inspector .warn,.inspector .export-btn{grid-column:auto}.feature{padding:22px}.ed-head h2{font-size:23px}.grid2,.statrows{grid-template-columns:1fr}.subintro{padding:23px}.subintro h1{font-size:25px}.content-pad{padding:19px}.toolicon{flex-shrink:0}.footer-inner{padding:0 16px}}