/* ============================================================
   聚云南 · 案场客户管理系统 — PC 宣传页
   橄榄绿 #7A8B6E / 暖米 #F5F3EE / 金色 #C6A265
   ============================================================ */

:root{
  --cream:#f5f3ee;
  --cream-2:#efebe2;
  --cream-3:#e8e2d5;
  --surface:#fffdf8;
  --olive:#7a8b6e;
  --olive-dark:#3f4a39;
  --olive-deep:#2f3829;
  --olive-soft:#e9ede4;
  --gold:#c6a265;
  --gold-deep:#a98a55;
  --gold-ink:#8a6b3d;
  --ink:#2e332b;
  --muted:#72766b;
  --line:#e4ded1;
  --line-strong:#d5cdbc;
  --serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","SimSun",Georgia,serif;
  --sans:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --wrap:1240px;
  --shadow-soft:0 24px 60px -38px rgba(47,56,41,.42);
  --shadow-deep:0 30px 70px -42px rgba(47,56,41,.55);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,p{margin:0}
button,input{font:inherit;color:inherit}
::selection{background:rgba(198,162,101,.28)}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 32px}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{
  position:fixed;top:-60px;left:16px;z-index:200;
  padding:10px 16px;border-radius:8px;background:var(--olive-deep);color:#fff;
  font-size:13px;transition:top .2s;
}
.skip:focus{top:12px}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:48px;padding:0 22px;border-radius:12px;
  border:1px solid transparent;
  font-size:14px;font-weight:500;letter-spacing:.01em;
  white-space:nowrap;cursor:pointer;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.btn .ic{width:17px;height:17px;transition:transform .22s ease}
