/* ============================================================
   行远平台官网 · 深色科技感（品牌绿霓虹）
   静态优先：正文不依赖 JS 渲染，AI 爬虫可直接抓取
   ============================================================ */
:root{
  --bg:#050b09;
  --bg2:#07130d;
  --g1:#3FBF8F;
  --g2:#22c55e;
  --g3:#a7f3d0;
  --text:#eafbf2;
  --dim:#94a89e;
  --glass:rgba(255,255,255,.035);
  --line:rgba(255,255,255,.09);
  --line2:rgba(63,191,143,.24);
  --grad:linear-gradient(135deg,#3FBF8F 0%,#22c55e 100%);
  --glow:rgba(63,191,143,.35);
  --warn:#f5b544;
  --danger:#f0655a;
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:
    radial-gradient(1200px 600px at 12% -8%, rgba(34,197,94,.15), transparent 60%),
    radial-gradient(1000px 520px at 92% 4%, rgba(63,191,143,.12), transparent 55%),
    radial-gradient(900px 600px at 60% 110%, rgba(167,243,208,.06), transparent 60%),
    var(--bg);
  background-attachment:fixed;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--text); line-height:1.75; -webkit-font-smoothing:antialiased;
  font-size:16px;
}
::selection{background:rgba(63,191,143,.35);color:#fff;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul,ol{padding-left:1.35em;}
li{margin:.3em 0;}
:focus-visible{outline:2px solid var(--g1);outline-offset:3px;border-radius:6px;}

/* ── 长辈模式（适老化，字号可调） ── */
body.font-lg{font-size:18px;}
body.font-lg .hero h1{font-size:54px;}
body.font-xl{font-size:20px;}
body.font-xl .hero h1{font-size:58px;}
body.font-xl .nav-links a{font-size:16px;}
body.font-xl p,body.font-xl li{line-height:2;}
.fs-toggle{display:flex;align-items:center;gap:6px;margin-left:auto;}
.fs-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--glass);
  color:var(--dim);font-size:14px;font-weight:800;cursor:pointer;line-height:1;}
.fs-btn:hover{color:#fff;border-color:var(--line2);}

/* ── 导航 ── */
.nav{position:sticky;top:0;z-index:100;background:rgba(6,14,10,.72);
  backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);
  border-bottom:1px solid var(--line);}
.nav-inner{max-width:var(--maxw);margin:0 auto;height:66px;padding:0 28px;display:flex;align-items:center;gap:26px;}
.brand{font-size:20px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px;letter-spacing:-.3px;}
.logo{width:30px;height:30px;border-radius:9px;background:var(--grad);color:#04140c;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px var(--glow);flex-shrink:0;}
.logo svg{width:17px;height:17px;}
.nav-links{display:flex;gap:2px;margin-left:auto;align-items:center;}
.nav-links a{font-size:14px;font-weight:600;color:var(--dim);padding:8px 12px;border-radius:10px;transition:all .2s;}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06);}
.nav-links a.active{color:#fff;background:rgba(63,191,143,.14);box-shadow:inset 0 0 0 1px rgba(63,191,143,.28);}
.nav .btn{height:38px;padding:0 18px;font-size:13px;}
.nav-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--glass);color:var(--text);cursor:pointer;font-size:18px;}

/* ── 按钮 ── */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:999px;
  font-size:14px;font-weight:800;border:none;cursor:pointer;transition:all .2s;}
