/* ============================================================
   咏海智企 · 报告版式
   ============================================================ */

/* ---------- 封面 ---------- */.cover{
  background:var(--sea); color:#fff; border-radius:var(--r-lg);
  padding:26px 24px 22px; position:relative; overflow:hidden;
}
.cover::after{
  content:''; position:absolute; right:-60px; top:-60px; width:220px; height:220px;
  background:radial-gradient(circle,rgba(200,169,97,.22),transparent 68%);
}
.cover .meta{
  display:flex; justify-content:space-between; align-items:flex-start;
  font-size:10.5px; letter-spacing:.18em; color:rgba(255,255,255,.62);
  text-transform:uppercase; margin-bottom:18px;
}
.cover .meta .no{ font-family:var(--num); letter-spacing:.06em; color:var(--sand-2); }
.cover h1{ font-size:22px; line-height:1.42; letter-spacing:.01em; color:#fff; }
.cover .sub{ font-size:12.5px; color:rgba(255,255,255,.56); margin-top:8px; letter-spacing:.04em; }

/* 分数环 */
.scoreband{ display:flex; align-items:center; gap:20px; margin-top:22px; }
@media (max-width:430px){ .scoreband{ gap:14px; } }
.ring{ position:relative; flex:0 0 auto; }
.ring svg{ display:block; transform:rotate(-90deg); }
.ring .center{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
}
.ring .v{ font-family:var(--num); font-size:30px; font-weight:600; line-height:1; letter-spacing:-.03em; }
.ring .u{ font-size:9.5px; color:rgba(255,255,255,.5); letter-spacing:.16em; margin-top:3px; }
.scoretxt .grade{ font-family:var(--serif); font-size:19px; letter-spacing:.06em; }
.scoretxt .desc{ font-size:12px; color:rgba(255,255,255,.62); margin-top:5px; line-height:1.6; }
.scoretxt .tally{ display:flex; gap:12px; margin-top:10px; font-size:11px; letter-spacing:.04em; }
.scoretxt .tally span{ display:inline-flex; align-items:center; gap:4px; color:rgba(255,255,255,.7); }
.dotR,.dotY,.dotG{ width:6px; height:6px; border-radius:50%; display:inline-block; }
.dotR{ background:#E0705C; } .dotY{ background:#E2B354; } .dotG{ background:#5FB08C; }

/* 一句话结论 */
.verdict{
  margin-top:20px; padding-top:16px; border-top:1px solid rgba(255,255,255,.14);
  font-size:13.5px; line-height:1.85; color:rgba(255,255,255,.9);
}
.verdict b{ color:var(--sand-2); font-weight:600; }

/* ---------- 敞口 ---------- */
.exp{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:22px; box-shadow:var(--sh);
}
.exp-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.exp-grid{ display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:10px; margin:16px 0 6px; }
@media (max-width:520px){ .exp-grid{ grid-template-columns:1fr; } }
.exp-cell{ border:1px solid var(--line); border-radius:var(--r); padding:14px 14px 12px; }
.exp-cell.main{ border-color:var(--sea); background:#F7FAFB; }
.exp-cell .k{ font-size:10.5px; letter-spacing:.12em; color:var(--ink-3); text-transform:uppercase; }
.exp-cell .v{ font-family:var(--num); font-size:23px; font-weight:600; color:var(--sea); margin-top:6px; letter-spacing:-.02em; line-height:1.1; }
.exp-cell.main .v{ font-size:28px; }
.exp-cell .s{ font-size:11px; color:var(--ink-3); margin-top:5px; line-height:1.5; }

.exp-table{ width:100%; border-collapse:collapse; margin-top:14px; font-size:12.5px; }
.exp-table th{
  text-align:left; font-weight:500; font-size:10.5px; letter-spacing:.1em; color:var(--ink-3);
  padding:8px 6px; border-bottom:1px solid var(--line-2); text-transform:uppercase;
}
.exp-table td{ padding:11px 6px; border-bottom:1px solid var(--line); vertical-align:top; }
.exp-table td.num{ font-family:var(--num); text-align:right; white-space:nowrap; color:var(--ink); }
.exp-table tr:last-child td{ border-bottom:0; }
.exp-table .nm{ font-weight:500; }
.exp-table .bs{ font-size:11px; color:var(--ink-3); line-height:1.6; margin-top:3px; }

/* ---------- 对标 ---------- */
.bench{ display:flex; align-items:center; gap:16px; }
.bench .big{ font-family:var(--num); font-size:34px; font-weight:600; color:var(--sea); letter-spacing:-.03em; line-height:1; }
.bench .big small{ font-size:13px; font-family:var(--sans); font-weight:400; color:var(--ink-3); margin-left:2px; }
.bar-h{ position:relative; height:8px; border-radius:5px; background:linear-gradient(90deg,var(--red-bg),var(--amber-bg),var(--green-bg)); margin:10px 0 6px; }
.bar-h > i{ position:absolute; top:-5px; width:3px; height:18px; border-radius:2px; background:var(--sea); }
.bar-h > b{ position:absolute; top:-2px; width:12px; height:12px; border-radius:50%; background:#fff; border:3px solid var(--sea); }

/* ---------- 雷达 ---------- */
.radar-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:center; }
@media (max-width:560px){ .radar-wrap{ grid-template-columns:1fr; } }
.radar svg{ display:block; width:100%; height:auto; max-width:280px; margin:0 auto; }

/* ---------- 维度条 ---------- */
.dim-row{ padding:12px 0; border-bottom:1px solid var(--line); }
.dim-row:last-child{ border-bottom:0; }
.dim-top{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.dim-name{ font-size:13.5px; font-weight:500; }
.dim-score{ font-family:var(--num); font-size:15px; font-weight:600; }
.dim-track{ height:5px; border-radius:3px; background:var(--line); margin-top:8px; overflow:hidden; }
.dim-track > i{ display:block; height:100%; border-radius:3px; transition:width .5s ease; }
.dim-meta{ font-size:11px; color:var(--ink-3); margin-top:6px; }

/* ---------- 风险清单 ---------- */
.risk{
  border:1px solid var(--line); border-radius:var(--r); background:var(--card);
  margin-bottom:9px; overflow:hidden;
}
.risk-h{
  display:flex; align-items:center; gap:10px; padding:14px 16px;
  cursor:pointer; user-select:none;
}
.risk-h .tag{
  flex:0 0 auto; width:20px; height:20px; border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:600; color:#fff;
}
.tag.r{ background:var(--red); } .tag.y{ background:var(--amber); } .tag.g{ background:var(--green); }
.risk-h b{ flex:1; font-size:14px; font-weight:500; line-height:1.5; }
.risk-h .pr{ font-family:var(--num); font-size:11px; color:var(--ink-3); }
.risk-h .arw{ color:var(--ink-4); font-size:10px; transition:transform .2s; }
.risk.open .risk-h .arw{ transform:rotate(180deg); }
.risk-b{ max-height:0; overflow:hidden; transition:max-height .28s ease; }
.risk.open .risk-b{ max-height:2400px; }
.risk-b dl{ margin:0; padding:0 16px 16px; }
.risk-b dt{
  font-size:10.5px; letter-spacing:.12em; color:var(--ink-3);
  text-transform:uppercase; margin-top:12px;
}
.risk-b dd{ margin:3px 0 0; font-size:13.5px; line-height:1.75; color:var(--ink-2); }
.risk-b dd.law{ color:var(--sea-2); font-size:12.5px; }
.risk-b dd.do{
  background:var(--sand-3); border-left:2px solid var(--sand);
  padding:10px 12px; border-radius:0 6px 6px 0; color:#5A4718; font-size:13px;
}
.risk-cat{
  font-size:10.5px; letter-spacing:.16em; color:var(--sand); text-transform:uppercase;
  margin:22px 0 9px; font-weight:600;
}
.risk-cat:first-child{ margin-top:6px; }

/* ---------- 路线图 ---------- */
.road{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:620px){ .road{ grid-template-columns:1fr; } }
.road-col{ border:1px solid var(--line); border-radius:var(--r); padding:14px; background:var(--card); }
.road-col.hot{ border-color:var(--red); background:var(--red-bg); }
.road-col .t{ font-size:12px; font-weight:600; letter-spacing:.06em; }
.road-col .d{ font-size:10.5px; color:var(--ink-3); margin-top:2px; letter-spacing:.04em; }
.road-item{ margin-top:11px; padding-top:11px; border-top:1px dashed var(--line-2); }
.road-item:first-of-type{ border-top:0; }
.road-item .n{ font-size:12.5px; font-weight:500; line-height:1.5; }
.road-item .a{ font-size:11.5px; color:var(--ink-2); line-height:1.65; margin-top:4px; }
.road-item .m{ font-size:10px; color:var(--ink-3); margin-top:5px; font-family:var(--num); }

/* ---------- 服务建议 ---------- */
.offer{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media (max-width:620px){ .offer{ grid-template-columns:1fr; } }
.offer-card{
  border:1px solid var(--line); border-radius:var(--r); padding:16px 14px; background:var(--card);
  display:flex; flex-direction:column;
}
.offer-card.hi{ border-color:var(--sand); background:#FEFCF6; }
.offer-card .lv{ font-size:10px; letter-spacing:.14em; color:var(--sand); text-transform:uppercase; font-weight:600; }
.offer-card .nm{ font-family:var(--serif); font-size:15px; margin-top:6px; }
.offer-card .pr{ font-family:var(--num); font-size:17px; color:var(--sea); margin-top:8px; font-weight:600; }
.offer-card .ds{ font-size:11.5px; color:var(--ink-3); line-height:1.65; margin-top:7px; flex:1; }

/* ---------- 留资 ---------- */
.lead{ background:var(--sea); color:#fff; border-radius:var(--r-lg); padding:24px; }
.lead h3{ color:#fff; font-size:17px; }
.lead p{ font-size:12.5px; color:rgba(255,255,255,.62); margin-top:6px; line-height:1.7; }
.lead .input{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); color:#fff; }
.lead .input::placeholder{ color:rgba(255,255,255,.36); }
.lead .label{ color:rgba(255,255,255,.7); }

/* ---------- 印章 ---------- */
.seal{
  display:inline-flex; align-items:center; gap:8px;
  border:1.5px solid var(--red); color:var(--red); border-radius:6px;
  padding:7px 12px; font-size:11.5px; letter-spacing:.1em;
  font-family:var(--serif); transform:rotate(-2deg);
}

/* ---------- 小屏：敞口表改成卡片式 ---------- */
@media (max-width:600px){
  .exp-table thead{ display:none; }
  .exp-table, .exp-table tbody{ display:block; }
  .exp-table tr{ display:block; padding:13px 0; border-bottom:1px solid var(--line); }
  .exp-table tr:last-child{ border-bottom:0; }
  .exp-table td{ display:block; border:0; padding:0; }
  .exp-table td.num{
    display:inline-block; text-align:left; margin:8px 14px 0 0; font-size:12.5px;
  }
  .exp-table td.num::before{
    content:attr(data-k); color:var(--ink-3); font-size:10px; margin-right:4px;
    font-family:var(--sans);
  }
  .exp-table .bs{ margin-top:5px; }
}

/* ---------- 报告内快捷导航 ---------- */
.segnav{
  display:flex; gap:6px; overflow-x:auto; padding:12px 0 4px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.segnav::-webkit-scrollbar{ display:none; }
.segnav a{
  flex:0 0 auto; padding:6px 12px; border:1px solid var(--line-2); border-radius:20px;
  font-size:12px; color:var(--ink-2); background:var(--card); white-space:nowrap;
}
.segnav a:active{ background:var(--paper-2); }

/* 小屏：敞口三格改为主格全宽 + 两个副格并排 */
@media (max-width:520px){
  .exp-grid{ grid-template-columns:1fr 1fr; }
  .exp-cell.main{ grid-column:1 / -1; }
  .exp-cell .v{ font-size:20px; }
  .exp-cell.main .v{ font-size:26px; }
}

/* 服务卡改成链接（指向服务详情页）后要有的样子：
   不能带下划线、不能变蓝，但要让人看出来能点 */
a.offer-card{ text-decoration:none; color:inherit; transition:border-color .18s, box-shadow .18s, transform .18s; }
a.offer-card:hover{
  border-color:var(--line-3); box-shadow:0 6px 20px rgba(14,42,60,.08); transform:translateY(-1px);
}
a.offer-card.hi:hover{ border-color:var(--sand); }
.offer-card .go{
  margin-top:11px; padding-top:10px; border-top:1px dashed var(--line);
  font-size:11.5px; color:var(--sea-3); letter-spacing:.02em;
}
@media print{ .offer-card .go{ display:none; } }

/* ---------- 本次作答范围 ----------
   分数旁边必须说清"按几项算的"。不写这行，客户会以为
   69 项全查了；写清楚反而显得专业。 */
.scope{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-radius:var(--r); overflow:hidden; }
.scope > div{ background:var(--card); padding:13px 10px; text-align:center; }
.scope .n{ font-family:var(--num); font-size:21px; font-weight:600; letter-spacing:-.02em; line-height:1.1; }
.scope .n.ok{ color:var(--sea); }
.scope .n.na{ color:var(--ink-2); }
.scope .n.gap{ color:var(--amber); }
.scope .t{ font-size:11px; color:var(--ink-3); margin-top:4px; letter-spacing:.04em; }

.scopelist{ border-top:1px solid var(--line); margin-top:14px; }
.scopelist summary{
  cursor:pointer; font-size:12.5px; color:var(--ink-2); padding:11px 0 9px;
  list-style:none; display:flex; align-items:center; gap:7px;
}
.scopelist summary::-webkit-details-marker{ display:none; }
.scopelist summary::before{
  content:'▾'; font-size:9px; color:var(--ink-4); line-height:1;
  transform:translateY(1px); transition:transform .15s;
}
.scopelist:not([open]) summary::before{ content:'▸'; }
.scopelist summary .cnt{ margin-left:auto; font-family:var(--num); font-size:12px; color:var(--ink-3); }
.scopelist ul{ margin:0 0 10px; padding:0; list-style:none; }
.scopelist li{
  font-size:12px; line-height:1.7; color:var(--ink-2);
  padding:6px 0 6px 11px; border-left:2px solid var(--line-2); margin-bottom:6px;
}
.scopelist li.na-item{ border-left-color:var(--ink-4); }
.scopelist li.gap-item{ border-left-color:var(--sand); }
.scopelist li b{ font-weight:500; color:var(--ink); }
.scopelist li .why{ display:block; color:var(--ink-3); font-size:11.5px; margin-top:2px; }
.scopelist .empty{ font-size:12px; color:var(--ink-3); padding:2px 0 10px; }
@media (max-width:430px){ .scope .n{ font-size:19px; } .scope .t{ font-size:10.5px; } }