.btn:hover .ic{transform:translateX(3px)}
.btn-solid{background:var(--olive-deep);color:#f7f4ec;box-shadow:0 16px 30px -20px rgba(47,56,41,.7)}
.btn-solid:hover{background:#3a4533;transform:translateY(-1px);box-shadow:0 20px 36px -20px rgba(47,56,41,.75)}
.btn-line{border-color:var(--line-strong);color:var(--ink);background:rgba(255,253,248,.35)}
.btn-line:hover{border-color:var(--olive);background:rgba(255,253,248,.8)}
.btn-sm{height:40px;padding:0 16px;font-size:13px;border-radius:10px}
.btn-lg{height:52px;padding:0 26px;font-size:14.5px;border-radius:13px}

/* ---------- 顶栏 ---------- */
.hdr{
  position:sticky;top:0;z-index:80;
  background:rgba(245,243,238,.82);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(213,205,188,.5);
  transition:box-shadow .3s,background .3s;
}
.hdr.scrolled{background:rgba(245,243,238,.94);box-shadow:0 12px 30px -26px rgba(47,56,41,.5)}
.hdr-in{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-mark{
  width:36px;height:36px;flex:none;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--gold);
  color:var(--gold-ink);
  font-family:var(--serif);font-size:18px;font-weight:600;
  background:rgba(198,162,101,.08);
}
.brand-mark.small{width:32px;height:32px;font-size:16px}
.brand-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.brand-txt strong{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.04em;white-space:nowrap}
.brand-txt em{font-style:normal;font-size:8.5px;letter-spacing:.18em;color:var(--muted);white-space:nowrap}
.nav{display:flex;align-items:center;gap:26px}
.nav a{position:relative;font-size:13px;color:#5d6257;padding:6px 0;transition:color .2s}
.nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .25s ease;
}
.nav a:hover{color:var(--ink)}
.nav a:hover::after,
.nav a.on::after{transform:scaleX(1)}
.nav a.on{color:var(--ink)}

/* ---------- 首屏 ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg::before{
  content:"";position:absolute;top:-160px;right:-120px;width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(198,162,101,.17),rgba(198,162,101,0) 64%);
}
.hero-bg::after{
  content:"";position:absolute;left:-180px;bottom:-260px;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(122,139,110,.14),rgba(122,139,110,0) 66%);
}
.hero-word{
  position:absolute;right:-26px;bottom:-110px;
  font-family:var(--serif);font-size:260px;line-height:1;font-weight:600;
  color:rgba(122,139,110,.055);letter-spacing:-.02em;user-select:none;
}
.hero-line{position:absolute;top:0;bottom:0;width:1px;background:rgba(213,205,188,.35)}
.hero-line.l1{left:38%}
.hero-line.l2{left:76%}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;
  min-height:calc(100svh - 68px);
  padding-top:56px;padding-bottom:48px;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:10.5px;letter-spacing:.2em;color:var(--gold-ink);
}
.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(198,162,101,.16)}
.hero h1{
  margin-top:22px;
  font-family:var(--serif);
  font-size:clamp(46px,5.1vw,72px);
  line-height:1.12;font-weight:600;letter-spacing:.01em;
}
.hero h1 em{font-style:normal;color:var(--olive)}
.lead{
  margin-top:24px;max-width:470px;
  font-size:14.5px;line-height:1.95;color:#646a5e;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-meta{
  display:flex;flex-wrap:wrap;gap:0;
  margin-top:38px;padding-top:20px;border-top:1px solid var(--line);
}
.hero-meta li{
  position:relative;padding:0 20px;
  font-size:11.5px;color:var(--muted);
}
.hero-meta li:first-child{padding-left:0}
.hero-meta li + li::before{
  content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;
  background:var(--gold);transform:translateY(-50%);
}

/* 首屏三端示意 */
.hero-stage{
  position:relative;
  display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:end;
  padding:14px 0 30px;
}
.stage-glow{
  position:absolute;inset:8% 2% 2% 6%;border-radius:50%;
  background:linear-gradient(145deg,rgba(122,139,110,.26),rgba(198,162,101,.12));
  filter:blur(46px);
}
.dev-pc{
  grid-column:1/-1;position:relative;z-index:2;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-deep);
  transform:rotate(-1.1deg);
}
.pc-bar{
  display:flex;align-items:center;gap:10px;height:31px;padding:0 12px;
  border-bottom:1px solid #efe9dd;
}
.dots{display:inline-flex;gap:4px}
.dots i{width:6px;height:6px;border-radius:50%;background:#dcd5c6}
.pc-url{
  flex:1;text-align:center;font-size:8.5px;color:#9b9c92;letter-spacing:.08em;
  background:#f5f2ea;border-radius:5px;padding:3px 8px;
}
.pc-live{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#5f7757}
.pc-live i{width:4px;height:4px;border-radius:50%;background:#7d9a70;box-shadow:0 0 0 2px rgba(125,154,112,.18)}
.pc-body{display:flex;min-height:250px}
.pc-side{
  width:36px;flex:none;border-right:1px solid #f0ebdf;
  display:flex;flex-direction:column;align-items:center;gap:11px;padding:12px 0;
}
.ps-logo{
  width:20px;height:20px;border-radius:6px;border:1px solid rgba(198,162,101,.55);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:9px;color:var(--gold-ink);margin-bottom:4px;
}
.ps-item{width:15px;height:4px;border-radius:3px;background:#e6e0d3}
.ps-item.on{background:var(--olive);width:17px}
.pc-main{flex:1;padding:13px 15px 14px;min-width:0}
.pc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.pc-head strong{display:block;font-size:11.5px;letter-spacing:.02em}
.pc-head em{display:block;margin-top:2px;font-style:normal;font-size:8px;color:#9a9b90}
.pc-tag{
  padding:3px 7px;border-radius:5px;background:#f1eee5;color:#8a7448;
  font-size:7.5px;white-space:nowrap;
}
.pc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}
.pc-kpis > div{
  padding:7px 8px;border-radius:8px;background:#f8f6f0;border:1px solid #f0ebdf;
  display:flex;flex-direction:column;gap:2px;
}
.pc-kpis span{font-size:7px;color:#9a9b90}
.pc-kpis strong{font-size:16px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
.pc-chart{margin-top:11px}
.pc-chart-top{display:flex;align-items:center;justify-content:space-between;font-size:7.5px;color:#9a9b90}
.pc-up{color:#6f8a63;font-weight:500}
.pc-bars{display:flex;align-items:flex-end;gap:4px;height:64px;margin-top:6px;border-bottom:1px solid #f0ebdf;padding-bottom:2px}
.pc-bars i{
  flex:1;height:var(--h);border-radius:2px 2px 1px 1px;
  background:linear-gradient(180deg,#94a587,#7a8b6e);opacity:.82;
}
.pc-bars i:last-child{background:linear-gradient(180deg,#d4b883,#c6a265);opacity:1}
.pc-rows{margin-top:9px;display:flex;flex-direction:column;gap:4px}
.pc-row{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:6px;background:#fbf9f4;font-size:7.5px}
.pr-av{
  width:16px;height:16px;border-radius:5px;background:#eef1e9;color:#5f7054;
  display:flex;align-items:center;justify-content:center;font-size:7px;
}
.pr-nm{font-weight:600;color:#454b41}
.pr-sub{color:#9a9b90}
.pr-badge{margin-left:auto;padding:2px 5px;border-radius:4px;background:#f5eee0;color:#96773f;font-size:6.5px}

.dev-pad{
  grid-column:1;position:relative;z-index:3;justify-self:start;
  width:214px;margin-left:20px;margin-top:-30px;
  background:#fffdf8;border:5px solid #333d2e;border-radius:20px;
  padding:12px 12px 15px;
  box-shadow:0 26px 50px -26px rgba(47,56,41,.62);
  transform:rotate(1.2deg);
}
.pad-cam{display:block;width:26px;height:3px;border-radius:99px;background:#d9d3c5;margin:0 auto 9px}
.pad-head{display:flex;align-items:baseline;justify-content:space-between}
.pad-head strong{font-size:11px;letter-spacing:.04em}
.pad-head em{font-style:normal;font-size:7.5px;color:#9a9b90}
.pad-field{
  margin-top:9px;padding:8px 9px;border:1px solid #e0dacd;border-radius:8px;
  display:flex;flex-direction:column;gap:2px;
}
.pad-field span{font-size:6.5px;color:#9a9b90}
.pad-field strong{font-size:11px;letter-spacing:.06em;font-weight:600}
.pad-badge{
  display:inline-block;margin-top:7px;padding:3px 7px;border-radius:5px;
  background:#eef1e9;color:#5f7757;font-size:7px;
}
.pad-owner{margin-top:6px;font-size:6.8px;color:#8b8d82;line-height:1.5}
.pad-owner b{color:#4d5347;font-weight:600}
.pad-label{margin-top:9px;font-size:7px;color:#9a9b90}
.pad-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.pad-chips span{
  padding:3px 6px;border-radius:5px;background:#f6f3eb;border:1px solid #ece6d9;
  font-size:6.8px;color:#6e7267;
}
.pad-chips .add{background:#fffdf8;border-style:dashed;color:#9a7c45}
.pad-photo{
  margin-top:9px;height:42px;border-radius:8px;border:1px dashed #d9d2c2;
  background:#faf8f2;display:flex;align-items:center;justify-content:center;gap:5px;
  color:#a3a397;font-size:7px;
}
.pad-photo .ic{width:12px;height:12px}
.pad-btn{
  margin-top:9px;height:27px;border-radius:7px;background:var(--olive-deep);color:#f5f3ee;
  display:flex;align-items:center;justify-content:center;font-size:8.5px;letter-spacing:.08em;
}

.dev-phone{
  grid-column:2;position:relative;z-index:4;justify-self:end;
  width:178px;margin-top:-72px;margin-right:4px;
  background:#333d2e;border:1px solid rgba(255,255,255,.1);border-radius:24px;
  padding:10px 11px 12px;color:#f0ede3;
  box-shadow:0 30px 56px -26px rgba(38,45,33,.7);
  transform:rotate(2deg);
}
.ph-status{display:flex;align-items:center;justify-content:space-between;font-size:6.5px;color:rgba(255,255,255,.5)}
.ph-notch{width:30px;height:3px;border-radius:99px;background:rgba(255,255,255,.24)}
.ph-head{display:flex;align-items:center;justify-content:space-between;margin-top:11px}
.ph-head strong{display:block;font-size:10px;letter-spacing:.04em}
.ph-head em{display:block;margin-top:1px;font-style:normal;font-size:6.5px;color:rgba(255,255,255,.45)}
.ph-av{
  width:20px;height:20px;border-radius:7px;background:rgba(198,162,101,.22);color:#e2cc9f;
  display:flex;align-items:center;justify-content:center;font-size:7.5px;
}
.ph-card{
  margin-top:6px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.05);
  display:flex;flex-direction:column;gap:1px;position:relative;
}
.ph-card.hot{background:rgba(198,162,101,.16);border-color:rgba(198,162,101,.22)}
.ph-tag{font-size:5.8px;letter-spacing:.12em;color:#d8c08c}
.ph-card strong{font-size:7.5px;font-weight:500}
.ph-card em{font-style:normal;font-size:6.2px;color:rgba(255,255,255,.44)}
.ph-mic{
  display:flex;align-items:center;gap:5px;margin-top:8px;padding:6px 7px;border-radius:8px;
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:6.2px;
}
.ph-mic .ic{width:11px;height:11px;color:#d8c08c}
.ph-nav{display:flex;justify-content:space-around;margin-top:9px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08)}
.ph-nav span{width:12px;height:3px;border-radius:2px;background:rgba(255,255,255,.18)}
.ph-nav span.on{background:#d8c08c}

.dev-label{
  position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px;border-radius:99px;
  background:var(--cream);border:1px solid var(--line-strong);
  font-size:8px;letter-spacing:.06em;color:#6d7166;white-space:nowrap;
  box-shadow:0 8px 18px -14px rgba(47,56,41,.4);
}
.dev-label .ic{width:11px;height:11px;color:var(--olive)}
.label-pc{top:-27px;left:0;bottom:auto;transform:none}
.label-pad{bottom:-29px}
.label-ph{bottom:-29px}

.stage-chip{
  position:absolute;z-index:6;
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 11px;border-radius:9px;
  background:rgba(255,253,248,.95);border:1px solid var(--line);
  box-shadow:0 16px 30px -22px rgba(47,56,41,.5);
  font-size:9px;color:#5d6356;white-space:nowrap;
}
.stage-chip .ic{width:13px;height:13px;color:var(--gold-deep)}
.chip-a{top:-6px;right:0}
.chip-b{bottom:44px;left:-16px}

/* ---------- 通用段落 ---------- */
.section{padding:112px 0 0;scroll-margin-top:80px}
.sec-head{max-width:680px}
.sec-head.wide{max-width:760px}
.kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10.5px;letter-spacing:.2em;color:var(--gold-ink);text-transform:uppercase;
}
.kicker::before{content:"";width:22px;height:1px;background:currentColor;opacity:.55}
.kicker.light{color:#d8c08c}
.sec-head h2{
  margin-top:15px;
  font-family:var(--serif);font-size:clamp(30px,3.5vw,44px);
  line-height:1.26;font-weight:600;letter-spacing:.01em;
}
.sec-sub{margin-top:16px;max-width:560px;font-size:13.5px;line-height:1.9;color:var(--muted)}
.split{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}
.sticky{position:sticky;top:110px}

/* ---------- 痛点 ---------- */
.pains{padding-top:104px}
.pain-list{border-top:1px solid var(--line-strong)}
.pain-list li{
  display:grid;grid-template-columns:40px 1fr auto;gap:18px;align-items:start;
  padding:23px 0;border-bottom:1px solid var(--line);
  transition:background .25s ease;
}
.pain-list li:hover{background:rgba(255,253,248,.5)}
.p-num{
  font-family:var(--serif);font-size:12px;color:var(--gold-deep);
  letter-spacing:.1em;padding-top:2px;
}
.p-body h3{font-size:16px;font-weight:600;letter-spacing:.01em}
.p-body p{margin-top:6px;font-size:12.5px;line-height:1.8;color:var(--muted);max-width:460px}
.p-tag{
  padding:3px 8px;border-radius:5px;border:1px solid var(--line);
  background:rgba(255,253,248,.6);font-size:9px;color:#8d8f84;white-space:nowrap;
}
.pull{
  margin-top:64px;padding:8px 0 8px 28px;
  border-left:2px solid var(--gold);
  font-family:var(--serif);font-size:clamp(19px,2vw,25px);line-height:1.7;color:#4b5247;
}
.pull b{font-weight:600;color:var(--ink)}

/* ---------- 产品闭环 ---------- */
.loop{
  margin-top:112px;padding:96px 0 92px;
  background:
    linear-gradient(180deg,rgba(255,253,248,.28),rgba(255,253,248,0)),
    var(--cream-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.loop-track{
  position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:14px;
  margin-top:60px;
}
.loop-track::before{
  content:"";position:absolute;top:21px;left:2%;right:2%;height:1px;
  background:linear-gradient(90deg,rgba(198,162,101,.15),rgba(198,162,101,.55),rgba(122,139,110,.3));
  transform:scaleX(0);transform-origin:left;
  transition:transform 1.4s cubic-bezier(.2,.7,.3,1) .2s;
}
.loop-track.in::before{transform:scaleX(1)}
.loop-track li{position:relative;padding-top:58px;min-width:0}
.step-ic{
  position:absolute;top:0;left:0;z-index:1;
  width:44px;height:44px;border-radius:50%;
  background:var(--cream-2);border:1px solid var(--line-strong);
  display:flex;align-items:center;justify-content:center;color:#5f7054;
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.step-ic .ic{width:18px;height:18px}
.step-ic.gold{color:var(--gold-deep);border-color:rgba(198,162,101,.5);background:#f3ecdd}
.loop-track li:hover .step-ic{transform:translateY(-3px);border-color:var(--olive);background:var(--surface)}
.step-n{
  position:absolute;top:-7px;left:56px;
  font-size:9px;letter-spacing:.14em;color:var(--gold-deep);
}
.loop-track h3{margin-top:6px;font-size:13.5px;font-weight:600;letter-spacing:.01em}
.loop-track p{margin-top:5px;font-size:11px;line-height:1.7;color:var(--muted)}
.loop-note{
  display:flex;align-items:center;gap:8px;justify-content:center;
  margin-top:48px;font-size:11.5px;color:#6f7468;
}
.loop-note .ic{width:14px;height:14px;color:var(--gold-deep)}

/* ---------- 三端 ---------- */
.ends{padding-top:104px}
.ends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:56px}
.end{border-top:1px solid var(--line-strong);padding-top:20px;min-width:0}
.end-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.end-k{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.03em}
.end-for{font-size:9.5px;letter-spacing:.14em;color:var(--gold-ink);white-space:nowrap}
.end-device{
  height:252px;margin-top:22px;border-radius:16px;
  background:
    radial-gradient(120% 90% at 50% 10%,rgba(122,139,110,.12),transparent 64%),
    var(--cream-2);
  border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.mini-browser{
  width:86%;max-width:310px;background:var(--surface);border:1px solid var(--line);
  border-radius:10px;box-shadow:0 16px 30px -24px rgba(47,56,41,.5);
  transform:rotate(-1deg);
}
.mb-bar{display:flex;align-items:center;gap:7px;height:20px;padding:0 8px;border-bottom:1px solid #f0ebdf}
.mb-bar .dots i{width:4px;height:4px}
.mb-url{font-size:6px;color:#a3a397;background:#f5f2ea;border-radius:3px;padding:2px 6px;flex:1;text-align:center}
.mb-body{display:flex;min-height:140px}
.mb-side{width:22px;border-right:1px solid #f0ebdf;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 0}
.mb-side span{width:9px;height:3px;border-radius:2px;background:#e3ddcf}
.mb-side span.on{background:var(--olive);width:11px}
.mb-main{flex:1;padding:8px}
.mb-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mb-kpis div{padding:5px 6px;border-radius:5px;background:#f8f6f0;border:1px solid #f0ebdf}
.mb-kpis span{display:block;font-size:5.5px;color:#9a9b90}
.mb-kpis b{font-size:11px;font-weight:600}
.mb-chart{display:flex;align-items:flex-end;gap:3px;height:46px;margin-top:7px;border-bottom:1px solid #f0ebdf;padding-bottom:2px}
.mb-chart i{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(180deg,#94a587,#7a8b6e);opacity:.82}
.mb-chart i:last-child{background:linear-gradient(180deg,#d4b883,#c6a265);opacity:1}
.mb-line{height:4px;border-radius:2px;background:#f1ede4;margin-top:6px}
.mb-line.short{width:62%}

.mini-pad{
  width:118px;padding:8px 8px 10px;border-radius:12px;
  background:var(--surface);border:3px solid #333d2e;
  box-shadow:0 16px 28px -20px rgba(47,56,41,.55);
  transform:rotate(1.4deg);
}
.mp-cam{display:block;width:16px;height:2px;border-radius:99px;background:#d9d3c5;margin:0 auto 6px}
.mp-title{font-size:7.5px;font-weight:600;letter-spacing:.05em}
.mp-field{
  margin-top:6px;padding:5px 6px;border:1px solid #e5dfd2;border-radius:5px;
  font-size:7.5px;letter-spacing:.05em;font-weight:600;
}
.mp-badge{display:inline-block;margin-top:5px;padding:2px 5px;border-radius:3px;background:#eef1e9;color:#5f7757;font-size:5.5px}
.mp-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px;font-size:5.5px;color:#9a9b90}
.mp-row b{font-weight:500;color:#4d5347}
.mp-photo{
  margin-top:6px;height:30px;border-radius:5px;border:1px dashed #d9d2c2;background:#faf8f2;
  display:flex;align-items:center;justify-content:center;color:#a3a397;
}
.mp-photo .ic{width:10px;height:10px}
.mp-btn{margin-top:6px;height:19px;border-radius:5px;background:var(--olive-deep);color:#f5f3ee;display:flex;align-items:center;justify-content:center;font-size:6px;letter-spacing:.06em}

.mini-phone{
  width:108px;padding:8px 8px 9px;border-radius:16px;
  background:#333d2e;color:#f0ede3;
  box-shadow:0 18px 30px -20px rgba(38,45,33,.7);
  transform:rotate(-2deg);
}
.mph-status{font-size:5.5px;color:rgba(255,255,255,.45)}
.mph-title{margin-top:8px;font-size:8px;letter-spacing:.04em}
.mph-item{margin-top:5px;padding:5px 6px;border-radius:5px;background:rgba(255,255,255,.07)}
.mph-item b{display:block;font-size:6.5px;font-weight:500}
.mph-item span{display:block;font-size:5px;color:rgba(255,255,255,.45)}
.mph-mic{display:flex;align-items:center;justify-content:center;margin-top:6px;padding:5px;border-radius:5px;background:rgba(198,162,101,.18);color:#d8c08c}
.mph-mic .ic{width:9px;height:9px}
.mph-nav{display:flex;justify-content:space-around;margin-top:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.08)}
.mph-nav i{width:7px;height:2px;border-radius:2px;background:rgba(255,255,255,.18)}
.mph-nav i.on{background:#d8c08c}

.end-lead{margin-top:20px;font-size:12.5px;line-height:1.85;color:#5f655a;max-width:320px}
.end-list{margin-top:14px;display:flex;flex-direction:column;gap:7px}
.end-list li{position:relative;padding-left:13px;font-size:11.5px;color:var(--muted)}
.end-list li::before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;border-radius:50%;background:var(--gold)}
.ends-note{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:52px;padding-top:26px;border-top:1px solid var(--line);
  font-size:11.5px;color:var(--muted);
}
.ends-note .ic{width:14px;height:14px;color:var(--olive)}

/* ---------- 核心能力 ---------- */
.features{padding-top:112px}
.feature{
  display:grid;grid-template-columns:.94fr 1.06fr;gap:66px;align-items:center;
  padding:74px 0;border-top:1px solid var(--line);
}
.features .feature:first-of-type{margin-top:50px}
.feature.flip .feature-copy{order:2}
.feature.flip .feature-visual{order:1}
.f-kicker{font-size:10px;letter-spacing:.18em;color:var(--gold-ink);text-transform:uppercase}
.feature-copy h3{
  margin-top:13px;font-family:var(--serif);
  font-size:clamp(28px,2.9vw,38px);line-height:1.3;font-weight:600;
}
.f-lead{margin-top:15px;font-size:13.5px;line-height:1.9;color:#5f6559;max-width:460px}
.f-points{margin-top:24px;border-top:1px solid var(--line)}
.f-points li{padding:13px 0;border-bottom:1px dashed var(--line);font-size:11.8px;line-height:1.8;color:var(--muted)}
.f-points li b{display:block;margin-bottom:2px;font-size:12.2px;font-weight:600;color:#454b41}
.f-points.compact li{padding:10px 0}
.f-note{margin-top:18px;padding-left:13px;border-left:2px solid rgba(198,162,101,.6);font-size:10.8px;line-height:1.8;color:#8d8b7f}
.feature-visual{
  background:var(--surface);border:1px solid var(--line);border-radius:24px;
  padding:22px;box-shadow:var(--shadow-soft);
  min-width:0;
}
.visual-note{display:flex;align-items:flex-start;gap:6px;margin-top:14px;font-size:9.5px;line-height:1.7;color:#8a8d81}
.visual-note .ic{width:13px;height:13px;color:var(--gold-deep);margin-top:1px}

/* AI 识别 */
.ai-flow{display:grid;grid-template-columns:1fr 46px 1.1fr;gap:8px;align-items:center}
.chat-box{border:1px solid var(--line);border-radius:14px;background:#faf7f0;overflow:hidden}
.cb-head{
  display:flex;align-items:center;gap:6px;padding:9px 10px;
  border-bottom:1px solid #efe9dd;font-size:9px;color:#7d8075;
}
.cb-head .ic{width:12px;height:12px;color:var(--olive)}
.cb-body{padding:10px 11px;background:#f1eee5;margin:9px;border-radius:9px}
.cb-body p{font-size:8.8px;line-height:1.85;color:#4e544a}
.cb-body span{color:#8f9186}
.cb-foot{padding:0 11px 10px;font-size:8px;color:#a09f93}
.ai-arrow{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--gold-deep)}
.ai-arrow .ic{width:16px;height:16px}
.ai-arrow span{font-size:7.5px;letter-spacing:.08em;white-space:nowrap}
.parse-box{border:1px solid var(--line);border-radius:14px;background:#fffdf8;overflow:hidden}
.pb-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 10px;border-bottom:1px solid #efe9dd;font-size:9px;color:#5c6256;
}
.pb-head span{font-size:8px;color:var(--gold-ink)}
.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#f0ebdf;margin:9px;border:1px solid #f0ebdf;border-radius:8px;overflow:hidden}
.pb-item{background:#fffdf8;padding:6px 7px;display:grid;grid-template-columns:1fr auto;gap:1px 4px}
.pb-item.wide{grid-column:1/-1}
.pb-item span{grid-column:1/-1;font-size:6.5px;color:#a0a094;letter-spacing:.05em}
.pb-item b{font-size:8px;font-weight:600;color:#454b41;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-item em{font-style:normal;font-size:6.5px;color:#7d9a70}
.pb-verdict{display:flex;flex-wrap:wrap;gap:4px;padding:0 9px 10px}
.pb-verdict span{
  display:inline-flex;align-items:center;gap:3px;
  padding:3px 6px;border-radius:4px;background:#eef1e9;color:#5f7757;font-size:6.8px;
}
.pb-verdict .ic{width:8px;height:8px}

/* 二维码 */
.qr-demo{
  background:linear-gradient(150deg,#3b4636,#2c3527);
  border-color:rgba(255,255,255,.08);
  display:flex;flex-direction:column;align-items:center;gap:16px;
  padding:28px 22px;
}
.credential{
  width:100%;max-width:296px;
  background:#fbf8f0;color:var(--ink);
  border-radius:12px;padding:18px 20px 16px;
  border:1px solid rgba(198,162,101,.55);
  box-shadow:0 30px 50px -28px rgba(0,0,0,.6);
  position:relative;
}
.credential::before{
  content:"";position:absolute;inset:6px;border:1px solid rgba(198,162,101,.28);border-radius:8px;pointer-events:none;
}
.cred-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cred-brand{font-size:8px;letter-spacing:.16em;color:var(--gold-ink)}
.cred-state{padding:2px 6px;border-radius:3px;background:#eef1e9;color:#5f7757;font-size:7px}
.credential h4{
  margin-top:9px;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.1em;
  text-align:center;
}
.cred-meta{margin-top:12px;border-top:1px solid #e8e1d2;border-bottom:1px solid #e8e1d2;padding:7px 0}
.cred-meta div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0;font-size:8px}
.cred-meta span{color:#95968b}
.cred-meta b{font-weight:500;color:#4a5046}
.cred-qr{width:118px;height:118px;margin:12px auto 0;padding:5px;background:#fff;border-radius:6px;box-shadow:0 8px 18px -14px rgba(0,0,0,.4)}
.cred-qr svg{width:100%;height:100%}
.cred-code{text-align:center;margin-top:10px}
.cred-code span{display:block;font-size:7px;letter-spacing:.18em;color:#95968b}
.cred-code b{display:block;margin-top:2px;font-size:16px;font-weight:600;letter-spacing:.32em;color:#3b4237;padding-left:.32em}
.cred-foot{margin-top:9px;text-align:center;font-size:7px;color:#9d9c90}
.cred-states{display:flex;gap:6px}
.cred-states .cs{
  padding:4px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.16);
  font-size:8px;color:rgba(245,243,238,.55);
}
.cred-states .cs.active{background:rgba(198,162,101,.18);border-color:rgba(198,162,101,.4);color:#e2cc9f}

/* 值班 + 大屏 */
.feature-wide{display:block;padding:74px 0}
.fw-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.screen-demo{background:transparent;border:0;box-shadow:none;padding:0}
.screen{
  background:#222a1f;color:#e9e4d8;border-radius:16px;padding:15px 16px 13px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 36px 70px -42px rgba(34,42,31,.9);
}
.sc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sc-brand{display:flex;align-items:center;gap:7px}
.sc-mark{
  width:20px;height:20px;border-radius:5px;border:1px solid rgba(198,162,101,.6);
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:9px;color:#d8c08c;
}
.sc-brand b{font-size:9px;font-weight:600;letter-spacing:.06em}
.sc-brand em{font-style:normal;font-size:7px;color:rgba(255,255,255,.35)}
.sc-clock{text-align:right;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.7)}
.sc-clock span{display:block;font-size:6px;color:rgba(255,255,255,.28);letter-spacing:.12em}
.sc-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}
.sc-kpis > div{padding:7px 8px;border-radius:6px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.05)}
.sc-kpis span{display:block;font-size:6.5px;color:rgba(255,255,255,.4)}
.sc-kpis b{display:block;margin-top:2px;font-size:17px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
.sc-kpis small{font-size:8px;font-weight:400}
.sc-kpis .sc-rate{background:rgba(198,162,101,.14);border-color:rgba(198,162,101,.2)}
.sc-kpis .sc-rate b{color:#e2cc9f}
.sc-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1fr;gap:7px;margin-top:7px}
.sc-panel{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);border-radius:6px;padding:8px}
.sc-panel-h{font-size:7.5px;color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:space-between;gap:4px}
.sc-warn{color:#e0b187;font-size:6px}
.sc-rank{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:7px}
.sc-rank b{width:12px;height:12px;border-radius:3px;background:rgba(198,162,101,.18);color:#d8c08c;display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:500}
.sc-rank span{flex:1;color:rgba(255,255,255,.8)}
.sc-rank em{font-style:normal;font-size:6px;color:rgba(255,255,255,.35)}
.sc-watch{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding:5px 6px;border-radius:4px;background:rgba(255,255,255,.04);font-size:6.5px}
.sc-watch b{display:block;font-size:7px;font-weight:500;color:rgba(255,255,255,.82)}
.sc-watch span{display:block;font-size:5.8px;color:rgba(255,255,255,.35)}
.sc-watch em{font-style:normal;font-size:6.5px;color:#b9c8ad}
.sc-watch.warn{background:rgba(224,177,135,.1)}
.sc-watch.warn em{color:#e0b187}
.sc-feed{display:flex;gap:5px;margin-top:5px;font-size:6px;color:rgba(255,255,255,.55);line-height:1.5}
.sc-feed span{color:rgba(255,255,255,.28);flex:none}
.sc-alert{
  display:flex;align-items:center;gap:6px;margin-top:7px;padding:5px 8px;border-radius:5px;
  background:rgba(224,177,135,.1);border:1px solid rgba(224,177,135,.16);
  font-size:6.5px;color:#dfb995;
}
.sc-alert .ic{width:10px;height:10px}

/* 客户档案 */
.profile-demo{background:linear-gradient(160deg,#f7f4ec,#fffdf8);padding:20px}
.profile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px 18px;box-shadow:0 14px 30px -26px rgba(47,56,41,.35)}
.prof-head{display:flex;align-items:center;gap:10px}
.prof-av{
  width:36px;height:36px;border-radius:11px;background:#eef1e9;color:#5f7054;
  display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;
}
.prof-id{flex:1;min-width:0}
.prof-id strong{display:block;font-size:12px;font-weight:600}
.prof-id em{display:block;margin-top:1px;font-style:normal;font-size:7.5px;color:#9a9b90}
.prof-state{padding:2px 7px;border-radius:4px;background:#eef1e9;color:#5f7757;font-size:7px}
.prof-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.prof-tags span{padding:3px 6px;border-radius:4px;background:#f6f3eb;border:1px solid #ece6d9;font-size:6.8px;color:#77796e}
.prof-sec{margin-top:11px;padding-top:9px;border-top:1px solid #f0ebdf}
.prof-sec h5{font-size:7.5px;font-weight:500;color:#9a9b90;letter-spacing:.08em}
.prof-num{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:7.5px}
.prof-num span{width:26px;color:#9a9b90;font-size:6.8px}
.prof-num b{font-weight:500;color:#4d5347}
.prof-num em{font-style:normal;font-size:6px;color:#8a7448;background:#f5eee0;padding:1px 4px;border-radius:3px}
.prof-rel{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.prof-rel span{padding:2px 6px;border-radius:3px;border:1px solid #e8e2d5;font-size:6.5px;color:#7d8075}
.prof-tl{margin-top:6px}
.prof-tl div{position:relative;padding:0 0 8px 12px;border-left:1px solid #e6e0d3}
.prof-tl div:last-child{padding-bottom:0;border-left-color:transparent}
.prof-tl i{
  position:absolute;left:-3px;top:3px;width:5px;height:5px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 2px #fffdf8;
}
.prof-tl time{display:block;font-size:6.2px;color:#a3a397;letter-spacing:.04em}
.prof-tl p{margin-top:1px;font-size:7.2px;line-height:1.55;color:#6b6f64}
.prof-tl b{font-weight:500;color:#8a7448}

/* 能力索引 */
.cap-index{margin-top:26px;padding-top:54px;border-top:1px solid var(--line-strong)}
.cap-index-head{max-width:620px}
.cap-index-head h3{
  margin-top:12px;font-family:var(--serif);font-size:clamp(26px,2.7vw,34px);
  line-height:1.32;font-weight:600;
}
.cap-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:38px}
.cap-row{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:21px 0;border-top:1px solid var(--line);align-content:start}
.cr-num{font-family:var(--serif);font-size:11px;color:var(--gold-deep);letter-spacing:.08em;padding-top:3px;transition:color .25s}
.cap-row:hover .cr-num{color:var(--gold)}
.cr-body h4{font-size:14px;font-weight:600;letter-spacing:.01em}
.cr-body p{margin-top:6px;font-size:11.5px;line-height:1.85;color:var(--muted)}
.cr-tags{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px}
.cr-tags span{position:relative;font-size:9px;color:#8d8f84}
.cr-tags span::before{content:"";position:absolute;left:-8px;top:.55em;width:3px;height:3px;border-radius:50%;background:rgba(198,162,101,.8)}
.extra-strip{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;
  margin-top:38px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.ex-title{font-size:10px;letter-spacing:.16em;color:var(--gold-ink);text-transform:uppercase}
.extra-strip > span{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#72766b}
.extra-strip .ic{width:13px;height:13px;color:var(--olive)}

/* ---------- 数据保密 ---------- */
.security{
  margin-top:112px;padding:96px 0 92px;
  background:
    radial-gradient(900px 420px at 86% 0%,rgba(198,162,101,.16),transparent 62%),
    radial-gradient(700px 400px at 0% 100%,rgba(122,139,110,.18),transparent 60%),
    var(--olive-deep);
  color:#f2efe6;
}
.security .sec-head h2{color:#f8f4e9}
.security .sec-sub{color:rgba(242,239,230,.58)}
.lock-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:52px}
.lock-grid article{padding:26px 0;border-top:1px solid rgba(255,255,255,.12)}
.lock-n{font-size:9.5px;letter-spacing:.18em;color:#d8c08c}
.lock-grid h3{margin-top:9px;font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.02em}
.lock-grid ul{margin-top:12px;display:flex;flex-direction:column;gap:7px}
.lock-grid li{position:relative;padding-left:14px;font-size:11.5px;line-height:1.8;color:rgba(242,239,230,.58)}
.lock-grid li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:1px;background:rgba(216,192,140,.7)}
.boundary{
  display:grid;grid-template-columns:1fr 1px 1fr;gap:40px;align-items:center;
  margin-top:44px;padding:26px 0;
  border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);
}
.bc-label{font-size:10px;letter-spacing:.18em;color:rgba(242,239,230,.42);text-transform:uppercase}
.bc-label.gold{color:#d8c08c}
.boundary-col p{margin-top:8px;font-size:12px;line-height:1.8;color:rgba(242,239,230,.72)}
.boundary-line{height:100%;background:rgba(255,255,255,.12)}
.sec-quote{
  display:flex;align-items:flex-start;gap:14px;
  margin:30px 0 0;padding:20px 24px;border-radius:12px;
  border:1px solid rgba(198,162,101,.24);
  background:linear-gradient(100deg,rgba(198,162,101,.13),rgba(198,162,101,.02));
}
.sec-quote .ic{width:20px;height:20px;color:#d8c08c;margin-top:2px}
.sec-quote p{font-family:var(--serif);font-size:15px;line-height:1.85;color:#f4eddc}

/* ---------- 商业模式 ---------- */
.model{padding-top:112px}
.model-points{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.model-points article{padding:20px 0;border-top:1px solid var(--line-strong)}
.model-points h3{font-size:14.5px;font-weight:600}
.model-points p{margin-top:6px;font-size:11.5px;line-height:1.85;color:var(--muted)}
.tenant-map{margin-top:64px;padding:36px 0 0;border-top:1px solid var(--line)}
.tm-root{
  position:relative;width:fit-content;margin:0 auto;
  display:flex;align-items:center;gap:14px;
  padding:16px 24px;border-radius:13px;border:1px solid var(--line-strong);
  background:var(--surface);box-shadow:0 16px 34px -28px rgba(47,56,41,.4);
}
.tm-mark{
  width:34px;height:34px;border-radius:9px;border:1px solid rgba(198,162,101,.6);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:16px;color:var(--gold-ink);background:rgba(198,162,101,.07);
}
.tm-root strong{display:block;font-size:13px;font-weight:600;letter-spacing:.02em}
.tm-root em{display:block;margin-top:1px;font-style:normal;font-size:9.5px;color:var(--muted)}
.tm-root::after{content:"";position:absolute;left:50%;bottom:-46px;width:1px;height:46px;background:var(--line-strong)}
.tm-branches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:46px}
.tm-branches::before{content:"";position:absolute;top:-24px;left:25%;right:25%;height:1px;background:var(--line-strong)}
.tm-branches::after{content:"";position:absolute;top:-24px;left:50%;width:1px;height:24px;background:var(--line-strong)}
.tm-tenant{
  position:relative;padding:20px 22px;border:1px solid var(--line-strong);
  border-radius:12px;background:var(--surface);
}
.tm-tenant::before{content:"";position:absolute;top:-24px;left:50%;width:1px;height:24px;background:var(--line-strong)}
.tm-tenant h4{font-size:13px;font-weight:600}
.tm-projects{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.tm-projects span{
  padding:6px 11px;border-radius:6px;background:var(--olive-soft);
  font-size:10.5px;color:#5d6b53;
}
.tm-projects span.muted{background:#f5f2ea;border:1px dashed var(--line-strong);color:#9a9b90}
.tm-tenant p{margin-top:11px;font-size:9.5px;color:var(--muted)}
.tm-note{
  display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:26px;font-size:10.5px;color:#7d8075;
}
.tm-note .ic{width:13px;height:13px;color:var(--gold-deep)}
.delivery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;padding-top:26px;border-top:1px solid var(--line-strong)}
.delivery li{position:relative;padding-left:16px}
.delivery li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--gold)}
.delivery span{display:block;font-size:8.5px;letter-spacing:.16em;color:var(--gold-deep)}
.delivery b{display:block;margin-top:5px;font-size:13px;font-weight:600}
.delivery em{display:block;margin-top:3px;font-style:normal;font-size:10.5px;line-height:1.7;color:var(--muted)}
.delivery-note{margin-top:24px;font-size:10px;color:#9a9b90}

/* ---------- 版本与报价 ---------- */
.ptable{
  margin-top:52px;
  background:var(--surface);
  border:1px solid var(--line-strong);
  border-radius:20px;
  overflow-x:auto;
  box-shadow:var(--shadow-soft);
  -webkit-overflow-scrolling:touch;
}
.pt-inner{min-width:900px}
.pt-row{display:grid;grid-template-columns:190px repeat(3,1fr)}
.pt-row + .pt-row{border-top:1px solid var(--line)}
.pt-cell{
  min-width:0;padding:13px 22px;
  display:flex;align-items:center;
  border-left:1px solid var(--line);
}
.pt-cell:first-child{border-left:0}
.pt-head .pt-cell{
  align-items:flex-start;flex-direction:column;justify-content:flex-end;
  padding:26px 22px 22px;background:rgba(245,243,238,.55);
}
.pt-label-head{
  justify-content:flex-end;
  font-size:9.5px;letter-spacing:.18em;color:#9a9b90;
}
.pt-name{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.02em}
.pt-price{display:flex;align-items:baseline;gap:4px;margin-top:8px;line-height:1.1}
.pt-price b{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.01em;color:var(--olive-deep)}
.pt-price em{font-style:normal;font-size:11px;color:var(--muted)}
.pt-price-custom b{font-size:25px;letter-spacing:.04em}
.pt-desc{margin-top:7px;font-size:10.5px;line-height:1.65;color:var(--muted)}
.pt-cell.plan.rec{
  position:relative;
  background:linear-gradient(155deg,#3a4534,#2f3829);
  border-left:1px solid rgba(198,162,101,.35);
}
.pt-cell.plan.rec .pt-name{color:#f7f2e5}
.pt-cell.plan.rec .pt-price b{color:#f2ead6}
.pt-cell.plan.rec .pt-price em{color:rgba(242,234,214,.62)}
.pt-cell.plan.rec .pt-desc{color:rgba(242,234,214,.56)}
.pt-badge{
  position:absolute;top:0;right:0;
  padding:5px 11px;border-radius:0 19px 0 10px;
  background:var(--gold);color:#3a3a2c;
  font-size:9px;letter-spacing:.14em;
}
.pt-row.pt-group .pt-cell{
  grid-column:1/-1;padding:9px 22px;
  background:var(--cream-2);
  font-size:9.5px;letter-spacing:.16em;color:var(--gold-ink);
}
.pt-label{display:block;font-size:12px;color:#4f554a;line-height:1.6}
.pt-sub{display:block;margin-top:1px;font-size:9.5px;color:#9a9b90}
.pt-check{justify-content:center;padding:11px 12px}
.pt-yes{
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--olive-soft);color:#5f7757;
}
.pt-yes .ic{width:12px;height:12px;stroke-width:2.2}
.pt-no{font-size:12px;color:#c9c3b4;user-select:none}
.rec-col{background:rgba(198,162,101,.065)}
.rec-col .pt-yes{background:rgba(198,162,101,.18);color:var(--gold-ink)}
.pt-row.pt-foot .pt-cell{padding:18px 22px;background:rgba(245,243,238,.5)}
.pt-row.pt-foot .rec-col{background:rgba(198,162,101,.1)}
.pt-label-foot{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.pt-cta{width:100%;height:44px;font-size:12.5px;border-radius:10px}
.price-note{
  display:flex;align-items:center;gap:7px;
  margin-top:16px;font-size:11px;color:var(--muted);
}
.price-note .ic{width:14px;height:14px;color:var(--gold-deep)}
.form-plan{
  display:inline-flex;align-items:center;gap:4px;
  margin-top:9px;padding:4px 10px;border-radius:6px;
  background:var(--olive-soft);color:#5d6b53;font-size:10.5px;
}
.form-plan[hidden]{display:none!important}
.form-plan b{font-weight:600;color:#3f4a39}

/* ---------- 申请演示 ---------- */
.demo{padding:112px 0 124px}
.demo-panel{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:start;
  padding:52px;border-radius:26px;
  background:linear-gradient(140deg,#efece3,#f9f6ef 62%);
  border:1px solid var(--line);
}
.demo-panel::before{
  content:"";position:absolute;top:-180px;right:-120px;width:480px;height:480px;border-radius:50%;
  background:radial-gradient(circle,rgba(198,162,101,.2),rgba(198,162,101,0) 66%);pointer-events:none;
}
.demo-copy{position:relative;z-index:1}
.demo-copy h2{
  margin-top:14px;font-family:var(--serif);
  font-size:clamp(30px,3.3vw,42px);line-height:1.3;font-weight:600;
}
.demo-case{margin-top:32px;padding-top:20px;border-top:1px solid var(--line-strong)}
.case-label{font-size:9.5px;letter-spacing:.16em;color:var(--gold-ink);text-transform:uppercase}
.demo-case p{margin-top:8px;font-size:12.5px;color:#4f554a}
.demo-case p b{font-weight:600}
.demo-case .case-sub{margin-top:6px;font-size:11px;line-height:1.8;color:var(--muted);max-width:440px}
.demo-contact{display:flex;flex-direction:column;gap:3px;margin-top:26px}
.dc-label{font-size:9.5px;letter-spacing:.14em;color:#9a9b90}
.dc-person{font-family:var(--serif);font-size:18px;font-weight:600;color:#3f4a39;letter-spacing:.03em}
.dc-person:hover{color:var(--gold-ink)}
.dc-note{font-size:10px;color:#9a9b90}

.demo-form{
  position:relative;z-index:1;
  background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:30px 30px 26px;box-shadow:var(--shadow-soft);
}
.form-head h3{font-family:var(--serif);font-size:21px;font-weight:600}
.form-head p{margin-top:4px;font-size:11px;color:var(--muted)}
.field{margin-top:17px;display:flex;flex-direction:column;gap:6px}
.field label{font-size:11.5px;color:#5f6559;letter-spacing:.02em}
.field input{
  height:48px;padding:0 14px;border-radius:10px;
  border:1px solid var(--line-strong);background:#fdfbf6;
  font-size:13.5px;outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.field input::placeholder{color:#b1b1a6}
.field input:focus{border-color:var(--olive);background:#fff;box-shadow:0 0 0 3px rgba(122,139,110,.14)}
.field.invalid input{border-color:#b4644d;box-shadow:0 0 0 3px rgba(180,100,77,.12)}
.field-err{min-height:0;font-size:10px;color:#a85a44}
.field-err:empty{display:none}
.btn-submit{width:100%;height:50px;margin-top:22px;border:0}
.form-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;font-size:9.5px;color:#9a9b90}
.form-note .ic{width:11px;height:11px}
.form-msg{margin-top:10px;font-size:10.5px;color:#a85a44;text-align:center}
.form-done{
  position:absolute;inset:0;z-index:2;border-radius:18px;
  background:var(--surface);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:32px;
}
.form-done[hidden]{display:none!important}
.done-ic{
  width:54px;height:54px;border-radius:50%;background:var(--olive-soft);color:#5f7757;
  display:flex;align-items:center;justify-content:center;
}
.done-ic .ic{width:24px;height:24px}
.form-done h3{margin-top:18px;font-family:var(--serif);font-size:23px;font-weight:600}
.form-done p{margin-top:8px;font-size:12px;color:var(--muted)}
.form-done .btn{margin-top:22px}

/* ---------- 页脚 ---------- */
.foot{background:var(--olive-deep);color:#e9e4d8;padding:44px 0 34px}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}
.foot-brand{display:flex;align-items:center;gap:10px}
.foot-brand strong{display:block;font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.03em}
.foot-brand em{display:block;margin-top:1px;font-style:normal;font-size:8px;letter-spacing:.16em;color:rgba(233,228,216,.45)}
.foot-brand .brand-mark{border-color:rgba(198,162,101,.5);color:#d8c08c;background:transparent}
.foot-nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto}
.foot-nav a{font-size:11px;color:rgba(233,228,216,.62);transition:color .2s}
.foot-nav a:hover{color:#e2cc9f}
.foot-note{width:100%;margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:rgba(233,228,216,.4)}
.foot-copy{width:100%;margin:0;font-size:9.5px;color:rgba(233,228,216,.28)}

/* ---------- 滚动揭示 ---------- */
html.js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}
html.js [data-reveal].in{opacity:1;transform:none}

/* ---------- 首屏入场 ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero-copy > *{animation:rise .9s cubic-bezier(.2,.7,.3,1) both}
  .hero-copy > *:nth-child(1){animation-delay:.05s}
  .hero-copy > *:nth-child(2){animation-delay:.12s}
  .hero-copy > *:nth-child(3){animation-delay:.2s}
  .hero-copy > *:nth-child(4){animation-delay:.28s}
  .hero-copy > *:nth-child(5){animation-delay:.36s}
  .hero-stage{animation:stageIn 1.1s cubic-bezier(.2,.7,.3,1) .18s both}
  .dev-pc{animation:floatA 9s ease-in-out 1.4s infinite}
  .dev-phone{animation:floatB 8s ease-in-out 1.6s infinite}
  @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes stageIn{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
  @keyframes floatA{0%,100%{transform:rotate(-1.1deg) translateY(0)}50%{transform:rotate(-1.1deg) translateY(-5px)}}
  @keyframes floatB{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js [data-reveal]{opacity:1;transform:none}
  .loop-track::before{transform:scaleX(1)}
}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .nav{gap:20px}
  .hero-grid{gap:32px}
  .split{gap:48px}
  .ends-grid{gap:30px}
  .feature{gap:44px}
  .fw-grid{gap:38px}
  .demo-panel{gap:40px;padding:44px}
  .cap-rows{gap:0 40px}
}
@media (max-width:1020px){
  .wrap{padding:0 26px}
  .nav{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:52px;padding-bottom:64px;gap:44px}
  .hero-copy{max-width:660px}
  .hero-stage{max-width:560px;margin:0 auto;width:100%}
  .hero-word{font-size:200px;bottom:-60px}
  .split{grid-template-columns:1fr;gap:34px}
  .sticky{position:static}
  .ends-grid{grid-template-columns:1fr;gap:44px}
  .end-device{height:280px}
  .feature,.feature.flip{grid-template-columns:1fr;gap:34px}
  .feature.flip .feature-copy{order:1}
  .feature.flip .feature-visual{order:2}
  .feature{padding:64px 0}
  .fw-grid{grid-template-columns:1fr;gap:34px}
  .lock-grid{grid-template-columns:1fr;gap:0}
  .model .split{gap:30px}
  .demo-panel{grid-template-columns:1fr;gap:36px;padding:40px}
  .demo-form{max-width:560px}
  .cap-rows{grid-template-columns:1fr;gap:0}
}
@media (max-width:760px){
  .wrap{padding:0 20px}
  .hdr-in{height:60px}
  .brand-txt strong{font-size:13px}
  .brand-txt em{font-size:7.5px}
  .hdr-cta{display:none}
  .hero-grid{padding-top:44px}
  .hero-actions .btn{width:100%}
  .hero-meta li{padding:0 12px;font-size:10.5px}
  .hero-meta li:first-child{padding-left:0}
  .stage-chip{display:none}
  .dev-pad{width:190px;margin-left:0}
  .dev-phone{width:158px;margin-top:-56px}
  .pc-body{min-height:210px}
  .loop-track{grid-template-columns:repeat(2,1fr);gap:26px 18px}
  .loop-track::before{display:none}
  .loop-track li{padding-top:50px}
  .cap-index-head h3 br{display:none}
  .delivery{grid-template-columns:1fr 1fr}
  .demo-panel{padding:30px 22px}
  .demo-form{padding:24px 20px}
  .foot-nav{margin-left:0;width:100%;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
  .p-tag{display:none}
  .pain-list li{grid-template-columns:32px 1fr;gap:12px}
  .tm-branches{grid-template-columns:1fr;gap:28px}
  .tm-branches::before,.tm-branches::after,.tm-tenant::before{display:none}
  .tm-root::after{display:none}
}