@charset "UTF-8";
/* ==========================================================================
   信息页公共样式 —— contact / disclaimer / disclosure-policy /
                     editorial-team / submit-content
   依赖 common.css（须先引入）。这类页面使用站点公共 header/footer，
   正文收窄到 .docwrap，整体底色改米色以区别于文章页。
   ========================================================================== */

body.docpage{background:var(--mist)}

/* 正文容器：比站点 1200px 主容器窄，长文更易读 */
.docwrap{max-width:860px;line-height:1.85}

/* ===== 页首标题 ===== */
.pagehd{padding:30px 0 4px}
.pagehd h1{font-family:var(--serif);font-size:clamp(25px,4vw,36px);line-height:1.3}
.pagehd h1 em{color:var(--spot-deep);font-style:normal}
.pagehd .sub{color:var(--muted);font-size:14.5px;margin-top:8px}

/* ===== 内容卡片 ===== */
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}
.docwrap h2{font-family:var(--serif);font-size:20px;margin:22px 0 10px;padding-top:4px}
.card h2:first-child{margin-top:0}
.docwrap h3{font-size:15.5px;margin:14px 0 6px}
.docwrap p{margin:0 0 12px;font-size:15px}
.docwrap ul.pl{margin:0 0 12px 20px;font-size:15px}
.docwrap ul.pl li{margin-bottom:7px}

/* 正文内链：common.css 把 a 设为无下划线继承色，这里恢复可辨识的链接样式 */
.docwrap .card p a,
.docwrap .card li a,
.docwrap .card td a,
.docwrap .disclose a{color:var(--spot-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ===== 徽章：信息页用浅底彩字版，覆盖 common.css 的实底版 ===== */
.docwrap .tb{display:inline-block;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:800;margin-right:6px;vertical-align:1px;letter-spacing:0;line-height:1.6}
.docwrap .tb.tested{background:#E8F5EE;color:var(--good)}
.docwrap .tb.quote{background:#EDF2FB;color:#2A4A8F}
.docwrap .tb.data{background:#FFF0E2;color:var(--spot-deep)}
.docwrap .tb.voice{background:#F4EDFB;color:#6B3FA0}
.docwrap .tb.spon{background:#FDECEC;color:#B23B3B}

/* ===== 强调框 / 披露框 ===== */
.hl-box{background:var(--mist);border-left:4px solid var(--spot);border-radius:0 11px 11px 0;padding:14px 16px;margin:14px 0;font-size:14.5px}
.hl-box p:last-child{margin-bottom:0}
.disclose{background:#FFF6EE;border:1px solid #FFD9B8;border-radius:11px;padding:13px 15px;font-size:13.5px;color:#7A4A1F;margin:16px 0}

/* ===== 表格 ===== */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.docwrap table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 14px}
.docwrap th,.docwrap td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.docwrap thead th{background:var(--mist);font-size:12.5px}

/* ===== 按钮 ===== */
.btn{display:inline-block;background:var(--spot);color:#fff;border:none;border-radius:9px;padding:12px 24px;font-size:15px;font-weight:800;cursor:pointer;font-family:var(--sans);text-decoration:none}
.btn:hover{background:var(--spot-deep);color:#fff}
.btn.ghost{background:var(--paper);color:var(--pine);border:1.5px solid var(--pine)}
.btn.ghost:hover{background:var(--mist);color:var(--pine)}

/* ===== 编号步骤 ===== */
.steps{counter-reset:s;display:grid;gap:10px;margin:12px 0}
.step{background:var(--mist);border-radius:11px;padding:13px 15px 13px 52px;position:relative;font-size:14.5px}
.step::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--pine);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:13px}

/* ===== 联络行 ===== */
.mailrow{background:var(--mist);border-radius:11px;padding:14px 16px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14.5px}
.mailrow b{font-size:15px}

/* ===== 折叠问答 ===== */
.docwrap details{border:1px solid var(--line);border-radius:10px;margin:8px 0;background:var(--paper)}
.docwrap summary{padding:11px 14px;font-weight:800;cursor:pointer;font-size:14.5px}
.docwrap details .a{padding:0 14px 12px;font-size:14px;color:#2F443E}

@media(max-width:600px){
  .card{padding:18px}
  .step{padding-left:46px}
}