:root{--bg:#F1F4F8;--side:#101725;--hero:#18243A;--btn:#FFB84D;--btnText:#1A1306;--white:#fff;--dtext:#C8D2E2;--ltitle:#172238;--ltext:#4C596B;--blue:#4777F5;--card:#fff;--border:#DCE2EC;--foot:#0D1421}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;background:var(--bg);color:var(--ltext);line-height:1.82;overflow-x:hidden}img{max-width:100%;height:auto;object-fit:contain;display:block}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--side);color:var(--dtext);padding:28px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand img{display:block;width:auto;height:38px;max-width:180px;max-height:42px;object-fit:contain;flex-shrink:0}.side-nav{display:flex;flex-direction:column;gap:14px}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;border:1px solid transparent}.btn-primary{background:var(--btn);color:var(--btnText)}.btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.36)}.content{padding:26px}.hero{background:var(--hero);color:var(--dtext);border-radius:30px;padding:34px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.hero h1,.section h2{margin:0 0 14px;line-height:1.15}.hero h1{font-size:clamp(34px,4.2vw,56px);color:#fff}.hero figure{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:18px}.hero figure img{max-height:460px;margin:0 auto}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.download-band{margin-top:26px;background:#FFB84D;color:#1A1306;border-radius:22px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700}.section{padding:44px 0}.section h2{color:var(--ltitle)}.system-grid,.numbers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-grid article,.numbers article,.timeline article,.faq details{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px}.light{background:#fff;border-radius:28px;padding:32px}.timeline{display:grid;gap:16px}.timeline article{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}.timeline span{width:64px;height:64px;border-radius:20px;background:#E9EFFD;color:var(--blue);display:grid;place-items:center;font-size:28px;font-weight:700}.numbers article strong{font-size:44px;color:var(--blue)}.text-link{display:inline-block;margin-top:8px;text-decoration:underline;color:var(--blue)}.faq details{margin-bottom:12px}.faq summary{cursor:pointer;font-weight:700;color:var(--ltitle)}.foot{background:var(--foot);color:#D4DAE7;padding:22px 24px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:88px}.mobile-bar{display:none}
@media (max-width:1024px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap}.side-nav{display:none}.menu-toggle{display:inline-flex;margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;height:40px;padding:0 14px}.hero-grid,.system-grid,.numbers{grid-template-columns:1fr}.download-band{flex-direction:column;align-items:flex-start}.side-nav.open{display:flex;flex-basis:100%;background:#141D2C;border-radius:18px;padding:12px}}
@media (max-width:768px){.content{padding:14px}.hero{padding:24px}.actions{flex-direction:column}.btn{width:100%}.hero figure img{max-height:300px}.timeline article{grid-template-columns:56px 1fr}.foot{flex-direction:column;align-items:flex-start}.mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;padding:10px 14px;background:#fff;border-top:1px solid var(--border);min-height:64px}body{padding-bottom:78px}}
@media (max-width:520px){.hero h1{font-size:32px}}

.site-brand,.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:max-content}
.site-logo,.brand img{display:block;width:auto;height:38px;max-width:180px;max-height:42px;object-fit:contain;flex-shrink:0}
@media (max-width:768px){.site-logo,.brand img{width:auto;height:32px;max-width:150px}}