:root{--theme:#0B3D91;--ink:#07142f;--night:#080f2b;--panel:#101b43;--line:#8795c2;--star:#c9e7ff;--muted:#8f9cbd;--white:#f5f8ff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#16213e;background:#f5f7fc;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{height:36px;background:#06102d;color:#bdc9e7;font-size:12px}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#d7e4ff;margin-left:18px}
.header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e5eaf4}.header-inner{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:var(--ink);white-space:nowrap}.logo img{width:35px;height:35px;object-fit:contain}.main-nav{margin-left:auto}.nav-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:block;padding:27px 12px;font-size:14px;color:#263452;white-space:nowrap}.nav-link:hover,.nav-link:focus{color:var(--theme)}.has-arrow:after{content:"⌄";font-size:12px;margin-left:5px}.dropdown-panel,.mega-menu{position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);width:310px;padding:20px;background:#fff;border:1px solid #e4e9f4;border-radius:0 0 14px 14px;box-shadow:0 18px 40px #12285c18;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.mega-menu{width:720px}.nav-item:hover>.dropdown-panel,.nav-item:focus-within>.dropdown-panel,.nav-item:hover>.mega-menu,.nav-item:focus-within>.mega-menu{opacity:1;visibility:visible;pointer-events:auto}.dropdown-panel:before,.mega-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.panel-title{font-weight:700;color:var(--ink);margin:0 0 10px}.panel-list{display:grid;gap:8px}.panel-list a{font-size:13px;color:#52617e;padding:7px;border-radius:7px}.panel-list a:hover{background:#eef3ff;color:var(--theme)}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mega-card{padding:11px;border:1px solid #e7ebf5;border-radius:10px}.mega-card img{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:6px}.mega-card strong{font-size:13px}.mega-card small{display:block;color:#7e8aa4;font-size:11px;margin-top:5px}.mega-footer{display:block;margin-top:14px;color:var(--theme);font-size:13px;font-weight:700}.header-btns{display:flex;align-items:center;gap:10px;white-space:nowrap}.member-btn{padding:9px 13px;border-radius:8px;background:#edf3ff;color:var(--theme);font-size:13px}.open-btn{padding:10px 15px;border-radius:8px;background:var(--theme);color:#fff;font-size:13px}.hamburger{display:none;width:40px;height:40px;border:1px solid #dbe3f2;background:white;border-radius:8px;padding:9px}.hamburger span{display:block;height:2px;background:var(--ink);margin:5px 0;transition:.2s}
.drawer-overlay{display:none;position:fixed;inset:0;background:#07112dcc;z-index:40}.drawer-overlay.open{display:block}.mobile-drawer{position:fixed;top:0;right:-380px;width:min(380px,90vw);height:100vh;background:#fff;z-index:41;padding:22px;overflow:auto;transition:.3s;box-shadow:-10px 0 35px #0002}.mobile-drawer.open{right:0}.drawer-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e7ebf3}.drawer-head>a{color:var(--theme);font-size:14px}.drawer-head .drawer-close{margin-left:auto;border:0;background:none;font-size:29px;line-height:1;color:#52617e}.drawer-menu{padding-top:12px}.drawer-link,.drawer-toggle{display:block;width:100%;padding:13px 2px;border:0;border-bottom:1px solid #edf0f6;background:none;text-align:left;color:#24324e;font-weight:600}.drawer-group{border-bottom:1px solid #edf0f6}.drawer-toggle:after{content:"＋";float:right;color:var(--theme)}.drawer-toggle.active:after{content:"－"}.drawer-submenu{display:none;padding:3px 0 8px 15px}.drawer-submenu.open{display:block}.drawer-submenu a{display:block;padding:8px 0;color:#6c7891;font-size:13px}
.hero{background:var(--night);color:var(--white);overflow:hidden}.hero-layout-48{padding:78px 0 48px;position:relative;background:radial-gradient(circle at 50% 10%,#192c68 0,#080f2b 48%,#050a20 100%)}.hero-layout-48:before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:42px 42px}.hero-intro{position:relative;z-index:1;text-align:center;max-width:850px;margin:0 auto 40px}.eyebrow{color:#9bc8ff;letter-spacing:4px;font-size:12px;font-weight:700}.hero h1{font-size:clamp(36px,6vw,72px);line-height:1.12;margin:15px 0 18px;letter-spacing:-2px}.hero-intro p{margin:0 auto;color:#b4c2e4;font-size:17px;max-width:680px}.graph-wrap{position:relative;z-index:1;width:min(1180px,calc(100% - 30px));height:440px;margin:auto;border:1px solid #5e6d9d80;border-radius:25px;background:linear-gradient(135deg,#111e48cc,#07102cdd);box-shadow:0 0 80px #173d9150 inset,0 20px 60px #0004;overflow:hidden}.graph-wrap svg{position:absolute;inset:0;width:100%;height:100%}.graph-line{stroke:#8999c6;stroke-width:1.5;opacity:.7}.graph-line.hot{stroke:#74c6ff;stroke-width:2.4}.node{position:absolute;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:#e7f6ff;box-shadow:0 0 8px 3px #8bd6ff}.node:after{content:"";position:absolute;inset:-8px;border:1px solid #8bd6ff55;border-radius:50%}.node.key{width:24px;height:24px;background:#fff;box-shadow:0 0 16px 5px #68c4ff}.node-label{position:absolute;top:21px;left:50%;transform:translateX(-50%);padding:4px 9px;border:1px solid #aac2f277;border-radius:20px;white-space:nowrap;background:#132453dd;color:#d7e9ff;font-size:12px}.node.key .node-label{font-weight:700;color:#fff;border-color:#65c5ff}.graph-note{position:absolute;bottom:18px;left:24px;color:#8999c6;font-size:12px}.hero-actions{position:relative;z-index:2;text-align:center;margin-top:28px}.primary,.secondary{display:inline-block;padding:12px 22px;border-radius:8px;margin:0 5px;font-size:14px}.primary{background:#d8efff;color:#08245d;font-weight:700}.secondary{border:1px solid #8aa1d0;color:#dce9ff}
.section{padding:75px 0}.section-head{text-align:center;margin-bottom:30px}.section-head h2{margin:0 0 8px;font-size:30px;color:var(--ink)}.section-head p{color:#71809d;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;padding:23px;box-shadow:0 8px 25px #18336d08}.card h3{margin:0 0 8px;color:var(--ink);font-size:18px}.card p{color:#6f7c95;font-size:14px;margin:0 0 14px}.text-link{color:var(--theme);font-size:13px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.stat{text-align:center;padding:20px;background:#eef3ff;border-radius:12px}.stat strong{display:block;color:var(--theme);font-size:25px}.stat span{font-size:13px;color:#70809f}.faq{max-width:850px;margin:auto}.faq details{background:#fff;border-bottom:1px solid #e6ebf4;padding:17px 20px}.faq summary{cursor:pointer;font-weight:700;color:var(--ink)}.footer{background:#07112e;color:#aab8d5;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff;font-size:16px;margin:0 0 14px}.footer p,.footer a{font-size:13px;color:#9caaca}.footer a{display:block;margin:7px 0}.footer-brand strong{display:block;color:#fff;font-size:20px;margin-bottom:10px}.footer-bottom{border-top:1px solid #263457;margin-top:35px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px}.home-main{background:#f5f7fc}
@media(max-width:1050px){.main-nav{display:none}.header-btns{margin-left:auto}.hamburger{display:block}.mega-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 28px,var(--max))}.topbar{height:auto;padding:8px 0}.topbar .container{display:block;text-align:center}.topbar a{margin:0 7px}.header-inner{height:65px}.logo{font-size:16px}.member-btn,.open-btn{display:none}.hero-layout-48{padding:55px 0 32px}.hero h1{letter-spacing:-1px}.hero-intro p{font-size:14px}.graph-wrap{height:380px}.node-label{font-size:10px;padding:3px 6px}.cards,.stats{grid-template-columns:1fr}.section{padding:52px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}