:root{
  --theme:#0B3D91;
  --theme-dark:#07285f;
  --theme-soft:#eaf1fc;
  --night:#020704;
  --night-2:#07110a;
  --radar:#54ff75;
  --radar-soft:#a8ffb7;
  --ink:#142033;
  --muted:#647084;
  --line:#dce3ec;
  --surface:#fff;
  --surface-soft:#f5f8fc;
  --warning:#f2b84b;
  --radius:18px;
  --shadow:0 18px 48px rgba(16,37,67,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  line-height:1.65;
}
body.drawer-lock{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{padding:84px 0}
.section-soft{background:var(--surface-soft)}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:34px;
}
.section-heading{max-width:720px}
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
  color:var(--theme);
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
}
.section-kicker::before{
  content:"";
  width:24px;
  height:3px;
  border-radius:9px;
  background:var(--theme);
}
.section-title{
  margin:0;
  color:#101b2c;
  font-size:clamp(30px,4vw,46px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.section-desc{max-width:650px;margin:12px 0 0;color:var(--muted)}
.text-link{
  display:inline-flex;
  flex:none;
  align-items:center;
  gap:8px;
  color:var(--theme);
  font-weight:800;
}
.text-link::after{content:"→";transition:transform .2s}
.text-link:hover::after{transform:translateX(4px)}
.btn{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 21px;
  border:1px solid transparent;
  border-radius:11px;
  font-weight:800;
  transition:.22s ease;
}
.btn-primary{color:#fff;background:var(--theme)}
.btn-primary:hover{background:var(--theme-dark);transform:translateY(-2px)}
.btn-outline{color:var(--theme);border-color:rgba(11,61,145,.25);background:#fff}
.btn-outline:hover{border-color:var(--theme);transform:translateY(-2px)}


.topbar{
  position:relative;
  z-index:102;
  color:#dce8fb;
  background:#061a3d;
  font-size:13px;
}
.topbar-inner{
  min-height:37px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.topbar-welcome{white-space:nowrap}
.topbar-contact{display:flex;align-items:center;gap:22px}
.topbar-contact a{transition:color .2s}
.topbar-contact a:hover{color:#fff}


.header{
  position:sticky;
  z-index:100;
  top:0;
  border-bottom:1px solid rgba(15,38,72,.09);
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(10,29,57,.04);
  backdrop-filter:blur(16px);
}
.header-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:25px;
}
.logo{
  display:flex;
  min-width:190px;
  align-items:center;
  gap:11px;
  color:#09275b;
  font-size:18px;
  font-weight:900;
}
.logo img{
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:10px;
}
.main-nav{align-self:stretch;flex:1}
.nav-list{
  height:100%;
  display:flex;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
}
.nav-item{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-link{
  height:100%;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 13px;
  color:#26364e;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}
.nav-link:hover,.nav-item:focus-within>.nav-link{color:var(--theme)}
.has-arrow::after{
  content:"";
  width:6px;
  height:6px;
  margin-top:-4px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s;
}
.nav-item:hover .has-arrow::after,
.nav-item:focus-within .has-arrow::after{
  margin-top:3px;
  transform:rotate(225deg);
}
.dropdown-panel,.mega-menu{
  position:absolute;
  top:100%;
  left:50%;
  visibility:hidden;
  opacity:0;
  border:1px solid #e3e9f2;
  background:#fff;
  box-shadow:0 24px 55px rgba(11,37,75,.16);
  transform:translate(-50%,10px);
  transition:opacity .18s,transform .18s,visibility .18s;
}
.dropdown-panel::before,.mega-menu::before{
  content:"";
  position:absolute;
  right:0;
  bottom:100%;
  left:0;
  height:12px;
}
.nav-item:hover>.dropdown-panel,
.nav-item:focus-within>.dropdown-panel,
.nav-item:hover>.mega-menu,
.nav-item:focus-within>.mega-menu{
  visibility:visible;
  opacity:1;
  transform:translate(-50%,0);
}
.dropdown-panel{
  width:340px;
  padding:12px;
  border-radius:14px;
}
.dropdown-title{
  padding:8px 10px 10px;
  color:#8190a5;
  font-size:12px;
  font-weight:800;
}
.dropdown-article{
  display:block;
  padding:11px 12px;
  border-radius:9px;
  color:#293a53;
  font-size:14px;
  font-weight:700;
}
.dropdown-article:hover{color:var(--theme);background:var(--theme-soft)}
.dropdown-more{
  display:block;
  margin-top:5px;
  padding:10px 12px;
  border-top:1px solid #edf0f5;
  color:var(--theme);
  font-size:13px;
  font-weight:800;
}
.mega-menu{
  width:min(960px,calc(100vw - 44px));
  padding:24px;
  border-radius:0 0 19px 19px;
}
.mega-brokers{width:min(980px,calc(100vw - 44px))}
.mega-video,.mega-products{width:min(1040px,calc(100vw - 44px))}
.mega-tools{width:min(850px,calc(100vw - 44px))}
.mega-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:17px;
}
.mega-title{font-size:17px;font-weight:900;color:#14233a}
.mega-note{color:#7a879a;font-size:13px}
.mega-grid{display:grid;gap:12px}
.broker-mega-grid{grid-template-columns:repeat(3,1fr)}
.mega-broker-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:11px;
  padding:13px;
  border:1px solid #e8edf4;
  border-radius:12px;
  transition:.2s;
}
.mega-broker-card:hover{border-color:#b8c9e5;box-shadow:0 10px 25px rgba(17,50,99,.08)}
.mega-broker-card img{
  width:46px;
  height:46px;
  border-radius:10px;
  object-fit:contain;
  background:#f3f6fa;
}
.mega-broker-name{
  overflow:hidden;
  color:#1a2a42;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mega-broker-rating{color:#d68b00;font-size:12px}
.mega-broker-meta{color:#738096;font-size:11px}
.video-mega-layout,.product-mega-layout{
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:22px;
}
.mega-categories{
  display:flex;
  align-content:flex-start;
  flex-wrap:wrap;
  gap:8px;
}
.mega-categories a{
  padding:7px 10px;
  border-radius:8px;
  color:#45546a;
  background:#f2f5f9;
  font-size:12px;
  font-weight:700;
}
.mega-categories a:hover{color:#fff;background:var(--theme)}
.mega-video-grid,.mega-product-grid{grid-template-columns:repeat(3,1fr)}
.mega-video-card,.mega-product-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e7ebf1;
  border-radius:11px;
  background:#fff;
}
.mega-video-media,.mega-product-media{position:relative}
.mega-video-card img,.mega-product-card img{
  width:100%;
  height:100px;
  object-fit:cover;
  background:#edf1f6;
}
.mega-duration{
  position:absolute;
  right:7px;
  bottom:7px;
  padding:2px 6px;
  border-radius:5px;
  color:#fff;
  background:rgba(0,0,0,.72);
  font-size:10px;
}
.mega-card-body{padding:9px 10px}
.mega-card-title{
  overflow:hidden;
  margin:0;
  color:#213049;
  font-size:13px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mega-card-summary{
  display:-webkit-box;
  overflow:hidden;
  margin:4px 0 0;
  color:#7b8798;
  font-size:11px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.mega-product-meta{margin-top:5px;color:#8a96a7;font-size:10px}
.tools-mega-grid{grid-template-columns:repeat(3,1fr)}
.mega-tool{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  padding:14px;
  border-radius:11px;
  background:#f6f8fb;
}
.mega-tool:hover{background:var(--theme-soft)}
.mega-tool img{
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:9px;
}
.mega-tool strong{display:block;color:#21314a;font-size:13px}
.mega-tool small{
  display:-webkit-box;
  overflow:hidden;
  margin-top:3px;
  color:#7c8899;
  font-size:11px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.mega-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #edf0f5;
  color:var(--theme);
  font-size:13px;
  font-weight:900;
}
.header-btns{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.header-member{font-size:14px;font-weight:800;color:var(--theme)}
.account-btn{
  display:inline-flex;
  min-height:39px;
  align-items:center;
  padding:0 16px;
  border-radius:9px;
  color:#fff;
  background:var(--theme);
  font-size:14px;
  font-weight:800;
}
.hamburger{
  display:none;
  width:42px;
  height:42px;
  padding:10px;
  border:0;
  border-radius:9px;
  background:#edf3fc;
}
.hamburger span{
  display:block;
  width:100%;
  height:2px;
  margin:5px 0;
  border-radius:5px;
  background:var(--theme);
  transition:.22s;
}
.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{
  position:fixed;
  z-index:198;
  inset:0;
  visibility:hidden;
  opacity:0;
  background:rgba(1,11,27,.58);
  transition:.25s;
}
.drawer-overlay.open{visibility:visible;opacity:1}
.mobile-drawer{
  position:fixed;
  z-index:199;
  top:0;
  right:0;
  width:min(390px,90vw);
  height:100dvh;
  overflow-y:auto;
  background:#fff;
  box-shadow:-20px 0 55px rgba(0,0,0,.2);
  transform:translateX(105%);
  transition:transform .28s ease;
}
.mobile-drawer.open{transform:translateX(0)}
.drawer-head{
  position:sticky;
  z-index:2;
  top:0;
  min-height:70px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid #e5eaf1;
  background:#fff;
}
.drawer-head>a{
  padding:7px 11px;
  border-radius:8px;
  color:#fff;
  background:var(--theme);
  font-size:13px;
  font-weight:800;
}
.drawer-close{
  width:38px;
  height:38px;
  margin-left:auto;
  border:0;
  border-radius:9px;
  color:#34435a;
  background:#eff3f8;
  font-size:27px;
  line-height:1;
}
.drawer-menu{padding:13px 18px 30px}
.drawer-link,.drawer-toggle{
  width:100%;
  min-height:49px;
  display:flex;
  align-items:center;
  border:0;
  border-bottom:1px solid #edf0f4;
  color:#22334d;
  background:transparent;
  text-align:left;
  font-weight:800;
}
.drawer-toggle{justify-content:space-between}
.drawer-toggle::after{
  content:"+";
  color:var(--theme);
  font-size:21px;
  font-weight:400;
}
.drawer-toggle.active::after{content:"−"}
.drawer-submenu{
  display:none;
  padding:6px 0 9px 13px;
  border-bottom:1px solid #edf0f4;
}
.drawer-submenu.open{display:block}
.drawer-submenu a{
  display:block;
  padding:8px 10px;
  border-radius:7px;
  color:#657187;
  font-size:13px;
}
.drawer-submenu a:hover{color:var(--theme);background:var(--theme-soft)}


.hero-layout-38{
  position:relative;
  min-height:760px;
  overflow:hidden;
  color:#eaffec;
  background:
    radial-gradient(circle at 50% 44%,rgba(45,255,92,.13),transparent 32%),
    repeating-linear-gradient(0deg,rgba(71,255,107,.025) 0,rgba(71,255,107,.025) 1px,transparent 1px,transparent 5px),
    linear-gradient(180deg,#020604 0%,#061009 58%,#020704 100%);
}
.hero-layout-38::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(83,255,118,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(83,255,118,.09) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 85%,transparent);
}
.hero-layout-38 .hero-inner{
  position:relative;
  z-index:1;
  width:min(1040px,calc(100% - 40px));
  margin:auto;
  padding:72px 0 45px;
  text-align:center;
}
.radar-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 14px;
  border:1px solid rgba(84,255,117,.34);
  border-radius:999px;
  color:var(--radar-soft);
  background:rgba(29,94,42,.22);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
}
.radar-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--radar);
  box-shadow:0 0 14px var(--radar);
}
.hero-layout-38 h1{
  max-width:870px;
  margin:18px auto 10px;
  color:#f3fff4;
  font-size:clamp(37px,6vw,67px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.hero-layout-38 .hero-subtitle{
  max-width:700px;
  margin:0 auto;
  color:#9cb6a1;
  font-size:16px;
}
.radar-stage{
  position:relative;
  width:min(590px,80vw);
  aspect-ratio:1;
  margin:25px auto 0;
}
.radar-core{
  position:absolute;
  inset:12%;
  overflow:hidden;
  border:1px solid rgba(84,255,117,.42);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(84,255,117,.13) 0 2px,transparent 3px),
    repeating-radial-gradient(circle,transparent 0 19.5%,rgba(84,255,117,.18) 20%,transparent 20.7%),
    linear-gradient(90deg,transparent 49.7%,rgba(84,255,117,.23) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 49.7%,rgba(84,255,117,.23) 50%,transparent 50.3%),
    radial-gradient(circle,rgba(14,72,27,.66),rgba(3,16,7,.86) 70%);
  box-shadow:inset 0 0 50px rgba(36,255,78,.08),0 0 45px rgba(28,255,73,.09);
}
.radar-core::before{
  content:"";
  position:absolute;
  inset:-2%;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 75%,rgba(84,255,117,.02) 81%,rgba(84,255,117,.48) 99%,transparent 100%);
  animation:radarSweep 6s linear infinite;
}
.radar-core::after{
  content:"";
  position:absolute;
  inset:16%;
  border:1px dashed rgba(84,255,117,.22);
  border-radius:50%;
}
@keyframes radarSweep{to{transform:rotate(360deg)}}
.radar-polygon{
  position:absolute;
  inset:22%;
  clip-path:polygon(50% 3%,88% 29%,83% 76%,50% 95%,14% 75%,10% 31%);
  border:1px solid var(--radar);
  background:rgba(84,255,117,.12);
  filter:drop-shadow(0 0 8px rgba(84,255,117,.45));
}
.radar-center{
  position:absolute;
  top:50%;
  left:50%;
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  border:1px solid rgba(84,255,117,.65);
  border-radius:50%;
  color:#d9ffdf;
  background:rgba(1,15,5,.86);
  box-shadow:0 0 28px rgba(84,255,117,.24);
  transform:translate(-50%,-50%);
}
.radar-center strong{display:block;font-size:22px;letter-spacing:.05em}
.radar-center small{display:block;color:#65d979;font-size:11px}
.radar-axis{
  position:absolute;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid rgba(84,255,117,.28);
  border-radius:8px;
  color:#c6fccc;
  background:rgba(3,21,8,.88);
  box-shadow:0 6px 20px rgba(0,0,0,.25);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.radar-axis::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--radar);
  box-shadow:0 0 10px var(--radar);
}
.axis-1{top:1%;left:50%;transform:translateX(-50%)}
.axis-2{top:25%;right:0}
.axis-3{right:2%;bottom:25%}
.axis-4{bottom:1%;left:50%;transform:translateX(-50%)}
.axis-5{bottom:25%;left:2%}
.axis-6{top:25%;left:0}
.radar-blip{
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#c6ffcf;
  box-shadow:0 0 11px 4px rgba(84,255,117,.45);
}
.blip-1{top:31%;left:61%}
.blip-2{top:55%;left:29%}
.blip-3{top:65%;left:66%}
.hero-bottom{
  width:min(820px,100%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:4px auto 0;
  padding:17px 22px;
  border-top:1px solid rgba(84,255,117,.22);
  border-bottom:1px solid rgba(84,255,117,.13);
  color:#91a996;
  font-size:13px;
}
.hero-bottom strong{color:#e2ffe6}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}
.hero-scan-btn{
  display:inline-flex;
  min-height:47px;
  align-items:center;
  padding:0 21px;
  border:1px solid var(--radar);
  border-radius:8px;
  color:#041006;
  background:var(--radar);
  box-shadow:0 0 22px rgba(84,255,117,.18);
  font-weight:900;
}
.hero-ghost-btn{
  display:inline-flex;
  min-height:47px;
  align-items:center;
  padding:0 21px;
  border:1px solid rgba(84,255,117,.3);
  border-radius:8px;
  color:#c9f9d0;
  background:rgba(19,63,27,.22);
  font-weight:800;
}


.home-stat-strip{
  position:relative;
  z-index:3;
  margin-top:-1px;
  border-bottom:1px solid #dfe6ef;
  background:#fff;
}
.home-stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.home-stat{
  padding:25px 28px;
  border-right:1px solid #e5eaf1;
}
.home-stat:first-child{border-left:1px solid #e5eaf1}
.home-stat strong{display:block;color:var(--theme);font-size:22px}
.home-stat span{color:#68768a;font-size:13px}


.home-broker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.home-broker-card{
  min-width:0;
  padding:22px;
  border:1px solid #e0e6ee;
  border-radius:var(--radius);
  background:#fff;
  transition:.22s;
}
.home-broker-card:hover{
  border-color:#b5c7e4;
  box-shadow:var(--shadow);
  transform:translateY(-4px);
}
.home-broker-top{display:flex;align-items:center;gap:14px}
.home-broker-top img{
  width:56px;
  height:56px;
  flex:none;
  border-radius:12px;
  object-fit:contain;
  background:#f3f6fa;
}
.home-broker-name{
  overflow:hidden;
  margin:0;
  color:#18283e;
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rating{color:#d88b00;font-size:13px;font-weight:800}
.home-broker-summary{
  display:-webkit-box;
  overflow:hidden;
  min-height:51px;
  margin:16px 0;
  color:#67758a;
  font-size:13px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.broker-specs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.broker-specs div{
  min-width:0;
  padding:9px 6px;
  border-radius:9px;
  background:#f4f7fb;
  text-align:center;
}
.broker-specs small{display:block;color:#8994a4;font-size:10px}
.broker-specs strong{
  display:block;
  overflow:hidden;
  color:#283950;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.broker-card-link{
  display:flex;
  justify-content:space-between;
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid #edf0f4;
  color:var(--theme);
  font-size:13px;
  font-weight:900;
}


.home-news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.home-news-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e1e7ef;
  border-radius:var(--radius);
  background:#fff;
  transition:.22s;
}
.home-news-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.home-news-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  background:#e8edf4;
}
.home-news-body{padding:19px}
.home-news-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#8792a3;
  font-size:11px;
}
.news-category{
  padding:3px 8px;
  border-radius:5px;
  color:var(--theme);
  background:var(--theme-soft);
  font-weight:800;
}
.home-news-title{
  display:-webkit-box;
  overflow:hidden;
  min-height:52px;
  margin:12px 0 8px;
  color:#17273e;
  font-size:18px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.home-news-summary{
  display:-webkit-box;
  overflow:hidden;
  min-height:63px;
  margin:0;
  color:#69768a;
  font-size:13px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.news-read{display:inline-block;margin-top:14px;color:var(--theme);font-size:13px;font-weight:900}


.home-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.home-tool-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:15px;
  padding:21px;
  border:1px solid #e1e7ef;
  border-radius:15px;
  background:#fff;
  transition:.2s;
}
.home-tool-card:hover{
  border-color:#b8c9e4;
  box-shadow:0 13px 30px rgba(13,53,112,.08);
}
.home-tool-card img{
  width:58px;
  height:58px;
  object-fit:contain;
  border-radius:13px;
  background:var(--theme-soft);
}
.home-tool-card h3{margin:0 0 5px;font-size:16px;color:#1d2c43}
.home-tool-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#728095;
  font-size:12px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}


.home-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-product-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #dfe5ed;
  border-radius:17px;
  background:#fff;
  transition:.22s;
}
.home-product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.home-product-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  background:#edf1f6;
}
.home-product-body{padding:18px}
.home-product-body h3{
  overflow:hidden;
  margin:0 0 7px;
  color:#18283f;
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-product-body p{
  display:-webkit-box;
  overflow:hidden;
  min-height:43px;
  margin:0;
  color:#6f7d90;
  font-size:13px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.product-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:13px;
  color:#8b95a5;
  font-size:11px;
}


.home-video-section{color:#eaf0fa;background:#061329}
.home-video-section .section-title{color:#fff}
.home-video-section .section-desc{color:#9eacc1}
.home-video-section .section-kicker{color:#8db7fa}
.home-video-section .section-kicker::before{background:#77a9f8}
.home-video-section .text-link{color:#9ec2ff}
.home-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-video-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:#0b1c39;
  transition:.22s;
}
.home-video-card:hover{border-color:rgba(124,172,247,.55);transform:translateY(-4px)}
.home-video-cover{position:relative}
.home-video-cover img{
  width:100%;
  height:185px;
  object-fit:cover;
  background:#142747;
}
.video-play{
  position:absolute;
  top:50%;
  left:50%;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  color:#fff;
  background:rgba(11,61,145,.82);
  box-shadow:0 0 25px rgba(0,0,0,.35);
  transform:translate(-50%,-50%);
}
.video-play::before{content:"▶";margin-left:3px;font-size:16px}
.video-time{
  position:absolute;
  right:9px;
  bottom:9px;
  padding:3px 7px;
  border-radius:5px;
  color:#fff;
  background:rgba(0,0,0,.75);
  font-size:11px;
}
.home-video-body{padding:17px}
.home-video-body h3{
  display:-webkit-box;
  overflow:hidden;
  min-height:49px;
  margin:0 0 7px;
  color:#f5f8ff;
  font-size:17px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.home-video-body p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#9aa9bd;
  font-size:12px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}


.faq-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:60px;
  align-items:start;
}
.faq-intro{
  position:sticky;
  top:115px;
  padding:30px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(145deg,var(--theme),#071e48);
}
.faq-intro .section-title{color:#fff}
.faq-intro p{color:#c7d5ea}
.faq-list{border-top:1px solid #dfe5ed}
.faq-item{border-bottom:1px solid #dfe5ed}
.faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:21px 0;
  border:0;
  color:#1b2b43;
  background:transparent;
  text-align:left;
  font-weight:900;
}
.faq-question::after{
  content:"+";
  width:28px;
  height:28px;
  display:grid;
  flex:none;
  place-items:center;
  border-radius:50%;
  color:var(--theme);
  background:var(--theme-soft);
  font-size:19px;
}
.faq-question.active::after{content:"−"}
.faq-answer{display:none;padding:0 42px 20px 0;color:#68768a;font-size:14px}
.faq-answer.open{display:block}
.home-cta{
  overflow:hidden;
  padding:0 0 84px;
  background:#fff;
}
.cta-panel{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:42px 48px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(120deg,#082b67,var(--theme) 55%,#145ab8);
}
.cta-panel::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-130px;
  width:330px;
  height:330px;
  border:54px solid rgba(255,255,255,.08);
  border-radius:50%;
}
.cta-content{position:relative;z-index:1}
.cta-panel h2{margin:0;font-size:clamp(27px,4vw,40px);line-height:1.25}
.cta-panel p{max-width:670px;margin:10px 0 0;color:#cee0f8}
.cta-actions{position:relative;z-index:1;display:flex;flex:none;gap:10px}
.cta-white{color:var(--theme);background:#fff}
.cta-clear{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}


.footer{color:#bdc9d9;background:#05142c}
.footer-main{padding:58px 0 42px}
.footer-grid{
  display:grid;
  grid-template-columns:1.35fr .9fr .9fr 1fr;
  gap:45px;
}
.footer-brand .logo{color:#fff}
.footer-brand p{max-width:360px;margin:17px 0;color:#9cabbf;font-size:13px}
.footer-risk{
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  color:#9aa9bc;
  background:rgba(255,255,255,.035);
  font-size:11px;
}
.footer h3{
  margin:2px 0 17px;
  color:#fff;
  font-size:15px;
}
.footer-links{display:grid;gap:9px}
.footer-links a{
  color:#aebbcf;
  font-size:13px;
  transition:.2s;
}
.footer-links a:hover{color:#fff;transform:translateX(3px)}
.footer-contact{display:grid;gap:10px;font-size:13px}
.footer-contact a{color:#b8c6d8;overflow-wrap:anywhere}
.footer-social{margin-top:14px;color:#d8e2ef}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  background:#031024;
}
.footer-bottom-inner{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#8291a5;
  font-size:12px;
}
.footer-bottom a:hover{color:#fff}


@media(max-width:1080px){
  .main-nav{display:none}
  .header-inner{min-height:68px}
  .logo{margin-right:auto}
  .hamburger{display:block}
  .header-member{display:none}
  .home-broker-grid,.home-news-grid,.home-product-grid,.home-video-grid{grid-template-columns:repeat(2,1fr)}
  .home-tools-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1180px)}
  .section{padding:62px 0}
  .topbar-inner{min-height:34px}
  .topbar-contact{gap:10px}
  .topbar-contact a:last-child{display:none}
  .logo{min-width:0;font-size:16px}
  .logo img{width:37px;height:37px}
  .account-btn{display:none}
  .header-btns{gap:7px}
  .section-head{display:block}
  .section-head .text-link{margin-top:16px}
  .hero-layout-38{min-height:700px}
  .hero-layout-38 .hero-inner{width:min(100% - 18px,1040px);padding-top:52px}
  .hero-layout-38 h1{font-size:39px}
  .hero-layout-38 .hero-subtitle{padding:0 12px;font-size:14px}
  .radar-stage{width:min(480px,96vw);margin-top:30px}
  .radar-core{inset:17%}
  .radar-axis{padding:6px 8px;font-size:10px}
  .axis-2{right:1%}.axis-3{right:1%}.axis-5{left:1%}.axis-6{left:1%}
  .radar-center{width:90px;height:90px}
  .radar-center strong{font-size:18px}
  .hero-bottom{width:calc(100% - 20px);padding:14px 10px;font-size:11px}
  .home-stat-grid{grid-template-columns:repeat(2,1fr)}
  .home-stat:nth-child(3){border-left:1px solid #e5eaf1;border-top:1px solid #e5eaf1}
  .home-stat:nth-child(4){border-top:1px solid #e5eaf1}
  .home-stat{padding:19px 18px}
  .home-broker-grid,.home-news-grid,.home-product-grid,.home-video-grid,.home-tools-grid{grid-template-columns:1fr}
  .faq-layout{grid-template-columns:1fr;gap:30px}
  .faq-intro{position:static}
  .cta-panel{display:block;padding:34px 25px}
  .cta-actions{margin-top:23px;flex-wrap:wrap}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom-inner{padding:18px 0;display:block;text-align:center}
}
@media(max-width:480px){
  .topbar-welcome{max-width:52vw;overflow:hidden;text-overflow:ellipsis}
  .hero-layout-38{min-height:660px}
  .hero-layout-38 h1{font-size:33px}
  .radar-stage{width:100%;margin-top:34px}
  .radar-core{inset:20%}
  .radar-axis{font-size:9px}
  .axis-1{top:2%}.axis-4{bottom:2%}
  .axis-2,.axis-6{top:27%}
  .axis-3,.axis-5{bottom:27%}
  .radar-center{width:76px;height:76px}
  .radar-center strong{font-size:15px}
  .hero-bottom{margin-top:-4px}
  .hero-actions{gap:8px}
  .hero-scan-btn,.hero-ghost-btn{min-height:43px;padding:0 14px;font-size:13px}
  .home-stat strong{font-size:19px}
  .broker-specs{grid-template-columns:1fr}
  .broker-specs div{text-align:left;padding:8px 10px}
  .broker-specs small,.broker-specs strong{display:inline}
  .broker-specs small::after{content:"："}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .radar-core::before{animation:none}
}