:root{--bg:#07111A;--deep:#050B12;--panel:#0D1B2A;--panel2:#102538;--card:#132B3E;--text:#D7E2EA;--muted:#9CB0C0;--soft:#748A9D;--blue:#2F80ED;--blue2:#56A8F5;--blue3:#174A7E;--cyan:#2A9DAD;--line:rgba(86,168,245,.20);--shadow:0 14px 36px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain;object-position:center}.container{width:min(1080px,calc(100% - 32px));margin:auto}.reading{width:min(820px,100%)}.topbar{position:fixed;z-index:90;top:0;left:0;right:0;height:18px;background:var(--deep);border-bottom:1px solid rgba(255,255,255,.04)}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.topbar button{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.brandbar{position:fixed;z-index:89;top:18px;left:0;right:0;height:54px;background:rgba(13,27,42,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brandbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.brandmark{display:flex;align-items:center;gap:9px;font-weight:700;color:#F4F8FC}.brandmark img{height:24px;width:auto}.brand-actions{display:flex;align-items:center;gap:8px}.nav-action,.menu-toggle{min-height:44px;border:1px solid var(--line);background:#0b1a28;color:#fff;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.quicknav{position:fixed;z-index:88;top:72px;left:0;right:0;background:rgba(7,17,26,.95);border-bottom:1px solid rgba(86,168,245,.12)}.quicknav .container{height:44px;display:flex;align-items:center;gap:8px}.quicknav a{padding:6px 12px;border-radius:9px;color:var(--muted);font-size:14px}.quicknav a:hover,.quicknav a.is-current{background:linear-gradient(135deg,#174A7E,#2F80ED);color:white;box-shadow:0 6px 16px rgba(47,128,237,.24)}main{padding-top:134px;min-height:70vh}section{padding:46px 0;border-bottom:1px solid rgba(86,168,245,.08)}h1,h2,h3{margin:0 0 14px;color:#F4F8FC;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.eyebrow{font-size:13px;color:var(--blue2);letter-spacing:.05em;margin-bottom:8px}.lead{font-size:16px;color:#C9D8E3}.muted{color:var(--muted)}.hero{padding:56px 0 42px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.hero-copy{padding:14px 0}.hero-visual{min-height:250px;background:linear-gradient(145deg,#0D1B2A,#102538);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:22px;box-shadow:var(--shadow)}.hero-visual img{max-height:230px;width:100%}.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{min-height:42px;padding:9px 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:14px;transition:.18s}.btn-primary{background:linear-gradient(135deg,#56A8F5 0%,#2F80ED 52%,#174A7E 100%);color:#fff;box-shadow:0 6px 16px rgba(47,128,237,.24)}.btn-secondary{background:#0B1824;color:#EAF3FA}.btn:hover{filter:brightness(1.08);box-shadow:0 0 0 3px rgba(86,168,245,.20),0 10px 24px rgba(47,128,237,.22)}.btn:active{filter:brightness(1.12)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #56A8F5;outline-offset:2px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.content-aside{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.card{background:var(--card);border:1px solid rgba(86,168,245,.16);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.card.soft{background:var(--panel)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.media{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px;min-height:210px;display:flex;align-items:center;justify-content:center}.media img{max-height:300px;width:100%}.app-media{width:min(100%,280px);height:350px;margin:auto}.app-media img{max-height:320px}.banner{width:100%;min-height:200px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:center}.banner img{max-height:200px;width:100%}.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.tag{font-size:12px;color:#CFE7FB;border:1px solid var(--line);background:#0B1C2A;border-radius:999px;padding:5px 10px}.list{display:grid;gap:10px}.list a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#0C1B29;border:1px solid rgba(86,168,245,.14);border-radius:10px}.list a:hover{border-color:rgba(86,168,245,.35)}.note{padding:14px 16px;border-left:3px solid var(--blue2);background:#0B1926;border-radius:0 10px 10px 0;color:#C9D8E3}.steps{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.step h3:before{content:counter(step) ". ";color:var(--blue2)}.faq{display:grid;gap:12px}.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.faq-item h2,.faq-item h3{margin-bottom:8px}.site-footer{background:#040A10;border-top:1px solid var(--line);padding:36px 0 78px;font-size:13px;color:#C9D8E3}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:26px}.footer-links{display:grid;gap:8px}.footer-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:700}.footer-brand img{height:24px}.fineprint{margin-top:26px;padding-top:18px;border-top:1px solid rgba(86,168,245,.12);color:var(--muted)}.overlay{position:fixed;inset:0;z-index:120;background:rgba(1,6,12,.66);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-panel,.search-panel{position:fixed;z-index:121;top:82px;right:max(16px,calc((100vw - 1080px)/2));width:min(440px,calc(100vw - 32px));max-height:68vh;overflow:auto;background:#0B1824;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:.18s}.menu-panel.is-open,.search-panel.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-brand{display:flex;align-items:center;gap:8px}.panel-brand img{height:24px}.close-btn{width:44px;height:44px;border:1px solid var(--line);background:#0D1B2A;color:white;border-radius:10px;cursor:pointer}.menu-groups{display:grid;gap:18px}.menu-group h3{color:var(--blue2);margin-bottom:8px}.menu-group .list a{font-size:14px}.menu-group small{color:var(--muted);display:block}.searchbox{display:flex;gap:8px}.searchbox input{flex:1;min-width:0;background:#07111A;border:1px solid var(--line);border-radius:10px;color:#fff;padding:12px}.search-results{display:grid;gap:8px;margin-top:14px}.search-results a{padding:12px;border:1px solid rgba(86,168,245,.14);border-radius:10px;background:#0C1B29}.mobilebar{display:none}.body-lock{overflow:hidden}
@media(max-width:780px){main{padding-top:82px}.quicknav{display:none}.hero{padding-top:34px}.hero-grid,.split,.content-aside,.cards,.cards.three,.footer-grid{grid-template-columns:1fr}.hero-visual{min-height:180px}.hero-visual img{max-height:180px}.site-footer{padding-bottom:92px}.mobilebar{position:fixed;z-index:87;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:50px;padding-bottom:env(safe-area-inset-bottom);background:rgba(4,10,16,.98);border-top:1px solid var(--line)}.mobilebar a{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.mobilebar a.is-current{background:linear-gradient(180deg,#174A7E,#0D1B2A);color:white;box-shadow:0 -4px 16px rgba(47,128,237,.18)}.menu-panel,.search-panel{top:72px;right:16px;max-height:calc(100vh - 88px)}.search-panel{left:16px;width:auto}.brandmark span{font-size:16px}.nav-action{padding:0 10px}}
@media(max-width:420px){.brand-actions{gap:6px}.nav-action,.menu-toggle{padding:0 9px;font-size:13px}.container{width:min(100% - 32px,1080px)}section{padding:36px 0}}