:root{
  --bg:#0a0e17; --bg2:#0e1420; --panel:#121a29;
  --ink:#e6edf7; --mut:#9aa7bb; --dim:#6b7a92;
  --acc:#22d3ee; --acc2:#0ea5e9; --line:rgba(255,255,255,.08);
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:auto;}
body{
  background:var(--bg); color:var(--ink);
  font-family:'Noto Sans SC',-apple-system,'Microsoft YaHei',sans-serif;
  line-height:1.75; font-weight:400; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
button,input,textarea,select{font-family:inherit;}
img{display:block;max-width:100%;}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px;}

nav{position:sticky;top:0;z-index:50;background:rgba(10,14,23,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.5px;white-space:nowrap;}
.brand svg{flex:none;}
.brand .en{font-family:var(--mono);font-size:10px;color:var(--mut);letter-spacing:1px;display:block;line-height:1.2;}
.nav-links{display:none;align-items:center;gap:22px;font-size:14px;color:var(--mut);}
.nav-links a{transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--ink);}
.nav-item{position:relative;}
.nav-item>.dd{position:absolute;top:calc(100% + 12px);left:-8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;min-width:210px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60;box-shadow:0 14px 34px rgba(0,0,0,.45);}
.nav-item:hover>.dd,.nav-item:focus-within>.dd{opacity:1;visibility:visible;transform:translateY(0);}
.nav-item>.dd::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;}
.nav-item>.dd a{display:block;padding:8px 12px;font-size:13px;color:var(--mut);border-radius:6px;white-space:nowrap;}
.nav-item>.dd a:hover{color:var(--acc);background:rgba(34,211,238,.08);}
.nav-item>.dd a .sub{display:block;font-size:11px;color:var(--dim);margin-top:1px;}
.nav-cta{display:none;}
.cta{
  display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#04121c;
  font-weight:700;font-size:14px;border:none;cursor:pointer;transition:opacity .2s;
}
.cta:hover{opacity:.88;}
.cta.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:500;}
.cta.ghost:hover{border-color:var(--acc);color:var(--acc);}
@media(min-width:960px){ .nav-links{display:flex;} .nav-cta{display:block;} }

header{position:relative;overflow:hidden;border-bottom:1px solid var(--line);}
header .bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.38;z-index:0;}
header .bg-video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;background:#05070c;opacity:1;}
@media(min-width:768px){header .bg{display:none;}}
@media(max-width:767px){header .bg-video{display:none;}}
header .shade{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(90deg,rgba(10,14,23,.96) 0%,rgba(10,14,23,.62) 55%,rgba(10,14,23,.2) 100%);}
header .grid{
  position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 20% 30%,#000 0%,transparent 70%);
          mask-image:radial-gradient(ellipse at 20% 30%,#000 0%,transparent 70%);
}
.hero{position:relative;z-index:2;padding:72px 20px 84px;text-align:center;}
.hero .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--acc);display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;}
.hero .eyebrow::before{content:"";width:34px;height:1px;background:var(--acc);}
.hero h1{font-size:30px;line-height:1.3;font-weight:900;letter-spacing:.5px;max-width:720px;margin-left:auto;margin-right:auto;}
.hero h1 em{font-style:normal;color:var(--acc);}
.hero p{color:var(--mut);font-size:16px;max-width:600px;margin:22px auto 34px;}
.hero .acts{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
@media(min-width:768px){
  .hero{padding:110px 20px 124px;}
  .hero h1{font-size:50px;}
}

/* 子页顶部横幅 */
.page-head{background:var(--bg2);border-bottom:1px solid var(--line);padding:60px 20px 44px;}
.page-head .wrap{text-align:center;}
.page-head .t{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--acc);margin-bottom:14px;display:block;}
.page-head h1{font-size:32px;font-weight:900;line-height:1.3;}
.page-head .sub{color:var(--mut);font-size:15px;margin-top:14px;max-width:760px;margin-left:auto;margin-right:auto;}
@media(min-width:768px){ .page-head h1{font-size:42px;} }

