:root{
      --theme:#0B3D91;
      --bg:#07100d;
      --panel:#0d1915;
      --panel-2:#12231c;
      --line:#244235;
      --green:#71f0a5;
      --green-2:#22c875;
      --amber:#f4b942;
      --text:#eef8f0;
      --muted:#8da99a;
      --white:#fff;
      --container:1200px;
      --radius:14px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#f4f7f5;color:#15231b;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.6}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 40px));margin:auto}
    .topbar{height:34px;background:#07100d;color:#9db7a6;font-size:12px;border-bottom:1px solid #17271e}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .topbar strong{color:var(--green);font-weight:600}
    .topbar-links{display:flex;gap:22px}
    .header{height:76px;background:#fff;border-bottom:1px solid #e5ece7;position:relative;z-index:20}
    .header-inner{height:100%;display:flex;align-items:center;gap:30px}
    .logo{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:800;color:#10241a;font-size:18px}
    .logo img{width:34px;height:34px;object-fit:contain}
    .main-nav{flex:1;height:100%}
    .nav-list{height:100%;display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
    .nav-item{height:100%;display:flex;align-items:center;position:relative}
    .nav-link{padding:9px 14px;font-size:14px;color:#31433a;white-space:nowrap}
    .nav-link:hover,.nav-item:focus-within>.nav-link{color:var(--theme)}
    .has-arrow:after{content:"⌄";font-size:12px;margin-left:7px;color:#799084}
    .dropdown-panel,.mega-menu{position:absolute;top:calc(100% - 1px);left:0;background:#fff;border:1px solid #e2ebe5;border-radius:0 0 12px 12px;box-shadow:0 18px 45px #10251a18;opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s;z-index:30}
    .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;transform:none}
    .dropdown-panel{width:280px;padding:14px}
    .dropdown-panel a{display:block;padding:9px 10px;border-radius:7px;font-size:13px}
    .dropdown-panel a:hover{background:#f0f6f2;color:var(--theme)}
    .mega-menu{width:760px;padding:22px;left:50%;transform:translate(-30%,7px)}
    .nav-item:hover>.mega-menu,.nav-item:focus-within>.mega-menu{transform:translate(-30%,0)}
    .mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .mega-title{font-size:12px;color:#82958a;margin:0 0 8px;font-weight:bold}
    .mega-card{display:flex;gap:10px;padding:10px;border:1px solid #edf2ee;border-radius:9px;font-size:12px}
    .mega-card:hover{border-color:#9fc6ad;background:#f7fbf8}
    .mega-card img{width:34px;height:34px;object-fit:contain;border-radius:6px}
    .mega-card b{display:block;color:#1d3328;margin-bottom:2px}
    .mega-card small{display:block;color:#82958a}
    .mega-footer{display:inline-block;margin-top:16px;color:var(--theme);font-size:13px;font-weight:bold}
    .header-btns{display:flex;align-items:center;gap:12px;white-space:nowrap}
    .member-link{font-size:13px;color:var(--theme);font-weight:bold}
    .account-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--theme);color:#fff;border-radius:7px;padding:10px 17px;font-size:13px;font-weight:bold}
    .hamburger{display:none;border:0;background:none;padding:7px;cursor:pointer}
    .hamburger span{display:block;width:23px;height:2px;background:#173025;margin:5px 0;transition:.2s}
    .hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .hamburger.active span:nth-child(2){opacity:0}
    .hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .drawer-overlay{display:none}
    .mobile-drawer{display:none}

    .hero{background:var(--bg);color:var(--text);padding:0 0 52px;overflow:hidden}
    .hero-layout-18 .market-strip{height:43px;background:#0b1711;border-bottom:1px solid #1d382a;display:flex;align-items:center;overflow:hidden;white-space:nowrap}
    .ticker-track{display:flex;gap:27px;min-width:max-content;padding-left:20px;font-family:Consolas,monospace;font-size:12px}
    .ticker-item{color:#acc4b3}.ticker-item b{color:#f0f8f1;margin-right:7px}.up{color:var(--green)}.down{color:#ff9073}.warning{color:var(--amber)}
    .hero-intro{text-align:center;padding:58px 20px 34px}
    .eyebrow{color:var(--green);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-family:Consolas,monospace}
    .hero h1{max-width:780px;margin:12px auto 13px;font-size:clamp(34px,5vw,64px);line-height:1.13;letter-spacing:-2px}
    .hero-intro p{max-width:650px;margin:0 auto;color:#9bb3a4;font-size:16px}
    .hero-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}
    .hero-actions .primary-btn{background:var(--green);color:#06120c}
    .ghost-btn{border:1px solid #3b5c49;color:#c9dfd0;border-radius:7px;padding:9px 17px;font-size:13px}
    .quote-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .quote-card{background:linear-gradient(145deg,#112219,#09120e);border:1px solid #234533;border-radius:11px;padding:17px;min-height:130px;position:relative}
    .quote-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--green-2);border-radius:11px 0 0 11px}
    .quote-card.alert:before{background:var(--amber)}
    .quote-head{display:flex;justify-content:space-between;color:#9ab4a3;font:12px Consolas,monospace}
    .quote-price{font:700 25px Consolas,monospace;color:#f1fff4;margin:9px 0 2px}
    .quote-change{font:12px Consolas,monospace}
    .mini-bars{height:26px;display:flex;align-items:end;gap:3px;margin-top:12px}
    .mini-bars i{display:block;width:8px;background:var(--green-2);opacity:.7}
    .quote-card.alert .mini-bars i{background:var(--amber)}
    .hero-note{color:#718b7c;font-size:11px;text-align:right;margin-top:12px;font-family:Consolas,monospace}

    .section{padding:76px 0}
    .section-dark{background:#0b1711;color:#edf7ef}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
    .section-head h2{margin:0;font-size:30px;line-height:1.2}
    .section-head p{margin:7px 0 0;color:#7c9485;font-size:14px}
    .more-link{color:var(--theme);font-size:13px;font-weight:bold}
    .dark-more{color:var(--green)}
    .broker-grid,.tool-grid,.product-grid,.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .broker-card,.tool-card,.product-card,.video-card{background:#fff;border:1px solid #e3ebe5;border-radius:12px;padding:19px;transition:.2s}
    .broker-card:hover,.tool-card:hover,.product-card:hover,.video-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #173d2720}
    .broker-card strong{font-size:17px}.rating{float:right;color:#bd7a00;font-size:12px}
    .broker-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;color:#708579;font-size:12px}
    .broker-meta b{display:block;color:#21382a;font-size:13px}
    .card-link{color:var(--theme);font-size:13px;font-weight:bold}
    .news-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
    .news-feature,.news-list{background:#fff;border:1px solid #e3ebe5;border-radius:12px;padding:22px}
    .news-feature h3{font-size:23px;margin:10px 0}.news-feature p,.news-list p{color:#708579;font-size:14px}
    .news-list article{padding:12px 0;border-bottom:1px solid #edf2ee}.news-list article:last-child{border:0}
    .news-list h4{margin:0;font-size:15px}.news-list time{color:#96a79c;font-size:11px}
    .tool-card{display:flex;gap:13px;align-items:flex-start}.tool-card img{width:42px;height:42px;object-fit:contain}
    .tool-card h3,.product-card h3,.video-card h3{margin:0 0 5px;font-size:16px}.tool-card p,.product-card p,.video-card p{margin:0;color:#718579;font-size:13px}
    .product-card img,.video-card img{height:145px;width:100%;object-fit:cover;border-radius:8px;margin-bottom:14px;background:#eaf1ec}
    .video-card{position:relative}.video-card .duration{position:absolute;top:128px;right:28px;background:#07100dcc;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px}
    .faq-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-item{background:#102219;border:1px solid #274637;border-radius:9px;padding:17px}.faq-item summary{cursor:pointer;color:#dceee1;font-weight:bold}.faq-item p{color:#91aa9a;font-size:13px;margin:10px 0 0}
    .cta{background:var(--theme);color:#fff;text-align:center;padding:58px 20px}.cta h2{margin:0 0 10px;font-size:30px}.cta p{margin:0 0 22px;color:#d7e4fa}.cta .primary-btn{background:#fff;color:var(--theme);display:inline-flex}

    .footer{background:#07100d;color:#a3b8aa;padding:52px 0 20px;border-top:1px solid #183023}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;padding-bottom:35px}
    .footer-brand{color:#ecf8ef}.footer-brand h3{margin:0 0 9px;color:#fff}.footer-brand p{font-size:13px;color:#8aa294}
    .footer h4{margin:0 0 14px;color:#e2f0e5;font-size:14px}.footer a{display:block;font-size:13px;margin:8px 0;color:#92a99a}.footer a:hover{color:var(--green)}
    .footer-bottom{border-top:1px solid #1b3225;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}

    @media(max-width:980px){
      .main-nav{display:none}.hamburger{display:block}.header-btns{margin-left:auto}
      .mobile-drawer{display:block;position:fixed;z-index:60;right:-360px;top:0;width:min(350px,88vw);height:100vh;background:#fff;transition:.25s;overflow:auto}
      .mobile-drawer.open{right:0}.drawer-overlay{position:fixed;z-index:50;inset:0;background:#07100d99}.drawer-overlay.open{display:block}
      .drawer-head{height:76px;padding:18px 20px;border-bottom:1px solid #e7eee9;display:flex;align-items:center;gap:18px}.drawer-head a{color:var(--theme);font-size:13px}.drawer-head a:first-child{margin-right:auto;font-weight:bold}.drawer-close{border:0;background:none;font-size:28px;color:#52665a}
      .drawer-menu{padding:12px 20px}.drawer-link,.drawer-toggle{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #edf2ee;background:none;text-align:left;font-size:14px;color:#24382b}.drawer-toggle:after{content:"＋";float:right;color:#83948a}.drawer-toggle.active:after{content:"－"}.drawer-submenu{display:none;padding:5px 0 8px 15px}.drawer-submenu.open{display:block}.drawer-submenu a{display:block;padding:8px 0;color:#718579;font-size:13px}
      .quote-matrix{grid-template-columns:repeat(2,1fr)}.broker-grid,.tool-grid,.product-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:600px){
      .container{width:min(100% - 28px,var(--container))}.topbar{height:auto;padding:7px 0}.topbar .container{align-items:flex-start;gap:5px;flex-direction:column}.topbar-links{gap:12px}.header{height:66px}.logo{font-size:16px}.account-btn{display:none}.hero-intro{padding:43px 8px 27px}.hero h1{font-size:37px;letter-spacing:-1px}.hero-intro p{font-size:14px}.quote-matrix{grid-template-columns:1fr 1fr;gap:8px}.quote-card{padding:13px;min-height:115px}.quote-price{font-size:20px}.section{padding:52px 0}.section-head{display:block}.section-head h2{font-size:25px}.more-link{display:inline-block;margin-top:12px}.broker-grid,.tool-grid,.product-grid,.video-grid,.news-layout,.faq-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.hero-actions{flex-wrap:wrap}
    }