.btn-primary{background:var(--grad);color:#04140c;box-shadow:0 4px 18px var(--glow);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 26px rgba(63,191,143,.5);}
.btn-lg{min-height:52px;padding:0 32px;border-radius:14px;font-size:15.5px;}
.btn-ghost{background:var(--glass);color:#dcefe5;border:1px solid rgba(255,255,255,.14);font-weight:700;}
.btn-ghost:hover{border-color:rgba(63,191,143,.4);background:rgba(63,191,143,.06);}
.btn-line{border:1px solid var(--line2);color:var(--g3);background:rgba(63,191,143,.07);}
.btn-line:hover{background:rgba(63,191,143,.14);}

/* ── 通用区块 ── */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
section{padding:88px 0;}
section.tight{padding:56px 0;}
.sec-head{max-width:720px;margin-bottom:44px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;
  color:var(--g1);text-transform:uppercase;margin-bottom:14px;}
.eyebrow::before{content:'';width:22px;height:1px;background:var(--g1);}
.sec-head.center .eyebrow::before{display:none;}
h2.sec-title{font-size:32px;font-weight:800;line-height:1.3;letter-spacing:-.6px;color:#f2fdf8;margin-bottom:14px;}
.sec-sub{color:var(--dim);font-size:15px;}
.sec-head.center .sec-sub{margin-left:auto;margin-right:auto;}

/* ── Hero ── */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#07130d 0%,#050b09 60%);padding:92px 0 76px;}
.hero::before{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(120,220,170,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(120,220,170,.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 78% 58% at 50% 26%,#000 25%,transparent 78%);
  mask-image:radial-gradient(ellipse 78% 58% at 50% 26%,#000 25%,transparent 78%);
  animation:gridShift 24s linear infinite;pointer-events:none;}
.hero::after{content:'';position:absolute;top:-120px;right:-60px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(63,191,143,.16),transparent 65%);filter:blur(10px);
  animation:floatY 16s ease-in-out infinite;pointer-events:none;}
@keyframes gridShift{from{background-position:0 0,0 0;}to{background-position:56px 56px,56px 56px;}}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-18px);}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.hero-inner{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center;z-index:1;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(63,191,143,.1);border:1px solid rgba(63,191,143,.3);
  padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#8fe9c4;margin-bottom:24px;}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--g1);box-shadow:0 0 10px var(--g1);animation:pulse 2s infinite;}
.hero h1{font-size:46px;font-weight:800;line-height:1.2;letter-spacing:-1px;color:#f2fdf8;margin-bottom:20px;}
.hero h1 .hl{background:linear-gradient(135deg,#3FBF8F,#a7f3d0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero-sub{font-size:16px;color:var(--dim);line-height:1.95;margin-bottom:28px;max-width:560px;}
.hero-sub strong{color:#cdeedd;font-weight:700;}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;}
.hero-tags span{font-size:12px;font-weight:600;color:#a8c9b8;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 13px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}

/* 数据卡面板 */
.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  backdrop-filter:blur(8px);box-shadow:0 20px 60px rgba(0,0,0,.42);}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);}
.panel-head h3{font-size:14px;font-weight:800;color:#ddf6ea;letter-spacing:.02em;}
.live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--g1);letter-spacing:.12em;}
.live i{width:7px;height:7px;border-radius:50%;background:var(--g1);box-shadow:0 0 8px var(--g1);animation:pulse 1.8s infinite;}
.panel-body{padding:20px 22px;}
.kv-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px dashed rgba(255,255,255,.07);}
.kv-row:last-child{border-bottom:none;}
.kv-name{font-size:14px;font-weight:700;color:#e4f7ee;}
.kv-note{font-size:12px;color:var(--dim);}
.kv-val{font-size:17px;font-weight:800;color:var(--g3);white-space:nowrap;}
.kv-bar{height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:5px;}
.kv-bar i{display:block;height:100%;background:var(--grad);border-radius:99px;}

/* ── 卡片网格 ── */
.grid{display:grid;gap:18px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.card{border:1px solid var(--line);border-radius:18px;background:var(--glass);padding:26px;transition:all .22s;position:relative;overflow:hidden;}
.card:hover{border-color:var(--line2);transform:translateY(-3px);background:rgba(63,191,143,.05);}
.card h3{font-size:17px;font-weight:800;color:#eafbf2;margin-bottom:8px;}
.card p{font-size:14px;color:var(--dim);line-height:1.8;}
.card .ico{width:40px;height:40px;border-radius:12px;background:rgba(63,191,143,.12);color:var(--g1);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:19px;}
.card .more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:700;color:var(--g1);}
.card .more::after{content:'→';transition:transform .2s;}
.card:hover .more::after{transform:translateX(4px);}
.card-num{font-size:12px;font-weight:800;color:var(--g1);letter-spacing:.1em;margin-bottom:12px;display:block;}

/* ── 统计条 ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.stat{background:rgba(7,19,13,.9);padding:30px 24px;text-align:center;}
.stat b{display:block;font-size:30px;font-weight:800;color:var(--g3);letter-spacing:-.5px;line-height:1.2;}
.stat span{display:block;font-size:13px;color:var(--dim);margin-top:6px;}

/* ── 表格（必须是真 HTML 表格，AI 可读） ── */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:rgba(7,19,13,.72);}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
caption{caption-side:top;text-align:left;padding:16px 18px 0;font-size:13px;color:var(--dim);}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top;}
thead th{background:rgba(63,191,143,.1);color:var(--g3);font-weight:800;font-size:13px;white-space:nowrap;}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover{background:rgba(63,191,143,.04);}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;}
.tbl-cap{font-size:12.5px;color:var(--dim);margin-top:10px;line-height:1.7;}

/* ── 步骤 / 时间线 ── */
.steps{display:grid;gap:16px;counter-reset:s;}
.step{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:20px 22px;
  border:1px solid var(--line);border-radius:16px;background:var(--glass);}
.step-n{width:44px;height:44px;border-radius:13px;background:rgba(63,191,143,.13);border:1px solid var(--line2);
  color:var(--g3);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;}
.step h4{font-size:16px;font-weight:800;margin-bottom:5px;color:#eafbf2;}
.step p{font-size:14px;color:var(--dim);}
.timeline{position:relative;padding-left:30px;}
.timeline::before{content:'';position:absolute;left:8px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--g1),transparent);}
.tl-item{position:relative;padding-bottom:26px;}
.tl-item::before{content:'';position:absolute;left:-26px;top:7px;width:9px;height:9px;border-radius:50%;
  background:var(--g1);box-shadow:0 0 10px var(--g1);}
.tl-item h4{font-size:15px;font-weight:800;margin-bottom:4px;}
.tl-item p{font-size:13.5px;color:var(--dim);}

/* ── 徽标 / 标签 ── */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:999px;
  background:rgba(63,191,143,.12);border:1px solid var(--line2);color:var(--g3);}
.badge.gray{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--dim);}
.badge.warn{background:rgba(245,181,68,.12);border-color:rgba(245,181,68,.32);color:#f5c76b;}
.badge.danger{background:rgba(240,101,90,.12);border-color:rgba(240,101,90,.32);color:#f5938a;}
.tags{display:flex;flex-wrap:wrap;gap:8px;}

/* ── 评分条 ── */
.score{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.07);}
.score:last-child{border-bottom:none;}
.score-nm{font-size:13.5px;font-weight:700;min-width:96px;color:#dcf3e8;}
.score-bar{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;}
.score-bar i{display:block;height:100%;background:var(--grad);border-radius:99px;}
.score-v{font-size:13px;font-weight:800;color:var(--g3);min-width:44px;text-align:right;font-variant-numeric:tabular-nums;}

/* ── 提示条 ── */
.note{border:1px solid var(--line2);background:rgba(63,191,143,.07);border-left:3px solid var(--g1);
  border-radius:12px;padding:16px 20px;font-size:14px;color:#cfe8db;line-height:1.8;}
.note.warn{background:rgba(245,181,68,.07);border-color:rgba(245,181,68,.3);border-left-color:var(--warn);color:#f0dcb4;}
.note.danger{background:rgba(240,101,90,.07);border-color:rgba(240,101,90,.3);border-left-color:var(--danger);color:#f5cdc9;}
.note b{color:#fff;}

/* ── 文章页 ── */
.page-hero{padding:56px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#07130d,#050b09);}
.crumb{font-size:13px;color:var(--dim);margin-bottom:16px;}
.crumb a:hover{color:var(--g1);}
.page-hero h1{font-size:36px;font-weight:800;line-height:1.3;letter-spacing:-.8px;color:#f2fdf8;margin-bottom:14px;}
.page-hero .lede{font-size:16.5px;color:#b9d3c6;max-width:820px;line-height:1.9;}
.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}

.article{max-width:860px;margin:0 auto;padding:56px 28px 80px;}
.article h2{font-size:25px;font-weight:800;margin:44px 0 16px;color:#f2fdf8;letter-spacing:-.4px;}
.article h3{font-size:19px;font-weight:800;margin:32px 0 12px;color:#e2f6ec;}
.article h2:first-child,.article h3:first-child{margin-top:0;}
.article p{margin-bottom:16px;color:#c7ddd2;font-size:15.5px;}
.article ul,.article ol{margin:0 0 18px;color:#c7ddd2;font-size:15.5px;}
.article strong{color:#fff;}
.article a{color:var(--g1);text-decoration:underline;text-underline-offset:3px;}
.answer{background:rgba(63,191,143,.07);border:1px solid var(--line2);border-radius:16px;padding:24px 26px;margin-bottom:30px;}
.answer p{margin-bottom:0;color:#d3ecdf;font-size:16px;}
.answer .a-label{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--g1);margin-bottom:10px;}
.fold{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);padding:0;margin-bottom:22px;overflow:hidden;}
.fold>summary{cursor:pointer;padding:16px 20px;font-weight:800;font-size:15px;color:#dcf3e8;list-style:none;}
.fold>summary::-webkit-details-marker{display:none;}
.fold>summary::after{content:'▾';float:right;color:var(--g1);}
.fold[open]>summary::after{content:'▴';}
.fold .fold-body{padding:0 20px 18px;font-size:14.5px;color:var(--dim);}
.faq{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);padding:18px 0;}
.faq-item h3{font-size:16px;margin-bottom:8px;}
.faq-item p{font-size:14.5px;color:var(--dim);margin:0;}
.signoff{margin-top:48px;padding:22px 24px;border:1px dashed var(--line2);border-radius:14px;background:rgba(63,191,143,.05);
  font-size:14.5px;color:#c4ddd1;text-align:center;line-height:1.9;}

/* ── 面包屑 / 目录 ── */
.toc{border:1px solid var(--line);border-radius:16px;background:var(--glass);padding:22px 24px;margin-bottom:36px;}
.toc h4{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--g1);margin-bottom:12px;text-transform:uppercase;}
.toc ol{margin:0;padding-left:1.2em;font-size:14px;color:var(--dim);}
.toc a:hover{color:var(--g1);}

/* ── 页脚 ── */
footer{border-top:1px solid var(--line);background:rgba(3,9,6,.6);padding:60px 0 30px;margin-top:40px;}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px;margin-bottom:40px;}
.foot-brand p{font-size:13.5px;color:var(--dim);margin-top:14px;max-width:300px;line-height:1.85;}
.foot-col h5{font-size:13px;font-weight:800;color:#dcf3e8;margin-bottom:14px;letter-spacing:.06em;}
.foot-col a{display:block;font-size:13.5px;color:var(--dim);padding:5px 0;transition:color .18s;}
.foot-col a:hover{color:var(--g1);}
.foot-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;
  font-size:12.5px;color:#7d9089;line-height:1.9;}

/* ── 通用工具 ── */
.center{text-align:center;}
.mt-s{margin-top:14px;}
.mt-m{margin-top:26px;}
.mt-l{margin-top:44px;}
.mb-s{margin-bottom:14px;}
.mb-m{margin-bottom:26px;}
.mb-l{margin-bottom:44px;}
.muted{color:var(--dim);}
.small{font-size:13px;}
.lead-lg{font-size:17px;color:#b9d3c6;line-height:1.9;}
.divider{height:1px;background:var(--line);margin:44px 0;border:none;}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;}

/* ── 响应式 ── */
@media (max-width:1000px){
  .hero-inner{grid-template-columns:1fr;}
  .g4{grid-template-columns:repeat(2,1fr);}
  .g3{grid-template-columns:repeat(2,1fr);}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  section{padding:60px 0;}
  .wrap{padding:0 18px;}
  .nav-inner{height:60px;padding:0 18px;gap:12px;}
  .nav-links{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:rgba(6,14,10,.98);border-bottom:1px solid var(--line);padding:12px 18px;gap:2px;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:12px 14px;font-size:15px;}
  .nav-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;}
  .fs-toggle{display:none;}
  .nav .btn{display:none;}
  .hero{padding:60px 0 52px;}
  .hero h1{font-size:33px;}
  .g2,.g3,.g4{grid-template-columns:1fr;}
  .stats{grid-template-columns:1fr 1fr;}
  .stat{padding:22px 14px;}
  .stat b{font-size:24px;}
  .page-hero h1{font-size:27px;}
  .article h2{font-size:21px;}
  .foot-grid{grid-template-columns:1fr;}
  .sec-head{margin-bottom:30px;}
  h2.sec-title{font-size:25px;}
}
@media print{
  body{background:#fff;color:#111;}
  .nav,footer,.hero::before,.hero::after{display:none;}
  a{color:#111;}
}