section{padding:64px 0;}
@media(min-width:768px){ section{padding:96px 0;} }
.sec-head{max-width:760px;margin:0 auto 44px;text-align:center;}
.sec-tag{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--acc);margin-bottom:14px;display:block;}
.sec-head h2{font-size:28px;font-weight:900;line-height:1.3;letter-spacing:.3px;}
.sec-head .sub{color:var(--mut);font-size:15px;margin-top:14px;margin-left:auto;margin-right:auto;}
@media(min-width:768px){ .sec-head h2{font-size:36px;} }

.about{background:var(--bg2);}
.about-grid{display:grid;gap:16px;}
@media(min-width:768px){ .about-grid{grid-template-columns:1fr 1fr;gap:20px;} }
.a-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;}
.a-card .q{font-family:var(--mono);color:var(--acc);font-size:13px;margin-bottom:10px;}
.a-card h3{font-size:18px;font-weight:700;margin-bottom:10px;}
.a-card p{color:var(--mut);font-size:14px;}
.a-card .line{width:40px;height:3px;background:linear-gradient(90deg,var(--acc),transparent);margin:16px auto;}

.lead{
  background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(10,14,23,0) 70%),var(--panel);
  border:1px solid rgba(34,211,238,.4);border-radius:16px;padding:30px 28px;margin-bottom:22px;
  display:flex;gap:22px;align-items:flex-start;justify-content:center;flex-wrap:wrap;
}
.lead .lead-ic{width:54px;height:54px;border-radius:12px;background:rgba(34,211,238,.12);display:flex;align-items:center;justify-content:center;flex:none;}
.lead .lead-ic svg{width:28px;height:28px;stroke:var(--acc);}
.lead-c{flex:1;min-width:260px;}
.lead-t{font-family:var(--mono);font-size:12px;color:var(--acc);letter-spacing:1px;margin-bottom:8px;}
.lead h3{font-size:24px;font-weight:900;margin-bottom:8px;}
.lead p{color:var(--mut);font-size:14px;max-width:760px;margin-bottom:14px;}
.lead .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.lead .chip{font-size:13px;color:var(--ink);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);border-radius:20px;padding:6px 14px;}

.svc-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:900px){ .svc-grid{grid-template-columns:repeat(3,1fr);gap:28px;} }
@media(min-width:1160px){ .svc-grid{grid-template-columns:repeat(3,1fr);gap:32px;} }
.svc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px 30px;text-align:center;transition:transform .25s,border-color .25s;}
.svc:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.5);}
.svc .no{font-family:var(--mono);font-size:13px;color:var(--dim);letter-spacing:1px;margin-bottom:14px;}
.svc .ic{width:52px;height:52px;border-radius:12px;margin:0 auto 20px;background:rgba(34,211,238,.1);display:flex;align-items:center;justify-content:center;}
.svc .ic svg{width:26px;height:26px;stroke:var(--acc);}
.svc h3{font-size:21px;font-weight:800;margin-bottom:12px;}
.svc p{font-size:14px;line-height:1.7;color:var(--mut);}
.svc-more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--acc);font-size:14px;font-weight:600;}
.svc-more::after{content:"→";transition:transform .2s;}
.svc:hover .svc-more::after{transform:translateX(4px);}

.training{background:var(--bg2);}
.t3{display:grid;gap:16px;}
@media(min-width:900px){ .t3{grid-template-columns:repeat(3,1fr);} }
.t-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;}
.t-card h3{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--acc);}
.t-card ul{list-style:none;}
.t-card li{font-size:13px;color:var(--mut);padding:6px 0 6px 16px;position:relative;}
.t-card li::before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--acc);}

.compliance{border-top:1px solid var(--line);}
.comp-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:900px){ .comp-grid{grid-template-columns:repeat(3,1fr);} .comp-grid-4{grid-template-columns:repeat(4,1fr);} }
.comp{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;text-align:center;}
.comp .ic{width:42px;height:42px;border-radius:10px;margin:0 auto 12px;background:rgba(34,211,238,.1);display:flex;align-items:center;justify-content:center;}
.comp .ic svg{width:20px;height:20px;stroke:var(--acc);}
.comp h3{font-size:16px;font-weight:700;margin-bottom:6px;}
.comp p{font-size:13px;color:var(--mut);}

