/* 华科优录 · 站点样式 */
:root{
  --navy:#0d2b45;
  --navy-2:#123a5c;
  --ink:#1a2b3c;
  --gray:#5d7085;
  --gray-2:#8a99aa;
  --line:#e2e6ea;
  --bg:#f8f7f4;
  --card:#ffffff;
  --gold:#b8842f;
  --gold-l:#d9a94f;
  --green:#2f7a5f;
  --red:#b03a2e;
  --radius:14px;
  --shadow:0 4px 24px rgba(13,43,69,.07);
  --shadow-lg:0 14px 50px rgba(13,43,69,.13);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.75;
  -webkit-font-smoothing:antialiased;font-size:15.5px;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.narrow{max-width:800px;margin:0 auto}

/* ---------- 顶栏 ---------- */
.nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:34px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--navy);letter-spacing:.5px;flex-shrink:0}
.logo em{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--navy),#1f5d8c);color:#fff;display:grid;place-items:center;font-size:14px;font-style:normal;font-weight:800}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:14.5px;color:#3c5265}
.nav-links a{position:relative;padding:4px 0;transition:.15s}
.nav-links a:hover{color:var(--navy)}
.nav-links a.on{color:var(--navy);font-weight:700}
.nav-links a.on:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold);border-radius:2px}
.nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:9px;font-size:14.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;font-family:inherit}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-2);transform:translateY(-1px);box-shadow:0 8px 20px rgba(13,43,69,.22)}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:#a2741f;transform:translateY(-1px);box-shadow:0 8px 20px rgba(184,132,47,.28)}
.btn-ghost{background:#fff;color:var(--navy);border-color:#cdd6df}
.btn-ghost:hover{border-color:var(--navy);background:#fbfcfd}
.btn-lg{padding:14px 30px;font-size:15.5px;border-radius:10px}
.btn-sm{padding:7px 14px;font-size:13px}
.nav-phone{font-size:14px;color:var(--gray);display:flex;align-items:center;gap:6px}
.nav-phone b{color:var(--navy);font-size:15.5px;letter-spacing:.4px}
.burger{display:none;background:none;border:0;font-size:22px;color:var(--navy);cursor:pointer}

/* ---------- 通用版块 ---------- */
section{padding:74px 0}
.sec-head{max-width:720px;margin-bottom:40px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.kicker:before{content:"";width:22px;height:1.5px;background:var(--gold)}
h1{font-size:46px;line-height:1.22;letter-spacing:-1px;font-weight:800;color:var(--navy)}
h2{font-size:31px;line-height:1.3;letter-spacing:-.4px;font-weight:800;color:var(--navy)}
h3{font-size:19px;font-weight:700;color:var(--navy);line-height:1.45}
.sub{font-size:16px;color:var(--gray);margin-top:14px;line-height:1.85}
.white{background:var(--navy);color:#fff}
.white h1,.white h2,.white h3{color:#fff}
.white .sub{color:rgba(255,255,255,.72)}
.white .kicker{color:var(--gold-l)}
.white .kicker:before{background:var(--gold-l)}

/* ---------- 首页英雄区 ---------- */
.hero{background:linear-gradient(170deg,#0d2b45 0%,#123a5c 48%,#17476d 100%);color:#fff;padding:76px 0 0;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-180px;top:-120px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(184,132,47,.20),transparent 68%)}
.hero:after{content:"";position:absolute;left:-140px;bottom:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(90,170,220,.16),transparent 70%)}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:start;padding-bottom:70px}
.hero h1{color:#fff;font-size:44px;margin-bottom:22px}
.hero h1 span{color:var(--gold-l);position:relative;white-space:nowrap}
.hero-sub{font-size:16.5px;color:rgba(255,255,255,.78);line-height:1.9;margin-bottom:30px;max-width:520px}
.hero-tag{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:7px 15px;border-radius:100px;font-size:13px;color:rgba(255,255,255,.9);margin-bottom:24px}
.hero-tag i{width:6px;height:6px;border-radius:50%;background:var(--gold-l);display:inline-block}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.hero-stat{display:flex;gap:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
.hero-stat div .n{font-size:29px;font-weight:800;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.hero-stat div .n small{font-size:14px;font-weight:600;margin-left:2px}
.hero-stat div .t{font-size:12.5px;color:rgba(255,255,255,.62);margin-top:5px}

/* 双通道卡 */
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;z-index:3}
.pcard{background:#fff;border-radius:16px;padding:26px 26px 22px;box-shadow:var(--shadow-lg);border-top:4px solid var(--navy);transition:.2s}
.pcard:hover{transform:translateY(-4px)}
.pcard.gold{border-top-color:var(--gold)}
.pcard .who{font-size:11.5px;letter-spacing:2px;color:var(--gray-2);font-weight:700;margin-bottom:8px}
.pcard h3{font-size:20px;margin-bottom:10px}
.pcard p{font-size:14px;color:var(--gray);margin-bottom:16px;line-height:1.7}
.pcard ul{margin-bottom:20px}
.pcard li{font-size:13.5px;color:#3c5265;padding-left:20px;position:relative;margin-bottom:7px}
.pcard li:before{content:"";position:absolute;left:0;top:9px;width:11px;height:6px;border-left:1.6px solid var(--gold);border-bottom:1.6px solid var(--gold);transform:rotate(-45deg)}
.pcard .cta{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}
.pcard .cta span{font-size:13px;color:var(--gray-2)}

/* ---------- 产品线 ---------- */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pline{background:#fff;border-radius:var(--radius);padding:24px 22px;border:1px solid var(--line);transition:.2s;position:relative}
.pline:hover{border-color:#c3d3e0;box-shadow:var(--shadow);transform:translateY(-3px)}
.pline .no{font-size:11.5px;font-weight:800;color:#c9d3dd;letter-spacing:1px;margin-bottom:10px}
.pline h3{font-size:17px;margin-bottom:8px}
.pline p{font-size:13.5px;color:var(--gray);line-height:1.75;margin-bottom:14px}
.pline .tag{display:inline-block;font-size:12px;color:var(--gold);background:#fcf6ea;border:1px solid #f0e2c6;padding:2px 9px;border-radius:5px;margin-right:5px;margin-bottom:5px}
.pline .more{font-size:13px;color:var(--navy);font-weight:600;border-bottom:1px solid #d9e3ec;padding-bottom:1px}

/* ---------- 支持体系 ---------- */
.sup{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.sup-item{background:#fff;padding:28px 26px}
.sup-item .ic{width:38px;height:38px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;margin-bottom:14px;color:var(--navy);font-weight:800;font-size:15px}
.sup-item h3{font-size:16.5px;margin-bottom:7px}
.sup-item p{font-size:13.5px;color:var(--gray);line-height:1.75}

/* ---------- 数据/信任条 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:#fff;border-radius:var(--radius);padding:26px 24px;border:1px solid var(--line);text-align:center}
.stat .n{font-size:34px;font-weight:800;color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums}
.stat .n small{font-size:15px;font-weight:600;margin-left:2px;color:var(--gray)}
.stat .t{font-size:13.5px;color:var(--gray);margin-top:8px}
.trustbar{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.trustbar span{font-size:13px;color:var(--gray);background:#fff;border:1px solid var(--line);padding:8px 16px;border-radius:100px}

/* ---------- 表单 ---------- */
.form-card{background:#fff;border-radius:18px;padding:34px 32px;box-shadow:var(--shadow-lg)}
.form-card h3{font-size:21px;margin-bottom:6px}
.form-card .fh{font-size:13.5px;color:var(--gray);margin-bottom:22px}
.field{margin-bottom:15px}
.field label{display:block;font-size:13px;font-weight:600;color:#3c5265;margin-bottom:6px}
.field .req{color:var(--red);margin-left:2px}
.field input,.field select,.field textarea{
  width:100%;padding:11px 13px;border:1px solid #d5dde5;border-radius:9px;font-size:14.5px;
  font-family:inherit;color:var(--ink);background:#fcfdfe;transition:.15s;outline:none;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(13,43,69,.08)}
.field textarea{resize:vertical;min-height:74px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field .hint{font-size:12px;color:var(--gray-2);margin-top:5px}
.radio-row{display:flex;gap:10px}
.radio-row label{flex:1;margin:0;cursor:pointer}
.radio-row input{display:none}
.radio-row label span{display:block;text-align:center;padding:10px;border:1px solid #d5dde5;border-radius:9px;font-size:13.5px;color:var(--gray);transition:.15s;font-weight:500}
.radio-row input:checked+span{border-color:var(--navy);background:#f2f6fa;color:var(--navy);font-weight:700}
.form-note{font-size:12px;color:var(--gray-2);margin-top:12px;line-height:1.7}
.form-ok{display:none;background:#f0f8f4;border:1px solid #cfe6da;color:var(--green);padding:16px 18px;border-radius:10px;font-size:14px;margin-top:14px}
.form-card.compact{padding:26px 24px}

/* ---------- 测算器 ---------- */
.calc{background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}
.calc-in{display:grid;grid-template-columns:1fr 1fr}
.calc-l{padding:30px 30px 26px}
.calc-r{background:var(--navy);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center}
.slider-row{margin-bottom:20px}
.slider-row .lab{display:flex;justify-content:space-between;font-size:13.5px;color:#3c5265;margin-bottom:8px}
.slider-row .lab b{color:var(--navy);font-size:15px;font-variant-numeric:tabular-nums}
input[type=range]{width:100%;-webkit-appearance:none;height:5px;border-radius:5px;background:#e3e9ef;outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 6px rgba(13,43,69,.35);cursor:pointer}
.calc-r .cl{font-size:12.5px;letter-spacing:1.5px;color:rgba(255,255,255,.55);margin-bottom:6px}
.calc-r .big{font-size:44px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.calc-r .big small{font-size:17px;font-weight:600;margin-left:4px}
.calc-r .rows{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font-size:13.5px;color:rgba(255,255,255,.75)}
.calc-r .rows div{display:flex;justify-content:space-between;margin-bottom:8px}
.calc-r .rows b{color:#fff}
.calc-r .dis{font-size:11.5px;color:rgba(255,255,255,.4);margin-top:16px;line-height:1.6}

/* ---------- 流程 ---------- */
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.step{background:#fff;padding:22px 18px}
.step .sn{font-size:11.5px;font-weight:800;color:var(--gold);letter-spacing:1px;margin-bottom:8px}
.step h4{font-size:14.5px;color:var(--navy);margin-bottom:5px;font-weight:700}
.step p{font-size:12.5px;color:var(--gray);line-height:1.65}

/* ---------- 反向筛选 ---------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fit-box{background:#fff;border-radius:var(--radius);padding:26px;border:1px solid var(--line)}
.fit-box.no{border-color:#ecdede;background:#fdfafa}
.fit-box h3{font-size:16.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.fit-box h3 i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-style:normal;color:#fff;background:var(--green)}
.fit-box.no h3 i{background:#c8a3a0}
.fit-box li{font-size:13.8px;color:#3c5265;padding-left:16px;position:relative;margin-bottom:8px;line-height:1.7}
.fit-box li:before{content:"·";position:absolute;left:4px;color:var(--gray-2);font-weight:800}

/* ---------- FAQ ---------- */
.faq-item{border-bottom:1px solid var(--line);background:#fff}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:19px 46px 19px 4px;font-size:15.5px;font-weight:600;color:var(--navy);cursor:pointer;position:relative;font-family:inherit;line-height:1.6}
.faq-q:after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--gray-2);font-weight:400;transition:.2s}
.faq-item.open .faq-q:after{content:"–";color:var(--gold)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:520px}
.faq-a-in{padding:0 46px 20px 4px;font-size:14.2px;color:var(--gray);line-height:1.9}
.faq-a-in b{color:var(--navy)}

/* ---------- 校区/图位 ---------- */
.photo{background:linear-gradient(135deg,#dfe7ee,#c9d6e2);border-radius:var(--radius);position:relative;overflow:hidden;display:grid;place-items:center;min-height:280px}
.photo span{font-size:12.5px;color:#7d8fa3;background:rgba(255,255,255,.7);padding:6px 14px;border-radius:6px}
.campus{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.campus-info li{font-size:14.2px;color:#3c5265;padding-left:22px;position:relative;margin-bottom:11px;line-height:1.7}
.campus-info li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:7px;border-left:1.8px solid var(--gold);border-bottom:1.8px solid var(--gold);transform:rotate(-45deg)}

/* ---------- 分数导航 ---------- */
.score-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.score-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;cursor:pointer;transition:.18s;text-align:center}
.score-card:hover,.score-card.on{border-color:var(--navy);box-shadow:var(--shadow);transform:translateY(-2px)}
.score-card .r{font-size:19px;font-weight:800;color:var(--navy);margin-bottom:4px;font-variant-numeric:tabular-nums}
.score-card .d{font-size:12.5px;color:var(--gray)}
.score-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:16px}
.score-panel.on{display:block;animation:fade .25s}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.score-panel h3{font-size:18px;margin-bottom:10px}
.score-panel p{font-size:14px;color:var(--gray);line-height:1.85;margin-bottom:10px}
.score-panel .plan{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.score-panel .plan div{background:#f7f9fb;border-radius:9px;padding:14px 16px}
.score-panel .plan b{display:block;font-size:13px;color:var(--navy);margin-bottom:4px}
.score-panel .plan span{font-size:12.5px;color:var(--gray);line-height:1.65}

/* ---------- 引语 ---------- */
.quote{background:#fff;border-left:3px solid var(--gold);padding:26px 30px;border-radius:0 12px 12px 0;box-shadow:var(--shadow)}
.quote p{font-size:16px;color:var(--navy);line-height:1.9;margin-bottom:12px}
.quote .by{font-size:13px;color:var(--gray-2)}

/* ---------- 底部 CTA ---------- */
.cta-band{background:linear-gradient(120deg,#0d2b45,#1a4a72);color:#fff;padding:56px 0}
.cta-band .in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-band h2{font-size:27px;color:#fff;margin-bottom:8px}
.cta-band p{font-size:14.5px;color:rgba(255,255,255,.72)}

/* ---------- 页脚 ---------- */
footer{background:#081d30;color:rgba(255,255,255,.6);padding:54px 0 26px;font-size:13px}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:34px;margin-bottom:34px}
.f-grid h4{color:#fff;font-size:14px;margin-bottom:14px;font-weight:700}
.f-grid a{display:block;margin-bottom:9px;color:rgba(255,255,255,.6);transition:.15s}
.f-grid a:hover{color:var(--gold-l)}
.f-logo{font-size:17px;font-weight:800;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:9px}
.f-logo em{width:27px;height:27px;border-radius:7px;background:var(--gold);color:#081d30;display:grid;place-items:center;font-size:13px;font-style:normal;font-weight:800}
.f-desc{line-height:1.85;max-width:290px;margin-bottom:14px}
.f-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.38)}

/* ---------- 浮窗 ---------- */
.float{position:fixed;right:22px;bottom:26px;z-index:80;display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.float a,.float button{width:52px;height:52px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(13,43,69,.28);border:0;cursor:pointer;font-size:12px;font-family:inherit;transition:.18s;text-align:center;line-height:1.2}
.float a:hover,.float button:hover{background:var(--navy-2);transform:translateY(-2px)}
.float .gold{background:var(--gold)}
.float .gold:hover{background:#a2741f}
.float .txt{font-size:11px;font-weight:700}

/* ---------- 移动端 ---------- */
.mobile-only{display:none}
@media(max-width:1000px){
  .hero-in{grid-template-columns:1fr;gap:38px}
  .split{grid-template-columns:1fr}
  .grid4{grid-template-columns:1fr 1fr}
  .grid3,.sup{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .calc-in{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr 1fr 1fr}
  .score-nav{grid-template-columns:1fr 1fr}
  .campus{grid-template-columns:1fr}
  .fit{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  body{font-size:15px}
  h1,.hero h1{font-size:31px;letter-spacing:-.5px}
  h2{font-size:25px}
  section{padding:52px 0}
  .nav-links{display:none}
  .nav-phone{display:none}
  .burger{display:block;margin-left:auto}
  .hero{padding-top:44px}
  .hero-stat{gap:24px}
  .grid4,.grid3,.sup,.field-row,.score-panel .plan{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .cta-band .in{flex-direction:column;align-items:flex-start}
  .float{right:14px;bottom:14px}
  .float a,.float button{width:46px;height:46px;border-radius:12px}
}

/* ---------- 时间线（品牌页） ---------- */
.timeline{position:relative;padding-left:28px}
.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:1.5px;background:linear-gradient(#cbd8e4,#eef2f6)}
.tl-item{position:relative;padding-bottom:30px}
.tl-item:last-child{padding-bottom:0}
.tl-item:before{content:"";position:absolute;left:-27px;top:7px;width:11px;height:11px;border-radius:50%;background:#fff;border:2.5px solid var(--gold)}
.tl-year{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:1px;margin-bottom:4px}
.tl-item h3{font-size:16.5px;margin-bottom:5px}
.tl-item p{font-size:14px;color:var(--gray);line-height:1.8}
.boundary{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bd-card{background:#fff;border-radius:14px;padding:26px;border:1px solid var(--line)}
.bd-card .bt{font-size:11.5px;letter-spacing:2px;color:var(--gray-2);font-weight:700;margin-bottom:10px}
.bd-card h3{font-size:17px;margin-bottom:12px}
.bd-card li{font-size:14px;color:#3c5265;padding-left:17px;position:relative;margin-bottom:8px;line-height:1.75}
.bd-card li:before{content:"·";position:absolute;left:5px;color:var(--gold);font-weight:800}
@media(max-width:720px){.boundary{grid-template-columns:1fr}}

/* ---------- 修正与补充 ---------- */
.pcard .cta .btn{color:#fff;font-size:13px;padding:8px 14px}
.campus.form-right{grid-template-columns:.9fr 1.1fr;align-items:start}
.sup5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){
  .sup5{grid-template-columns:1fr 1fr}
  .campus.form-right{grid-template-columns:1fr}
}
@media(max-width:720px){
  .sup5{grid-template-columns:1fr}
}

/* ============================================================
   v2 · 双引擎（AI系统 + 全日制校区）专用组件
   ============================================================ */

/* 三通道卡 */
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:3}

/* 双模式对比 */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mode{background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.mode:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.mode-hd{padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.mode.light .mode-hd{background:linear-gradient(135deg,#f2f8f5,#eaf4ef)}
.mode.heavy .mode-hd{background:linear-gradient(135deg,#f6f3ec,#f0eaDD)}
.mode-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:3px 9px;border-radius:5px;margin-bottom:10px}
.mode.light .mode-tag{background:#2f7a5f;color:#fff}
.mode.heavy .mode-tag{background:#b8842f;color:#fff}
.mode-hd h3{font-size:19px;margin-bottom:6px}
.mode-hd p{font-size:13px;color:var(--gray);line-height:1.7}
.mode-bd{padding:18px 24px 22px;flex:1}
.mode-bd dl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;font-size:13.5px;margin-bottom:18px}
.mode-bd dt{color:var(--gray-2);white-space:nowrap}
.mode-bd dd{color:#2c4055;font-weight:600;text-align:right}
.mode-bd .mini{font-size:12px;color:var(--gray);line-height:1.7;border-top:1px dashed var(--line);padding-top:12px}
.mode-ft{padding:0 24px 22px}
.mode-ft .btn{width:100%}

/* 成本结构对比条 */
.costbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.costbar .row{margin-bottom:18px}
.costbar .row:last-child{margin-bottom:0}
.costbar .lab{display:flex;justify-content:space-between;font-size:13.5px;color:#3c5265;margin-bottom:7px}
.costbar .lab b{color:var(--navy);font-variant-numeric:tabular-nums}
.costbar .track{height:22px;border-radius:6px;background:#f1f4f7;overflow:hidden;display:flex}
.costbar .track i{display:block;height:100%;display:flex;align-items:center;justify-content:center;font-size:11.5px;color:#fff;font-style:normal;font-weight:700;white-space:nowrap;overflow:hidden}

/* 授权/边界说明框 */
.auth-note{background:#fbfaf6;border:1px solid #ece3cf;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:22px 26px}
.auth-note h4{font-size:15px;color:#7a5a1f;margin-bottom:9px;display:flex;align-items:center;gap:7px}
.auth-note p{font-size:13.8px;color:#6b5f4a;line-height:1.85;margin-bottom:8px}
.auth-note p:last-child{margin-bottom:0}
.auth-note b{color:#5a4a2e}

/* 系统闭环 */
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.14);border-radius:12px;overflow:hidden}
.loop-i{background:#123a5c;padding:20px 16px;text-align:center}
.loop-i .n{font-size:11px;font-weight:800;color:var(--gold-l);letter-spacing:1px;margin-bottom:7px}
.loop-i h4{font-size:14.5px;color:#fff;margin-bottom:5px}
.loop-i p{font-size:12px;color:rgba(255,255,255,.62);line-height:1.6}

/* 45天开业节奏 */
.gantt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px;overflow:hidden}
.gantt-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;margin-bottom:11px;font-size:13px}
.gantt-row .nm{color:#3c5265;text-align:right;font-weight:600}
.gantt-bar-outer{height:26px;background:#f4f6f9;border-radius:5px;position:relative}
.gantt-bar{position:absolute;height:100%;border-radius:5px;display:flex;align-items:center;padding:0 9px;font-size:11.5px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden}
.gantt-scale{display:grid;grid-template-columns:130px repeat(6,1fr);gap:0;font-size:11px;color:var(--gray-2);margin-bottom:8px;text-align:center}
.gantt-scale span:first-child{text-align:right;padding-right:14px}

/* 价格构成 */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.price-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.price-box.in{border-color:#cfe6da;background:#fbfdfc}
.price-box.out{border-color:#ecdcdc;background:#fdfbfb}
.price-box h4{font-size:14.5px;margin-bottom:12px;display:flex;align-items:center;gap:7px}
.price-box.in h4{color:#2f7a5f}
.price-box.out h4{color:#a85248}
.price-box li{font-size:13.3px;color:#3c5265;padding-left:16px;position:relative;margin-bottom:7px;line-height:1.7}
.price-box li:before{content:"·";position:absolute;left:3px;font-weight:800;color:var(--gray-2)}

/* 结论/数据强调 */
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kpi{background:#fff;padding:22px 24px}
.kpi .v{font-size:30px;font-weight:800;color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .v small{font-size:14px;color:var(--gray);margin-left:2px}
.kpi .k{font-size:13px;color:var(--gray);margin-top:7px;line-height:1.6}

/* 引用块（客户原话） */
.voice{background:#fff;border-radius:14px;padding:26px;border:1px solid var(--line);position:relative}
.voice p{font-size:14.3px;color:#2c4055;line-height:1.9;margin-bottom:14px}
.voice .who{font-size:12.5px;color:var(--gray-2);border-top:1px solid var(--line);padding-top:12px}
.voice .who b{color:var(--navy);font-weight:700}

@media(max-width:1000px){
  .tri{grid-template-columns:1fr}
  .dual{grid-template-columns:1fr}
  .loop{grid-template-columns:1fr 1fr}
  .price-grid{grid-template-columns:1fr}
  .kpi-row{grid-template-columns:1fr}
}
@media(max-width:720px){
  .loop{grid-template-columns:1fr}
  .gantt-row{grid-template-columns:88px 1fr}
  .gantt-row .nm{font-size:11.5px}
  .gantt-scale{grid-template-columns:88px repeat(6,1fr)}
  .mode-bd dl{grid-template-columns:1fr auto}
}

/* 三列边界卡 */
.boundary.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.boundary.three{grid-template-columns:1fr}}

/* ============================================================
   投放落地页（lp.html）专用：无导航、单目标、强表单
   ============================================================ */
.lp{background:#0a2237;min-height:100vh;padding-bottom:0}
.lp-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.lp-logo{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:17px}
.lp-logo em{width:28px;height:28px;border-radius:7px;background:var(--gold);color:#0a2237;display:grid;place-items:center;font-size:13px;font-style:normal;font-weight:800}
.lp-tel{color:rgba(255,255,255,.7);font-size:13.5px}
.lp-tel b{color:#fff;font-size:17px;letter-spacing:.5px}
.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start;padding:52px 0 60px}
.lp-hero h1{color:#fff;font-size:40px;line-height:1.24;letter-spacing:-.8px;margin-bottom:20px}
.lp-hero h1 span{color:var(--gold-l)}
.lp-sub{font-size:16px;color:rgba(255,255,255,.74);line-height:1.95;margin-bottom:26px}
.lp-points{display:grid;gap:11px;margin-bottom:0}
.lp-points li{display:flex;gap:10px;font-size:14.3px;color:rgba(255,255,255,.85);line-height:1.7}
.lp-points li i{flex-shrink:0;width:17px;height:17px;border-radius:50%;background:rgba(184,132,47,.22);color:var(--gold-l);display:grid;place-items:center;font-size:10px;font-style:normal;margin-top:4px}
.lp-form{background:#fff;border-radius:16px;padding:28px 26px;box-shadow:0 20px 60px rgba(0,0,0,.35);position:sticky;top:20px}
.lp-form h3{font-size:20px;margin-bottom:5px}
.lp-form .fh{font-size:13px;color:var(--gray);margin-bottom:18px;line-height:1.6}
.lp-strip{background:#fff;padding:44px 0}
.lp-strip .grid4{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lp-strip .cell{background:#fff;padding:22px 20px}
.lp-strip .cell .v{font-size:26px;font-weight:800;color:var(--navy);line-height:1.15;font-variant-numeric:tabular-nums}
.lp-strip .cell .k{font-size:12.5px;color:var(--gray);margin-top:6px;line-height:1.6}
.lp-why{background:#f8f7f4;padding:48px 0}
.lp-why .grid3 .pline{background:#fff}
.lp-bottom{padding:40px 0 110px;text-align:center;color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.9}
.sticky-bar{display:none}
@media(max-width:900px){
  .lp-hero{grid-template-columns:1fr;gap:30px;padding:32px 0 40px}
  .lp-hero h1{font-size:29px}
  .lp-form{position:static}
  .lp-strip .grid4{grid-template-columns:1fr 1fr}
  .lp-tel{display:none}
  .lp-bottom{padding-bottom:96px}
  .sticky-bar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99;
    background:#fff;border-top:1px solid var(--line);padding:10px 14px;gap:10px;
    box-shadow:0 -6px 20px rgba(13,43,69,.10);
  }
  .sticky-bar .sb-txt{flex:1;font-size:12px;color:var(--gray);line-height:1.4}
  .sticky-bar .sb-txt b{display:block;color:var(--navy);font-size:13.5px;margin-bottom:1px}
  .sticky-bar .btn{flex-shrink:0}
}

/* ============================================================
   v3 · 深圳多校区就近匹配
   ============================================================ */
.locator{display:grid;grid-template-columns:.86fr 1.14fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:26px}
.loc-form{padding:28px 30px;border-right:1px solid var(--line);background:#fbfcfd}
.loc-form h3{font-size:17.5px;margin-bottom:6px}
.loc-form .lh{font-size:13px;color:var(--gray);line-height:1.75;margin-bottom:18px}
.loc-form label{display:block;font-size:12px;color:var(--gray-2);font-weight:700;letter-spacing:.6px;margin-bottom:6px}
.loc-form select{width:100%;padding:11px 13px;border:1px solid #d5dde5;border-radius:9px;font-size:14.2px;font-family:inherit;margin-bottom:14px;background:#fff;color:#2c4055;outline:none}
.loc-form select:focus{border-color:var(--navy)}
.loc-form .btn{width:100%;margin-top:2px}
.loc-out{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
.loc-empty{color:var(--gray-2);font-size:13.4px;line-height:1.95}
.loc-empty b{color:var(--navy)}
.loc-card .lc-top{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap}
.loc-card .lc-name{font-size:20px;font-weight:800;color:var(--navy)}
.loc-card .lc-badge{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:5px;background:#eef4f0;color:#2f7a5f;border:1px solid #d8e8df}
.loc-card .lc-badge.gold{background:#fdf7ec;color:#a27a26;border-color:#f0e2c6}
.loc-card p{font-size:13.8px;color:#3c5265;line-height:1.85;margin-bottom:14px}
.loc-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:13.3px;color:#3c5265;margin-bottom:16px;border-top:1px dashed var(--line);padding-top:13px}
.loc-card dt{color:var(--gray-2);white-space:nowrap}
.loc-card dd{font-weight:600}
.loc-card .lc-btns{display:flex;gap:9px;flex-wrap:wrap}

/* 校区分布卡 */
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.cg{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;transition:.2s}
.cg:hover{border-color:#c3d3e0;box-shadow:var(--shadow);transform:translateY(-2px)}
.cg .cg-d{font-size:15.5px;font-weight:800;color:var(--navy);margin-bottom:3px;display:flex;align-items:center;gap:7px}
.cg .cg-d i{width:5px;height:5px;border-radius:50%;background:var(--gold);font-style:normal;flex-shrink:0}
.cg .cg-n{font-size:12px;color:var(--gray-2);margin-bottom:9px}
.cg .cg-t{font-size:12.5px;color:#3c5265;line-height:1.7}
.cg .cg-t b{color:var(--navy);font-weight:700}
@media(max-width:1000px){
  .locator{grid-template-columns:1fr}
  .loc-form{border-right:0;border-bottom:1px solid var(--line)}
  .cgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .cgrid{grid-template-columns:1fr}
  .loc-form,.loc-out{padding:22px 20px}
}

/* ============================================================
   v4 · 品牌借势组件（品牌代理叙事）
   ============================================================ */

/* 品牌数字墙 */
.bnums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bnum{background:#fff;padding:24px 22px;transition:.2s}
.bnum:hover{background:#fbfcfd}
.bnum .v{font-size:33px;font-weight:800;color:var(--navy);line-height:1.1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.bnum .v small{font-size:14px;font-weight:700;color:var(--gray);margin-left:3px;letter-spacing:0}
.bnum .k{font-size:12.6px;color:var(--gray);margin-top:8px;line-height:1.6}

/* 深色品牌带 */
.bband{background:linear-gradient(135deg,#0a2237 0%,#123a5c 58%,#17496f 100%);border-radius:18px;padding:38px 40px;color:#fff;position:relative;overflow:hidden}
.bband:after{content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(184,132,47,.20),transparent 70%)}
.bband .bb-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:1.6px;color:#e2c88a;margin-bottom:14px}
.bband .bb-tag i{width:5px;height:5px;border-radius:50%;background:#e2c88a;font-style:normal}
.bband h3{font-size:23px;color:#fff;margin-bottom:12px;letter-spacing:-.3px;line-height:1.45}
.bband p{font-size:14.4px;color:rgba(255,255,255,.76);line-height:1.95;margin-bottom:0;max-width:760px;position:relative;z-index:2}
.bband .bb-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);border-radius:11px;overflow:hidden;margin-top:26px;position:relative;z-index:2}
.bband .bb-n{background:rgba(255,255,255,.045);padding:17px 18px}
.bband .bb-n .v{font-size:25px;font-weight:800;color:#fff;line-height:1.15;font-variant-numeric:tabular-nums}
.bband .bb-n .v small{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.6);margin-left:2px}
.bband .bb-n .k{font-size:11.8px;color:rgba(255,255,255,.55);margin-top:5px;line-height:1.5}

/* 资质标签 */
.qtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;position:relative;z-index:2}
.qtags span{font-size:12px;padding:5px 11px;border-radius:6px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.82)}

/* 借势三卡（白底，带序号边） */
.lend{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lend-i{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;position:relative;transition:.2s}
.lend-i:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#c9d8e5}
.lend-i .li-n{font-size:11.5px;font-weight:800;letter-spacing:1.6px;color:var(--gold);margin-bottom:11px}
.lend-i h3{font-size:17px;margin-bottom:9px;line-height:1.45}
.lend-i p{font-size:13.6px;color:var(--gray);line-height:1.85}
.lend-i .li-b{margin-top:14px;padding-top:13px;border-top:1px dashed var(--line);font-size:12.6px;color:#2f7a5f;font-weight:700;line-height:1.6}

/* 代理级别表 */
.lvl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:13.5px}
.lvl th{background:#f6f8fa;padding:13px 16px;text-align:left;font-size:12.5px;color:var(--gray-2);font-weight:700;letter-spacing:.5px;border-bottom:1px solid var(--line)}
.lvl td{padding:14px 16px;border-bottom:1px solid var(--line);color:#3c5265;line-height:1.65;vertical-align:top}
.lvl tr:last-child td{border-bottom:0}
.lvl td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}
.lvl .hi{background:#fbfdfc}
.lvl .p{font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}

/* 品牌背书小条（C 端页用） */
.bbar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 22px;font-size:13px;color:var(--gray)}
.bbar i{width:1px;height:16px;background:var(--line);font-style:normal}
.bbar b{color:var(--navy);font-weight:800;font-variant-numeric:tabular-nums}
.bbar .bb-lead{font-weight:700;color:var(--navy)}

@media(max-width:1000px){
  .bnums{grid-template-columns:1fr 1fr}
  .lend{grid-template-columns:1fr}
  .bband{padding:28px 24px}
  .bband .bb-nums{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .bnums{grid-template-columns:1fr}
  .bband h3{font-size:19px}
  .lvl{font-size:12.5px}
  .lvl th,.lvl td{padding:11px 12px}
  .bbar{gap:12px;font-size:12.4px}
  .bbar i{display:none}
}

/* ---------- 为什么通过我们（对比表 + 双通道） ---------- */
.wtable{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:13.5px}
.wtable th{padding:13px 18px;text-align:left;font-size:12.5px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid var(--line)}
.wtable th:first-child{background:#f6f8fa;color:var(--gray-2);width:15%}
.wtable th.hq{background:#f6f8fa;color:var(--gray)}
.wtable th.us{background:var(--navy);color:#fff}
.wtable td{padding:15px 18px;border-bottom:1px solid var(--line);color:#3c5265;line-height:1.7;vertical-align:top}
.wtable tr:last-child td{border-bottom:0}
.wtable td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}
.wtable td.us{background:#fbfdfd;font-weight:500;color:var(--ink)}
.wtable td.us b{color:var(--navy)}
.wtable .dim{color:var(--gray-2)}
.wdual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.wcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px}
.wcard.gold{border-color:rgba(184,132,47,.4);background:linear-gradient(180deg,#fffdf8,#fff)}
.wcard .wtag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:999px;margin-bottom:12px}
.wcard.give .wtag{background:#eef4f9;color:var(--navy)}
.wcard.gold .wtag{background:rgba(184,132,47,.12);color:var(--gold)}
.wcard h3{font-size:17px;margin-bottom:12px}
.wcard ul{list-style:none;margin:0;padding:0}
.wcard li{position:relative;padding-left:20px;font-size:13.6px;color:#3c5265;line-height:1.75;margin-bottom:9px}
.wcard li:before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:2px;background:var(--gold-l)}
.wcard.give li:before{background:#7fa8c9}
.wcard .wfoot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:12.8px;color:var(--gray);line-height:1.7}
.wlead{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px 22px;margin-top:22px;font-size:14.5px;line-height:1.8}
.wlead b{color:var(--navy)}
@media(max-width:900px){
  .wtable{font-size:12.3px}
  .wtable th,.wtable td{padding:11px 12px}
  .wtable td:first-child{white-space:normal}
  .wdual{grid-template-columns:1fr}
}