/* TrustRecon — 金融信任风: 深海军蓝/米白/翡翠强调, 衬线标题 */
:root{
  --navy:#0d2440; --navy2:#123153; --ink:#1c2b3a; --mut:#5b6b7c;
  --bg:#f7f5f0; --card:#ffffff; --line:#e3ded4;
  --em:#0f766e; --em2:#0d5f58; --gold:#b98a2f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:16px/1.65 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--em);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1060px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.25;letter-spacing:-.01em}
h1{font-size:2.5rem;margin:.4em 0}
h2{font-size:1.7rem;margin:1.6em 0 .6em}
h3{font-size:1.15rem;margin:1.2em 0 .4em}
p{margin:.6em 0}
section{padding:34px 0}

/* header */
.top{background:var(--navy);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.bar{display:flex;align-items:center;gap:26px;height:60px}
.logo{font-family:Georgia,serif;font-size:1.3rem;color:#fff;font-weight:700;letter-spacing:.01em}
.logo span{color:#7fd6c2}
.nav{display:flex;gap:20px;flex:1;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nav a{color:#c8d6e5;font-size:.95rem}
.nav a:hover{color:#fff;text-decoration:none}

/* buttons */
.btn{display:inline-block;background:var(--em);color:#fff;border:0;border-radius:6px;
  padding:12px 22px;font-size:1rem;font-weight:600;cursor:pointer}
.btn:hover{background:var(--em2);text-decoration:none}
.btn.small{padding:8px 16px;font-size:.9rem}
.btn.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}

/* hero */
.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);color:#dbe6f1;padding:72px 0 58px}
.hero h1{color:#fff;font-size:2.7rem}
.hero.slim{padding:48px 0 30px}
.hero.slim h1{font-size:2.1rem}
.hero .sub{font-size:1.15rem;max-width:680px;color:#c3d2e2}
.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;color:#7fd6c2;font-weight:700}
.cta-row{display:flex;gap:14px;margin:22px 0 16px;flex-wrap:wrap}
.hero .fine{color:#8ba3bd}
.hero a{color:#7fd6c2}

/* cards & grids */
.band{background:#efeade;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 22px;
  box-shadow:0 1px 3px rgba(13,36,64,.05)}
.card b{color:var(--navy);display:block;margin-bottom:6px;font-size:1.02rem}
.card ul{margin:10px 0 16px 18px}
.card li{margin:4px 0}

/* steps */
.steps .step{border-left:3px solid var(--em);background:var(--card);border-radius:0 10px 10px 0;
  padding:16px 20px;margin:14px 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps b{color:var(--navy)}

/* tables */
.tbl{width:100%;border-collapse:collapse;margin:16px 0;background:var(--card);display:block;overflow-x:auto}
.tbl th,.tbl td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}
.tbl th{background:#efeade;color:var(--navy);font-family:Georgia,serif}

/* sample report */
.report{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px 32px;margin:10px 0}
.report .tag{font:12px/1 -apple-system,sans-serif;background:var(--gold);color:#fff;border-radius:4px;
  padding:4px 8px;vertical-align:middle;margin-left:10px;letter-spacing:.04em}
.finding{border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:12px 0;background:#fcfbf8}
.finding b{color:var(--navy)}
.finding code{background:#eef2f0;color:var(--em2);padding:2px 7px;border-radius:4px;font-size:.82rem;margin-left:6px}

/* pricing */
.pricing .card{display:flex;flex-direction:column}
.pricing .btn{margin-top:auto;text-align:center}
.card.hot{border:2px solid var(--em);box-shadow:0 4px 16px rgba(15,118,110,.14)}
.price{font-family:Georgia,serif;font-size:2.2rem;color:var(--navy);margin:8px 0 2px}
.price span{font-size:1rem;color:var(--mut)}

/* lead form */
.leadbox{background:var(--navy);color:#d6e2ee;border-radius:14px;padding:30px 34px;margin:30px 0}
.leadbox h3{color:#fff;margin-top:0}
.leadform{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap}
.leadform input{flex:1;min-width:240px;padding:12px 14px;border-radius:6px;border:1px solid #33506f;
  background:#0a1d33;color:#fff;font-size:1rem}
.leadform input::placeholder{color:#6f89a5}
.leadbox .fine{color:#8ba3bd}
.leadbox .ok-msg{color:#7fd6c2;font-weight:600}

/* footer */
.foot{background:var(--navy);color:#a9bccf;margin-top:40px;padding:38px 0 26px}
.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px;margin-bottom:18px}
.foot b{color:#fff;display:block;margin-bottom:8px}
.foot a{display:block;color:#a9bccf;margin:4px 0}
.foot a:hover{color:#fff}
.fine{font-size:.83rem;color:var(--mut)}
.foot .fine{color:#6f89a5;border-top:1px solid #24405f;padding-top:16px}
.prose h3{margin-top:1.4em}

/* mobile hardening(家族规范三板斧) */
@media(max-width:820px){
  .grid3,.grid2,.foot .cols{grid-template-columns:1fr}
  h1{font-size:1.9rem}.hero h1{font-size:2rem}
  .report{padding:18px 16px}
}
@media(max-width:640px){
  .bar{gap:12px}
  .nav{gap:14px}          /* 横滑, 不许 display:none */
  .btn.small{flex-shrink:0}
}

/* ── 向导/状态页(v2) ── */
.btn.ghost.light{color:#fff;border-color:#7fd6c2;background:transparent}
.btn.ghost.light:hover{background:#7fd6c2;color:var(--navy)}
.wizard{max-width:720px}
.wstep h2{margin-top:0}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.formgrid label{display:flex;flex-direction:column;font-size:.9rem;color:var(--mut);gap:6px}
.formgrid input,.formgrid select{padding:11px 12px;border:1px solid var(--line);border-radius:6px;
  font-size:1rem;background:#fff;color:var(--ink)}
.dropzone{border:2px dashed var(--line);border-radius:12px;background:var(--card);
  padding:34px 20px;text-align:center;margin:16px 0;transition:border-color .15s}
.dropzone.over{border-color:var(--em);background:#f0faf8}
.linklike{color:var(--em);cursor:pointer;text-decoration:underline}
.filelist{list-style:none;margin:10px 0}
.filelist li{padding:6px 2px;border-bottom:1px dashed var(--line);font-size:.93rem}
.w-err{color:#b3261e;font-weight:600}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.tstep{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#fcfbf8;opacity:.55}
.tstep.done{opacity:1;border-color:var(--em)}
.tstep b{display:block;color:var(--navy)}
.tstep span{font-size:.85rem;color:var(--mut)}
@media(max-width:820px){.formgrid,.timeline{grid-template-columns:1fr}}