:root {
  --bg:#081320; --bg2:#0c1f38;
  --card:rgba(255,255,255,.04);
  --border:rgba(255,255,255,.09);
  --cyan:#22d3ee; --blue:#3b82f6;
  --text:#e6edf5; --muted:#94a6bd;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Inter","PingFang SC","Microsoft YaHei","WenQuanYi Zen Hei",-apple-system,sans-serif; background:var(--bg); color:var(--text); line-height:1.65; -webkit-font-smoothing:antialiased; }
a { text-decoration:none; color:inherit; }
.wrap { max-width:1180px; margin:0 auto; padding:0 40px; }
img { display:block; }

/* 导航 */
nav { position:sticky; top:0; z-index:50; background:rgba(8,19,32,.88); backdrop-filter:blur(14px); border-bottom:1px solid var(--border); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:68px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:16px; }
.logo .mark { width:33px; height:33px; border-radius:8px; background:linear-gradient(135deg,var(--cyan),var(--blue)); display:flex; align-items:center; justify-content:center; color:#04121f; font-weight:900; }
.logo small { color:var(--muted); font-weight:400; font-size:11px; display:block; line-height:1.1; }
.menu { display:flex; gap:6px; list-style:none; font-size:13.5px; color:var(--muted); }
.menu a { display:block; padding:7px 11px; border-radius:8px; text-align:center; line-height:1.25; }
.menu a span { display:block; font-size:10px; color:var(--muted); font-weight:400; }
.menu a:hover { color:#fff; background:rgba(255,255,255,.05); }
.menu a.active { color:var(--cyan); font-weight:600; }
.menu a.active span { color:var(--cyan); }
.nav-cta { background:linear-gradient(135deg,var(--cyan),var(--blue)); color:#04121f; padding:9px 18px; border-radius:8px; font-weight:600; font-size:13.5px; white-space:nowrap; }

/* 页面 hero（子页面顶部横幅） */
.pagehero { position:relative; overflow:hidden; padding:70px 0 60px; }
.pagehero img.bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pagehero .ov { position:absolute; inset:0; background:linear-gradient(100deg, rgba(6,15,28,.94) 20%, rgba(6,15,28,.7) 100%); }
.pagehero .wrap { position:relative; z-index:2; }
.crumb { font-size:12px; color:var(--cyan); letter-spacing:1px; margin-bottom:10px; text-transform:uppercase; }
.pagehero h1 { font-size:38px; font-weight:800; }
.pagehero h1 small { display:block; font-size:15px; font-weight:400; color:#c3d2e3; margin-top:6px; }
.pagehero .sub { color:#c3d2e3; font-size:15px; margin-top:10px; max-width:620px; }
.pagehero .sub small { display:block; font-size:12.5px; color:#8aa0b6; margin-top:4px; }

/* 通用 */
section { padding:64px 0; }
.sec-head { text-align:center; margin-bottom:40px; }
.sec-tag { font-size:12px; color:var(--cyan); letter-spacing:3px; text-transform:uppercase; }
.sec-title { font-size:28px; font-weight:800; margin-top:8px; }
.sec-title small { display:block; font-size:14px; font-weight:400; color:var(--muted); margin-top:6px; }
.sec-desc { color:var(--muted); font-size:14px; margin-top:8px; max-width:620px; margin-left:auto; margin-right:auto; }
.btn { padding:13px 28px; border-radius:9px; font-size:15px; font-weight:600; cursor:pointer; border:none; display:inline-block; }
.btn-primary { background:linear-gradient(135deg,var(--cyan),var(--blue)); color:#04121f; }
.btn-ghost { background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.22); }

/* 卡片 & 网格 */
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
.card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:26px; }
.card h3 { font-size:18px; margin-bottom:8px; }
.card h3 small { display:block; font-size:12px; color:var(--muted); font-weight:400; }
.card p { font-size:13.5px; color:var(--muted); }

/* 页脚 */
footer { border-top:1px solid var(--border); padding:36px 0; font-size:13px; color:var(--muted); }
.foot { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }