:root{--bg:#F6F4FC;--deep:#E8F2FA;--paper:#FFFFFF;--ink:#2A2D4A;--text:#3A3E58;--muted:#6A6E88;--soft:#8A8EAA;--purple:#7B6BB5;--blue:#6BA3D6;--lilac:#C9B8E8;--mist:#B8D4F0;--peach:#E8B4B8;--border:rgba(42,45,74,.12);--shadow:0 14px 34px rgba(42,45,74,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1140px,calc(100% - 32px));margin:0 auto}.top-fixed{position:fixed;inset:0 0 auto 0;z-index:1000}.brand-line{height:7px;background:linear-gradient(90deg,var(--purple),var(--blue));color:#fff;font-size:10px}.brand-line-inner{height:7px;display:flex;align-items:center;justify-content:space-between;overflow:visible}.brand-line-inner>span{transform:translateY(9px);background:linear-gradient(90deg,var(--purple),var(--blue));padding:1px 8px;border-radius:0 0 6px 6px;white-space:nowrap}.text-button{transform:translateY(9px);border:0;background:var(--ink);color:#fff;border-radius:0 0 6px 6px;padding:1px 10px;cursor:pointer}.brand-station{height:48px;background:#fff;border-bottom:1px solid rgba(201,184,232,.65)}.station-inner{height:48px;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;min-width:120px;font-weight:800;color:var(--ink)}.brand-logo img,.footer-brand img,.menu-title img{max-height:24px;max-width:170px;object-fit:contain}.station-actions{display:flex;gap:8px}.station-button,.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);padding:0 16px;border-radius:12px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.station-button.primary,.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.main-nav{height:44px;background:#fff;border-bottom:1px solid var(--border)}.nav-row{height:44px;display:flex;align-items:center;justify-content:center;gap:18px}.nav-row>a{padding:9px 2px 7px;color:var(--ink)}.nav-row>a.active{color:var(--purple);border-bottom:2px solid var(--blue)}.nav-row>span{width:1px;height:16px;background:var(--mist)}.site-main{padding-top:115px}.section{padding:40px 0}.section.alt{background:var(--deep)}.section.paper{background:#fff}.hero{padding:28px 0 44px}.hero-card,.content-card,.info-card,.split-card,.grid-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.hero-card{padding:22px;text-align:center}.media-slot{background:linear-gradient(135deg,rgba(201,184,232,.22),rgba(184,212,240,.36));border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-media{min-height:180px;max-height:210px}.media-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hero-media img{max-height:210px}.eyebrow{color:var(--purple);font-weight:800;letter-spacing:.08em}.hero h1,.page-head h1{font-size:clamp(28px,4vw,32px);line-height:1.25;color:var(--ink);margin:10px 0 14px}.hero p,.page-head p{max-width:760px;margin:0 auto;color:var(--muted)}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.section h2{margin:0 0 16px;color:var(--ink);font-size:25px}.section h3{color:var(--ink);margin:0 0 8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.split-card{padding:18px}.split-card .media-slot{height:170px;margin-bottom:14px}.content-card{padding:22px}.content-card .media-slot{height:170px;margin-top:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-card{padding:14px}.grid-card .media-slot{height:150px;margin-bottom:12px}.grid-card p{font-size:15px}.single-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:center}.single-feature .media-slot{height:180px}.app-feature{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center}.app-feature .app-image{max-height:420px;min-height:320px}.app-feature .app-image img{max-height:420px}.mark-row{display:flex;align-items:center;gap:12px;margin-top:18px}.mark-row img{width:64px;height:64px;object-fit:contain}.page-head{padding:38px 0 24px}.page-head .inner{background:linear-gradient(135deg,rgba(201,184,232,.22),rgba(184,212,240,.45));padding:26px;border-radius:16px;border:1px solid var(--border)}.article{padding:8px 0 42px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.article-main,.side-box{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.article-main{padding:26px}.article-main section+section{margin-top:28px}.article-main h2{font-size:23px}.article-main p{margin:10px 0}.article-main ul{padding-left:1.2em}.side-box{padding:18px;align-self:start;position:sticky;top:130px}.side-box a{display:block;padding:9px 0;border-bottom:1px solid var(--border);color:var(--ink)}.fact-box,.comment-box,.notice{padding:16px;border-radius:14px;margin:16px 0}.fact-box{background:#eef7fd;border:1px solid rgba(107,163,214,.35)}.comment-box{background:#f5effd;border:1px solid rgba(123,107,181,.28)}.notice{background:#fff7f5;border-left:4px solid var(--peach)}.faq-list{display:grid;gap:14px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.faq-item h2{font-size:18px;margin-bottom:8px}.site-footer{background:var(--ink);color:#E8E4F6;padding:38px 0 calc(76px + env(safe-area-inset-bottom))}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.footer-brand img{filter:brightness(0) invert(1);opacity:.95}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{font-size:12px;color:var(--lilac)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-grid h3{color:#fff;margin:0 0 10px}.footer-grid a{display:block;padding:4px 0;color:#E8E4F6}.footer-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);color:var(--lilac)}.copyright{margin-top:12px;font-size:13px;color:#d7d1e7}.overlay{position:fixed;inset:0;background:rgba(25,27,45,.45);z-index:1200;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.brand-menu,.search-panel{position:fixed;z-index:1300;left:50%;top:55px;transform:translateX(-50%) translateY(-8px);background:#fff;border:1px solid var(--border);border-top:3px solid var(--purple);box-shadow:0 24px 60px rgba(42,45,74,.22);visibility:hidden;opacity:0;pointer-events:none;transition:.2s;border-radius:0 0 16px 16px}.brand-menu.open,.search-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.brand-menu{width:min(640px,calc(100% - 32px));max-height:calc(100vh - 70px);overflow:auto}.menu-head,.search-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.menu-title{display:flex;align-items:center;gap:10px;color:var(--ink)}.close-button{min-height:44px;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:10px;padding:0 14px;cursor:pointer}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;padding:16px}.menu-grid h3{color:var(--purple);margin:4px 0}.menu-grid a{display:block;padding:7px 0}.menu-grid b,.menu-grid span{display:block}.menu-grid b{color:var(--ink)}.menu-grid span{color:var(--muted);font-size:13px}.search-panel{width:min(420px,calc(100% - 32px));padding-bottom:16px}.search-appearance{margin:16px;background:var(--deep);border-radius:12px;padding:14px;color:var(--ink)}.search-links{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px}.search-links a{border:1px solid var(--blue);border-radius:10px;padding:8px 10px;color:var(--ink)}.panel-open{overflow:hidden}.mobile-bottom{display:none}.btn:hover,.station-button:hover,.search-links a:hover,.nav-row a:hover,.footer-grid a:hover{filter:brightness(.97)}a:focus-visible,button:focus-visible{outline:3px solid rgba(107,163,214,.55);outline-offset:2px}@media(max-width:820px){.main-nav{display:none}.site-main{padding-top:68px}.brand-line-inner>span,.text-button{transform:translateY(8px)}.grid-4{grid-template-columns:1fr 1fr}.article-grid,.single-feature,.app-feature{grid-template-columns:1fr}.side-box{position:static}.app-feature .app-image{max-height:360px}.footer-grid{grid-template-columns:1fr 1fr}.brand-menu{top:55px;height:60vh}.menu-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:1100;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;min-height:50px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(42,45,74,.08)}.mobile-bottom a{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink)}.mobile-bottom a.active{background:var(--purple);color:#fff}.site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}@media(max-width:560px){.wrap{width:min(100% - 32px,1140px)}.station-button{padding:0 11px}.hero-card,.content-card,.article-main{padding:18px}.split,.grid-4{grid-template-columns:1fr}.split-card .media-slot,.content-card .media-slot,.grid-card .media-slot,.single-feature .media-slot{height:160px}.menu-grid{grid-template-columns:1fr}.brand-menu{width:calc(100% - 16px)}.search-panel{width:calc(100% - 16px)}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.page-head{padding-top:24px}.brand-logo{min-width:0}.brand-logo img{max-width:140px}}