.partner{background:linear-gradient(160deg,rgba(34,211,238,.1),var(--bg) 60%);}
.p-box{border:1px solid rgba(34,211,238,.35);border-radius:18px;padding:36px 28px;background:rgba(14,20,32,.6);}
.p-box h3{font-size:24px;font-weight:900;margin-bottom:14px;}
.p-box p{color:var(--mut);font-size:15px;max-width:760px;margin-bottom:22px;}
.p-box .acts{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.p-tel{font-family:var(--mono);font-size:13px;color:var(--dim);margin-top:16px;}

.contact{background:var(--bg2);border-top:1px solid var(--line);}
.contact-grid{display:grid;gap:28px;}
@media(min-width:768px){ .contact-grid{grid-template-columns:1fr 1.1fr;gap:40px;} }
.c-info .item{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;}
.c-info .item svg{width:20px;height:20px;stroke:var(--acc);flex:none;margin-top:4px;}
.c-info .item .k{font-size:13px;color:var(--dim);}
.c-info .item .v{font-size:15px;color:var(--ink);margin-top:2px;}
form{display:grid;gap:14px;}
.field label{display:block;font-size:13px;color:var(--mut);margin-bottom:6px;}
.field input,.field select,.field textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:16px;padding:12px 14px;outline:none;transition:border-color .2s;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acc);}
.field textarea{resize:vertical;min-height:110px;}
form .row{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:560px){ form .row{grid-template-columns:1fr 1fr;} }
.toast{margin-top:14px;font-size:14px;color:#34d399;display:none;align-items:center;gap:8px;}
.toast.show{display:flex;}

footer{border-top:1px solid var(--line);padding:34px 0;}
.foot{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;font-size:13px;color:var(--dim);}
.foot .mono{font-family:var(--mono);font-size:12px;color:var(--mut);}

/* 完整页脚（仿觅蜂版式） */
.site-foot{background:var(--bg);border-top:1px solid var(--line);padding:44px 0 0;}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto;gap:26px 22px;padding-bottom:38px;align-items:start;}
.foot-brand .fb-head{display:flex;align-items:center;gap:14px;}
.fb-name{font-size:24px;font-weight:800;letter-spacing:.5px;color:var(--ink);}
.fb-en{font-family:var(--mono);font-size:12px;color:var(--acc);letter-spacing:.5px;margin-top:5px;}
.foot-brand p{font-size:13px;color:var(--mut);line-height:1.7;margin-top:16px;max-width:230px;}
.foot-col h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:13px;letter-spacing:.5px;}
.foot-col a,.foot-col .ft-text{display:block;font-size:13px;color:var(--mut);padding:4px 0;text-decoration:none;line-height:1.5;}
.foot-col a:hover{color:var(--acc);}
.foot-addr{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);line-height:1.6;white-space:nowrap;}
.foot-addr svg{color:var(--acc);flex:none;}
.foot-qr{text-align:center;}
.qr-box{width:112px;height:112px;margin:0 auto 10px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;}
.qr-box img{display:block;width:100%;height:100%;object-fit:contain;}
.foot-qr>span{font-size:12px;color:var(--dim);}
.foot-bottom{border-top:1px solid var(--line);padding:16px 0;background:var(--bg2);}
.fb-line{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:space-between;font-size:13px;color:var(--dim);}
.fb-line .mono{font-family:var(--mono);font-size:12px;color:var(--mut);}
@media(max-width:1100px){ .foot-grid{grid-template-columns:repeat(3,1fr);} .foot-brand{grid-column:1/-1;} }
@media(max-width:680px){ .foot-grid{grid-template-columns:1fr 1fr;} .foot-qr{grid-column:1/-1;} }

@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} .svc{transition:none;} }