:root{--bg:#07111F;--bg-deep:#050B16;--surface:#101D31;--surface-alt:#172840;--surface-hover:#1D3452;--text:#F7FAFF;--body:#DCE7F7;--muted:#AFC0D5;--brand:#4A83FF;--cyan:#3ED5F1;--violet:#8B75FA;--success:#30C99B;--border:rgba(170,200,248,.16);--shadow:0 18px 42px rgba(0,0,0,.28);--grad:linear-gradient(120deg,#377BFF,#6B70FA)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--body);font:400 16px/1.75 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:break-word}body.has-overlay{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--text);line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(28px,3.7vw,49px);font-weight:800;line-height:1.18}h2{font-size:clamp(22px,2.25vw,31px);font-weight:760}h3{font-size:19px;font-weight:730}p{margin-bottom:18px}button,a{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a:not([class]):hover{color:var(--cyan)}[hidden]{display:none!important}.page-wrap{max-width:1288px;padding-inline:24px;margin-inline:auto;width:100%}.skip-link{position:fixed;top:-70px;left:20px;z-index:300;background:#F5F8FF;color:#14253D;padding:10px 18px;border-radius:10px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:90;width:100%;background:rgba(7,17,31,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{width:100%;max-width:1290px;min-height:73px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:24px}.brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:11px;min-width:0;white-space:nowrap}.brand-image{max-height:36px;max-width:160px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--grad);color:white;box-shadow:0 8px 25px rgba(55,123,255,.2);font-size:25px;line-height:1}.brand-name{font-size:24px;line-height:1;font-weight:840;letter-spacing:.01em;color:var(--text)}.brand-name small,.footer-brand small{font-size:10px;letter-spacing:.16em;color:var(--cyan);font-weight:850;vertical-align:middle}.header-nav{display:flex;align-items:center;justify-content:center;gap:1px;min-width:0;flex:1}.header-nav>a{padding:10px 10px;font-size:13px;white-space:nowrap;border-radius:8px;color:var(--muted);border-bottom:2px solid transparent;line-height:1.3}.header-nav>a:hover,.header-nav>a.is-active{color:#fff;background:rgba(74,131,255,.13);border-bottom-color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:10px}.header-bot,.all-trigger{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 15px;white-space:nowrap;font-weight:700;font-size:13px;border-radius:12px}.header-bot{background:var(--grad);color:white;box-shadow:0 8px 26px rgba(55,123,255,.2)}.header-bot:hover,.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.all-trigger{border:1px solid var(--border);color:var(--body);background:var(--surface)}.all-trigger:hover{background:var(--surface-hover)}.menu-trigger{display:none}.icon-button{width:44px;height:44px;align-items:center;justify-content:center;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:11px}.hamburger{display:flex;flex-direction:column;gap:5px}.hamburger i{display:block;width:21px;height:2px;border-radius:2px;background:var(--text)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:11px 21px;border-radius:12px;font-weight:730;font-size:14px;line-height:1.25;gap:8px;transition:transform .2s,background .2s,border-color .2s}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px rgba(55,123,255,.2)}.btn-subtle{background:rgba(162,188,255,.08);border:1px solid rgba(162,188,255,.27);color:var(--text)}.btn-subtle:hover{border-color:var(--brand);background:rgba(74,131,255,.17)}.btn-outline{border:1px solid var(--border);background:transparent;color:var(--body)}.btn-outline:hover{border-color:var(--cyan)}.eyebrow,.mini-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:21px;height:2px;background:var(--cyan);border-radius:5px}.mini-eyebrow{font-size:11px}.gradient-text{background:linear-gradient(100deg,#79B6FF,#90A7FF,#7BE1F1);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{color:var(--muted);font-size:17px;line-height:1.78}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;padding:5px 11px;border-radius:8px;font-size:12px;color:#BBD9FF;background:rgba(74,131,255,.13);border:1px solid rgba(74,131,255,.16)}.page-section{padding-block:52px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-top>div{max-width:770px}.section-top h2{margin:9px 0 11px}.section-top p{margin:0;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:9px;color:#A4D7FF;font-weight:700;font-size:14px;white-space:nowrap}.text-link:hover{color:white;gap:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow)}.panel-lite{background:var(--surface-alt);border:1px solid var(--border);border-radius:16px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:18px;min-width:0}.card:hover{border-color:rgba(74,131,255,.42);background:#13223A}.card .card-number{font-size:12px;letter-spacing:.13em;color:var(--cyan);font-weight:800}.card h3{font-size:18px;margin:13px 0 10px}.card p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.card a{color:#A9DAFF;font-size:13px;font-weight:750;display:inline-block;margin-top:17px}.card a:hover{color:white}.card-icon{font-size:25px;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:13px;background:rgba(74,131,255,.14);color:#83B7FF}.card-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero{position:relative;padding:62px 0 66px;isolation:isolate}.hero::before{content:"";position:absolute;left:-220px;top:0;height:560px;width:650px;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(67,93,242,.2),transparent 66%)}.hero-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:48px}.hero-text{min-width:0}.hero-text h1{margin:18px 0 20px}.hero-lead{font-size:17px;line-height:1.85;color:#CBD9ED;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.hero-tags{margin-top:30px}.hero-tags .tag{background:rgba(74,131,255,.08)}.hero-note{font-size:12px;color:#97ABC7;line-height:1.7;margin-top:15px}.hero-visual{min-width:0}.hero-visual .visual-frame{aspect-ratio:1.23;min-height:340px}.demo-shell{border:1px solid rgba(143,188,252,.25);border-radius:22px;background:linear-gradient(160deg,#172B47,#0B1424 75%);box-shadow:0 24px 66px rgba(0,0,0,.33);overflow:hidden;position:relative}.demo-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 94% 2%,rgba(85,128,242,.22),transparent 52%)}.demo-toolbar{height:52px;padding:0 19px;display:flex;align-items:center;gap:8px;background:rgba(8,17,31,.47);border-bottom:1px solid rgba(143,188,252,.14)}.demo-toolbar .dot{width:9px;height:9px;border-radius:50%;background:#536C8B}.demo-toolbar strong{margin-left:10px;font-size:13px;color:#D7E5FF}.demo-caption{font-size:11px;color:#9AAECA;border:1px solid rgba(151,178,224,.22);padding:2px 9px;border-radius:7px;margin-left:auto}.demo-body{padding:24px;display:grid;gap:16px;position:relative}.demo-msg{max-width:88%;background:#213A58;color:#E8F4FF;border:1px solid rgba(116,161,227,.2);border-radius:17px 17px 17px 5px;padding:14px 16px;font-size:13px}.demo-msg.user{margin-left:auto;background:linear-gradient(135deg,#2760C6,#315BAA);border-radius:17px 17px 5px 17px}.demo-msg strong{display:block;font-size:13px;color:white;margin-bottom:5px}.demo-pill-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.demo-pill-list span{font-size:11px;background:#15283F;border:1px solid rgba(154,190,247,.2);padding:4px 8px;border-radius:8px}.demo-footer{padding:13px 22px;background:rgba(6,12,23,.53);font-size:12px;color:#A5B9D0;display:flex;justify-content:space-between;gap:15px}.demo-footer strong{color:var(--cyan)}
.visual-frame{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 78% 23%,rgba(95,78,209,.21),transparent 38%),radial-gradient(ellipse at 9% 81%,rgba(45,135,205,.21),transparent 42%),#12223A;border:1px solid var(--border);border-radius:19px;min-height:175px}.visual-wide{aspect-ratio:1.85}.visual-square{aspect-ratio:1.12}.visual-phone{aspect-ratio:3/4;max-height:440px}.visual-slim{aspect-ratio:2.5;min-height:155px}.visual-img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center}.visual-abstract{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.visual-ring{border-radius:50%;border:1px solid rgba(117,167,248,.17);position:absolute;aspect-ratio:1}.visual-ring.one{width:70%;min-width:250px}.visual-ring.two{width:48%;min-width:150px;background:radial-gradient(circle,rgba(65,132,250,.13),transparent 58%)}.visual-searchmark{position:relative;width:73px;height:73px;border:10px solid #5F98F9;border-radius:50%;filter:drop-shadow(0 0 22px rgba(58,115,250,.26));transform:translate(-9px,-9px)}.visual-searchmark::after{content:"";position:absolute;width:48px;height:11px;background:#72D1F4;transform:rotate(46deg);transform-origin:left center;left:53px;top:53px;border-radius:8px}.visual-label{position:absolute;bottom:20px;padding:5px 13px;border:1px solid rgba(153,188,247,.25);border-radius:8px;background:rgba(9,18,32,.65);color:#C2D7F4;font-size:12px;font-weight:700}.visual-frame.visual-phone .visual-searchmark{transform:scale(.8)}
.topic-strip{background:linear-gradient(120deg,#111F33,#172940);border:1px solid var(--border);border-radius:20px;padding:27px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px}.topic-strip h2{margin:0 0 8px}.topic-strip p{font-size:14px;color:var(--muted);margin:0}.step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;counter-reset:steps}.step{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;position:relative;min-width:0}.step .num{display:flex;align-items:center;color:var(--cyan);font-size:37px;font-weight:850;letter-spacing:-.08em;line-height:1}.step h3{margin:18px 0 11px}.step p{color:var(--muted);font-size:14px;margin:0}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.type-grid a{background:#111F33;border:1px solid var(--border);border-radius:16px;padding:22px 20px;min-height:170px;transition:background .2s,border .2s}.type-grid a:hover{background:#182C48;border-color:rgba(94,167,255,.55)}.type-grid .type-icon{display:block;font-size:28px;margin-bottom:8px;color:#85C8FD}.type-grid strong{display:block;color:var(--text);font-size:17px;margin-bottom:6px}.type-grid span:last-child{font-size:13px;line-height:1.7;color:var(--muted)}.editorial-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:25px;align-items:center}.editorial-split.reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.editorial-split.reverse>.visual-frame{order:-1}.editorial-copy>p{color:var(--muted)}.keyword-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.keyword-examples>div{padding:16px 19px;border-radius:13px;background:#15263F;border:1px solid var(--border)}.keyword-examples strong{color:#9ED8FC;display:block;font-size:13px;margin-bottom:6px}.keyword-examples code{font-family:inherit;color:var(--text);font-weight:750}.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.command-card{padding:20px;background:#111F33;border:1px solid var(--border);border-radius:15px;min-width:0}.command-card code{color:#82DFFA;font-size:18px;font-weight:800}.command-card strong{display:block;color:var(--text);margin:11px 0 7px}.command-card p{font-size:13px;color:var(--muted);margin-bottom:14px;line-height:1.65}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.copy-row span{font-size:11px;color:#B4C8E0}.copy-button{min-width:70px;min-height:44px;padding:8px 12px;border:1px solid rgba(123,169,241,.4);border-radius:10px;background:rgba(74,131,255,.12);color:#DAEAFF;font-size:12px;font-weight:740}.copy-button:hover{background:rgba(74,131,255,.3)}.fact-panel{background:#F5F8FF;color:#213552;border-radius:22px;padding:28px 30px}.fact-panel h2,.fact-panel h3{color:#102039}.fact-panel p{color:#334962}.fact-panel .mini-eyebrow{color:#235DCB}.fact-panel a{color:#145CC2;font-weight:800}.fact-panel .list-rows{border-color:rgba(39,80,145,.15)}.fact-panel .list-rows>*{border-color:rgba(39,80,145,.15)}.fact-panel .list-rows strong{color:#18334F}.fact-panel .list-rows p{color:#455771}.help-rail{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:24px}.help-rail h3{margin-bottom:15px}.help-rail a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:14px;color:#C5E0FF;border-top:1px solid var(--border)}.help-rail a:hover{color:#fff}
.page-hero{padding-top:54px;padding-bottom:35px}.page-hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:45px}.page-hero h1{font-size:clamp(27px,3.3vw,41px);max-width:880px;margin:14px 0 15px}.page-hero .lead{max-width:795px}.page-hero .visual-frame{min-height:240px}.breadcrumb{font-size:12px;color:#94B6D4;margin-bottom:9px}.breadcrumb a{color:#9BBFF0}.body-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:26px;align-items:start}.body-main{min-width:0}.body-side{position:sticky;top:100px}.body-section{margin-bottom:26px;min-width:0}.body-section .body-title{margin-bottom:13px;font-size:23px}.body-section>.body-text{font-size:15px;color:#C9D9EE;line-height:1.87}.body-section.variant-flat{padding:26px 29px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.body-section.variant-emphasis{padding:29px 31px;border:1px solid rgba(107,135,247,.38);border-radius:18px;background:linear-gradient(140deg,#192B47,#0E1B30)}.body-section.variant-minimal{padding:10px 13px 15px;border-left:3px solid var(--brand)}.body-section.variant-paper{padding:27px 29px;border-radius:18px;background:#F5F8FF;color:#243A58}.body-section.variant-paper h2,.body-section.variant-paper h3{color:#152940}.body-section.variant-paper>.body-text{color:#3D516C}.body-section.variant-paper .info-item{border-color:rgba(29,78,216,.12);background:#E9F0FA}.body-section.variant-paper .info-item strong{color:#143D83}.body-section.variant-paper .info-item p{color:#465975}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:19px}.info-item{padding:17px 18px;border-radius:13px;background:rgba(38,68,111,.35);border:1px solid var(--border);min-width:0}.info-item strong{display:block;font-size:15px;color:#B1E5FF;margin-bottom:6px}.info-item p{color:#BCD0E8;font-size:13.5px;line-height:1.7;margin:0}.page-cta{margin:37px 0 48px;padding:28px 30px;background:linear-gradient(115deg,#1B3968,#14253E);border:1px solid rgba(93,145,234,.35);border-radius:18px}.page-cta h2{font-size:23px;margin:0 0 12px}.page-cta p{font-size:14px;color:#D3E3F8;max-width:690px}.page-cta .btn{margin:5px 9px 0 0}.related-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.related-links a{color:#CBE5FF;border:1px solid rgba(123,163,232,.25);background:rgba(104,149,237,.08);border-radius:10px;padding:9px 14px;font-size:13px}.related-links a:hover{background:rgba(74,131,255,.25)}.list-rows{display:grid;border-top:1px solid var(--border)}.list-rows>a,.list-rows>div{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 3px;border-bottom:1px solid var(--border)}.list-rows strong{color:var(--text)}.list-rows p{color:var(--muted);font-size:13px;margin:0}.table-shell{border:1px solid var(--border);border-radius:16px;overflow-x:auto;background:var(--surface)}.spec-table{width:100%;border-collapse:collapse;min-width:480px}.spec-table th,.spec-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:14px}.spec-table th{background:#1A2C49;color:#E8F6FF}.spec-table td:first-child{color:#9DDEFA;font-weight:750;white-space:nowrap}.spec-table tr:last-child td{border:0}.section-margin{margin-block:20px 40px}.faq-stack{display:grid;gap:13px}.faq-stack details{background:#101F33;border:1px solid var(--border);padding:0 22px;border-radius:15px}.faq-stack summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--text);cursor:pointer;font-weight:760;list-style:none}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary:after{content:"+";font-size:24px;color:var(--cyan)}.faq-stack details[open] summary:after{content:"−"}.faq-stack details p{font-size:15px;line-height:1.83;color:#D0DFF3;padding-bottom:19px;margin:0}.knowledge-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.knowledge-link{padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--border);min-width:0;display:block}.knowledge-link:hover{background:var(--surface-hover);border-color:var(--brand)}.knowledge-link small{display:block;color:var(--cyan);font-size:12px}.knowledge-link strong{display:block;color:var(--text);font-size:17px;margin:11px 0 9px;line-height:1.4}.knowledge-link span{font-size:13px;color:var(--muted)}.quote-note{padding:22px 25px;border-left:3px solid var(--cyan);border-radius:0 14px 14px 0;background:rgba(62,213,241,.075);color:#D9E7F7}.quote-note strong{color:#B7F0FD}.copy-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,15px);opacity:0;visibility:hidden;background:#D8FEEB;color:#123B2A;padding:13px 18px;border-radius:12px;z-index:280;box-shadow:0 12px 28px rgba(0,0,0,.25);font-weight:700;font-size:13px;transition:.18s;max-width:calc(100vw - 30px);text-align:center}.copy-toast.bad{background:#FFE1E7;color:#6F203D}.copy-toast.visible{visibility:visible;opacity:1;transform:translate(-50%,0)}.guide-filter-wrap{max-width:580px;margin:18px 0 24px}.guide-filter-wrap label{font-size:13px;color:#9FC6EE;display:block;margin-bottom:6px}.guide-filter-wrap input{width:100%;height:48px;border:1px solid rgba(153,192,247,.35);background:#15253A;color:var(--text);padding:0 15px;border-radius:12px;outline-offset:3px}.guide-filter-wrap input::placeholder{color:#93A9C4}
.site-footer{margin-top:48px;background:#050B16;border-top:1px solid var(--border)}.footer-line{height:2px;background:linear-gradient(90deg,transparent,#4A83FF,#3ED5F1,transparent);opacity:.65}.footer-main{display:grid;grid-template-columns:310px minmax(0,1fr);gap:63px;padding-top:57px;padding-bottom:48px}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:white;font-size:22px;font-weight:800}.footer-brand img{height:36px;width:auto;max-width:170px;object-fit:contain}.footer-brand-block p{color:#B5C7DC;font-size:13px;line-height:1.9;margin:17px 0}.footer-brand-block .footer-disclaimer{font-size:12px;color:#98AAC2}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.footer-col h2{font-size:14px;color:#F1F7FF;margin:7px 0 17px;letter-spacing:.01em}.footer-col>a{display:block;font-size:13px;padding:5px 0;color:#A9BBD4}.footer-col>a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border);padding-top:21px;padding-bottom:25px;display:flex;justify-content:space-between;gap:18px;color:#869CB9;font-size:12px}
.ui-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:130;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.ui-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,88vw);max-width:100%;z-index:140;background:#0D1B2E;border-left:1px solid rgba(161,195,245,.23);visibility:hidden;pointer-events:none;transform:translateX(101%);transition:transform .26s,visibility .26s;display:flex;flex-direction:column;box-shadow:-30px 0 70px rgba(0,0,0,.4)}.site-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 24px 17px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-head h2{font-size:24px;margin:5px 0 0}.drawer-close{font-size:26px;background:#1B3050}.drawer-body{overflow-y:auto;overscroll-behavior:contain;padding:6px 24px 30px}.drawer-group{margin:17px 0 27px}.drawer-group h3{font-size:13px;color:var(--cyan);letter-spacing:.07em;margin-bottom:9px}.drawer-link{display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto auto;align-items:center;gap:0 10px;border-bottom:1px solid var(--border);padding:10px 0}.drawer-link strong{font-size:14px;color:#E5EFFF}.drawer-link span{color:#9EBCD9;font-size:12px;line-height:1.5}.drawer-link b{grid-column:2;grid-row:1/span 2;color:#6EA8FA;align-self:center}.drawer-link:hover strong{color:var(--cyan)}.drawer-note{background:#152943;color:#AFC9E7;border:1px solid var(--border);border-radius:12px;padding:15px;font-size:12px}.mobile-bottom{display:none}
@media(max-width:1190px){.header-inner{gap:16px}.header-nav>a{padding:9px 7px;font-size:12px}.header-actions{gap:7px}.header-bot,.all-trigger{padding:9px 10px}.footer-main{gap:37px}}@media(max-width:960px){.header-nav{display:none}.menu-trigger{display:flex;order:0}.brand{order:1}.header-actions{order:2;margin-left:auto}.all-trigger{display:none}.header-bot{font-size:12px}.card-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{gap:24px}.body-layout{grid-template-columns:minmax(0,1fr)}.body-side{position:static;display:none}.footer-main{grid-template-columns:1fr}.footer-links{max-width:900px}.page-hero-inner{gap:21px}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-wrap{padding-inline:16px}.header-inner{min-height:65px;padding:0 16px;gap:10px}.brand-mark{width:34px;height:34px;font-size:22px;border-radius:10px}.brand-name{font-size:20px}.brand-name small{font-size:8px}.brand-image{max-width:130px;max-height:32px}.header-bot{min-height:44px;padding:8px 10px;font-size:12px}.hero{padding:29px 0 38px}.hero-layout,.page-hero-inner,.editorial-split,.editorial-split.reverse{grid-template-columns:1fr;gap:24px}.editorial-split.reverse>.visual-frame{order:0}.hero-text h1{margin:14px 0 18px}.hero-lead{font-size:15px;line-height:1.82}.hero-actions{gap:10px}.hero-actions .btn{flex:1 1 45%;font-size:13px;padding-inline:10px}.hero-tags{margin-top:22px}.hero-visual .visual-frame{min-height:210px;aspect-ratio:1.4}.demo-body{padding:15px;gap:9px}.demo-msg{font-size:12px;padding:11px 12px}.demo-footer{padding:11px 13px;font-size:11px}.page-section{padding-block:29px}.section-top{align-items:flex-start;display:block}.section-top h2{font-size:23px}.section-top .text-link{margin-top:10px}.card-grid,.type-grid,.step-list,.command-grid,.knowledge-index{grid-template-columns:1fr 1fr;gap:11px}.card{padding:18px;border-radius:15px}.card h3{font-size:16px}.card p{font-size:13px}.step{padding:20px}.step h3{font-size:16px}.step .num{font-size:30px}.type-grid a{padding:15px;min-height:140px}.type-grid strong{font-size:15px}.type-grid span:last-child{font-size:12px}.topic-strip{padding:21px;display:block}.topic-strip .btn{margin-top:15px}.page-hero{padding-top:32px;padding-bottom:20px}.page-hero h1{font-size:clamp(26px,7vw,33px)}.page-hero .lead{font-size:15px}.page-hero .visual-frame{max-height:230px;min-height:190px}.body-section.variant-flat,.body-section.variant-emphasis,.body-section.variant-paper{padding:21px 19px}.body-section.variant-minimal{padding-left:12px}.info-grid{grid-template-columns:1fr}.body-section .body-title{font-size:21px}.body-section>.body-text{font-size:15px}.fact-panel{padding:23px 20px}.page-cta{padding:23px 20px}.page-cta .btn{margin-right:6px}.footer-main{padding-top:39px;padding-bottom:35px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-bottom{display:block;padding-bottom:104px}.footer-bottom span{display:block;margin-bottom:5px}.mobile-bottom{position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:54px;padding-bottom:env(safe-area-inset-bottom);background:rgba(8,19,33,.98);border-top:1px solid rgba(155,185,236,.25)}.mobile-bottom a,.mobile-bottom button{border:0;background:none;color:#AABED8;min-width:0;min-height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;font-size:11px;font-weight:700;line-height:1.1;padding:7px 1px 5px}.mobile-bottom span{display:block;font-size:21px;line-height:1.12;margin-bottom:4px}.mobile-bottom .is-current{color:#8ADDF9;background:rgba(74,131,255,.15)}.mobile-bottom a:hover,.mobile-bottom button:hover{color:#fff}.site-drawer{width:min(88vw,440px)}.drawer-head{padding:17px 16px}.drawer-body{padding:3px 16px 27px}.copy-toast{bottom:90px}}
@media(max-width:400px){.header-inner{padding:0 16px;gap:7px}.brand{gap:6px}.brand-mark{width:30px;height:30px;font-size:20px}.brand-name{font-size:18px}.brand-name small{font-size:7px}.header-bot{padding-inline:9px}.header-bot span{display:none}.card-grid,.type-grid,.command-grid,.knowledge-index{grid-template-columns:1fr}.step-list{grid-template-columns:1fr}.type-grid a{min-height:135px}.hero-actions{flex-direction:column}.hero-actions .btn{flex:auto}.keyword-examples{grid-template-columns:1fr}.demo-toolbar{padding:0 12px}.demo-toolbar strong{font-size:12px}.demo-caption{font-size:10px}.footer-links{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Width-constrained media frames: aspect-ratio must not impose intrinsic viewport overflow. */
.hero-layout>*,.page-hero-inner>*,.editorial-split>*,.body-layout>*,.card-grid>*,.step-list>*,.type-grid>*{min-width:0}
.visual-frame{width:100%;max-width:100%;min-width:0;min-height:0}
.page-hero .visual-frame,.hero-visual .visual-frame{min-height:0}
/* Hide the closed drawer and overlay immediately so they never trap invisible clicks. */
.site-drawer{transition:transform .26s ease}
.ui-overlay{transition:opacity .22s ease}
@media(max-width:700px){.page-hero .visual-frame,.hero-visual .visual-frame{min-height:0}}
.hero::before{left:0;width:min(650px,100%)}