/* ═══════════════════════════════════════════════════════════
   SNSUC 可信贸易证书 — trust-cert.html 专用样式
   墨绿 + 暖金 · 国风证书 · v=20260730h
   ═══════════════════════════════════════════════════════════ */

/* ---------- Hero ---------- */
.cert-hero {
  min-height: 46vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 8rem 1.5rem 4rem;
  overflow: hidden;
}
.cert-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: 'Inter', sans-serif;
  font-size: .78rem;
  letter-spacing: .14em;
  color: var(--ink-core);
  border: 1px solid var(--border-ink);
  background: rgba(255,255,255,.55);
  padding: .38rem 1rem;
  border-radius: 999px;
  margin-bottom: 1.4rem;
}
.cert-hero-badge .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.cert-hero h1 {
  font-family: var(--font-display), 'Ma Shan Zheng', serif;
  font-weight: 400;
  font-size: clamp(2.2rem, 5.4vw, 3.6rem);
  color: var(--ink-deep);
  margin: 0 0 .8rem;
}
.cert-hero .cert-hero-en {
  font-family: 'ZCOOL XiaoWei', serif;
  color: var(--gold);
  letter-spacing: .3em;
  font-size: .95rem;
  margin-bottom: 1rem;
}
.cert-hero p.lead {
  max-width: 46rem;
  margin: 0 auto;
  color: var(--text-muted);
  font-size: 1.02rem;
  line-height: 1.9;
}

/* ---------- 四要素卡片 ---------- */
.cert-pillars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.2rem;
}
.cert-pillar {
  background: var(--paper);
  border: 1px solid var(--border-ink);
  border-top: 3px solid var(--ink-core);
  border-radius: 10px;
  padding: 1.6rem 1.4rem;
  transition: transform .3s ease, box-shadow .3s ease;
}
.cert-pillar:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,90,32,.1); }
.cert-pillar .cp-icon { width: 40px; height: 40px; color: var(--ink-main); margin-bottom: .9rem; }
.cert-pillar .cp-icon svg { width: 100%; height: 100%; }
.cert-pillar h3 {
  font-family: 'ZCOOL XiaoWei', serif;
  font-size: 1.12rem;
  color: var(--ink-deep);
  margin: 0 0 .45rem;
}
.cert-pillar p { font-size: .88rem; color: var(--text-muted); line-height: 1.75; margin: 0; }

/* ---------- 应用场景 ---------- */
.cert-usecases {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.2rem;
}
.cert-usecase {
  position: relative;
  background: linear-gradient(150deg, var(--ink-frost), var(--paper));
  border: 1px solid var(--border-ink);
  border-radius: 10px;
  padding: 1.5rem 1.4rem 1.4rem;
  overflow: hidden;
}
.cert-usecase::after {
  content: attr(data-num);
  position: absolute;
  right: .6rem; top: .1rem;
  font-family: var(--font-display), 'Ma Shan Zheng', serif;
  font-size: 3.4rem;
  color: rgba(0,112,40,.08);
  line-height: 1;
}
.cert-usecase h3 { font-family: 'ZCOOL XiaoWei', serif; font-size: 1.1rem; color: var(--ink-dark); margin: 0 0 .5rem; }
.cert-usecase p { font-size: .88rem; color: var(--text-muted); line-height: 1.75; margin: 0; }
.cert-usecase .cu-tag {
  display: inline-block;
  margin-top: .8rem;
  font-family: 'Inter', sans-serif;
  font-size: .7rem;
  letter-spacing: .1em;
  color: var(--gold);
  border: 1px solid rgba(201,160,60,.4);
  border-radius: 999px;
  padding: .18rem .7rem;
}

/* ---------- 流程 ---------- */
.cert-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: .8rem;
}
.cert-flow-step {
  flex: 1 1 190px;
  max-width: 250px;
  background: var(--paper);
  border: 1px solid var(--border-ink);
  border-radius: 10px;
  padding: 1.5rem 1.2rem;
  text-align: center;
  position: relative;
}
.cert-flow-step .cf-num {
  width: 42px; height: 42px;
  margin: 0 auto .8rem;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--ink-frost);
  border: 1px solid var(--border-ink);
  font-family: var(--font-display), 'Ma Shan Zheng', serif;
  font-size: 1.25rem;
  color: var(--ink-core);
}
.cert-flow-step h3 { font-family: 'ZCOOL XiaoWei', serif; font-size: 1.05rem; color: var(--ink-deep); margin: 0 0 .4rem; }
.cert-flow-step p { font-size: .82rem; color: var(--text-muted); line-height: 1.7; margin: 0; }
.cert-flow-arrow {
  align-self: center;
  color: var(--gold);
  font-size: 1.3rem;
  padding: 0 .1rem;
  user-select: none;
}
@media (max-width: 720px) {
  .cert-flow { flex-direction: column; align-items: stretch; }
  .cert-flow-step { max-width: none; }
  .cert-flow-arrow { transform: rotate(90deg); text-align: center; }
}

/* ---------- 生成器 ---------- */
.cert-demo-wrap {
  display: grid;
  grid-template-columns: minmax(300px, 420px) 1fr;
  gap: 2rem;
  align-items: start;
}
@media (max-width: 960px) { .cert-demo-wrap { grid-template-columns: 1fr; } }

.cert-form {
  background: var(--paper);
  border: 1px solid var(--border-ink);
  border-radius: 12px;
  padding: 1.8rem 1.6rem;
  box-shadow: 0 10px 30px rgba(0,61,21,.06);
}
.cert-form h3 {
  font-family: 'ZCOOL XiaoWei', serif;
  font-size: 1.2rem;
  color: var(--ink-deep);
  margin: 0 0 1.2rem;
  padding-bottom: .8rem;
  border-bottom: 1px dashed var(--border-ink);
}
.cert-field { margin-bottom: 1rem; }
.cert-field label {
  display: block;
  font-family: 'Inter', 'Noto Serif SC', sans-serif;
  font-size: .8rem;
  letter-spacing: .06em;
  color: var(--text-muted);
  margin-bottom: .35rem;
}
.cert-field input, .cert-field select {
  width: 100%;
  box-sizing: border-box;
  font-family: 'Noto Serif SC', serif;
  font-size: .95rem;
  color: var(--text-deep);
  background: var(--ink-mist);
  border: 1px solid var(--border-ink);
  border-radius: 8px;
  padding: .6rem .8rem;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.cert-field input:focus, .cert-field select:focus {
  border-color: var(--ink-main);
  box-shadow: 0 0 0 3px rgba(0,144,64,.12);
  background: #fff;
}
.cert-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.cert-field .hint { font-size: .72rem; color: var(--ink-mint); margin-top: .25rem; }

.cert-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-family: 'Inter', 'Noto Serif SC', sans-serif;
  font-size: .92rem;
  font-weight: 600;
  letter-spacing: .06em;
  border-radius: 999px;
  padding: .7rem 1.7rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .25s ease;
  text-decoration: none;
}
.cert-btn-primary { background: var(--ink-core); color: #fff; }
.cert-btn-primary:hover { background: var(--ink-main); box-shadow: 0 8px 22px rgba(0,112,40,.28); transform: translateY(-1px); }
.cert-btn-gold { background: transparent; color: var(--gold); border-color: rgba(201,160,60,.55); }
.cert-btn-gold:hover { background: rgba(201,160,60,.1); }
.cert-btn-ghost { background: transparent; color: var(--ink-core); border-color: var(--border-ink); }
.cert-btn-ghost:hover { background: var(--ink-frost); }
.cert-btn:disabled { opacity: .5; cursor: not-allowed; }

.cert-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.3rem; }

/* ---------- 证书纸张 ---------- */
.cert-stage { min-height: 200px; }
.cert-stage-empty {
  border: 1.5px dashed var(--border-ink);
  border-radius: 12px;
  padding: 4rem 2rem;
  text-align: center;
  color: var(--text-muted);
  font-size: .92rem;
  background: rgba(255,255,255,.4);
}

.cert-paper {
  position: relative;
  background: var(--paper);
  background-image:
    radial-gradient(circle at 12% 8%, rgba(0,112,40,.045), transparent 42%),
    radial-gradient(circle at 88% 92%, rgba(201,160,60,.06), transparent 40%);
  border: 2px solid var(--ink-dark);
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 18px 50px rgba(0,61,21,.14);
  max-width: 820px;
  margin: 0 auto;
}
.cert-paper-inner {
  border: 1px solid rgba(201,160,60,.65);
  border-radius: 3px;
  padding: 2.4rem 2.2rem 2.2rem;
  position: relative;
  overflow: hidden;
}
/* 四角回纹角饰 */
.cert-corner {
  position: absolute;
  width: 34px; height: 34px;
  border-color: var(--gold);
  border-style: solid;
  border-width: 0;
  opacity: .85;
}
.cert-corner.tl { top: 8px; left: 8px; border-top-width: 2px; border-left-width: 2px; }
.cert-corner.tr { top: 8px; right: 8px; border-top-width: 2px; border-right-width: 2px; }
.cert-corner.bl { bottom: 8px; left: 8px; border-bottom-width: 2px; border-left-width: 2px; }
.cert-corner.br { bottom: 8px; right: 8px; border-bottom-width: 2px; border-right-width: 2px; }

/* 水印 */
.cert-watermark {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  font-family: var(--font-display), 'Ma Shan Zheng', serif;
  font-size: 11rem;
  color: rgba(0,112,40,.045);
  transform: rotate(-14deg);
  user-select: none;
}

.cert-head { text-align: center; margin-bottom: 1.6rem; position: relative; }
.cert-head .cert-org {
  font-family: 'ZCOOL XiaoWei', serif;
  font-size: .82rem;
  letter-spacing: .35em;
  color: var(--gold);
  margin-bottom: .4rem;
}
.cert-head h2 {
  font-family: var(--font-display), 'Ma Shan Zheng', serif;
  font-weight: 400;
  font-size: 2.1rem;
  color: var(--ink-deep);
  margin: 0;
}
.cert-head .cert-en-title {
  font-family: 'Inter', sans-serif;
  font-size: .68rem;
  letter-spacing: .28em;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-top: .35rem;
}
.cert-head .cert-rule {
  width: 120px; height: 2px;
  margin: .9rem auto 0;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.cert-no {
  display: inline-block;
  margin-top: .8rem;
  font-family: var(--font-mono);
  font-size: .8rem;
  color: var(--ink-core);
  background: var(--ink-frost);
  border: 1px solid var(--border-ink);
  border-radius: 4px;
  padding: .22rem .8rem;
  letter-spacing: .08em;
}

.cert-body { position: relative; z-index: 1; }
.cert-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .1rem 2rem;
  margin-bottom: 1.4rem;
}
@media (max-width: 620px) { .cert-grid { grid-template-columns: 1fr; } }
.cert-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem 0;
  border-bottom: 1px dashed rgba(0,90,32,.16);
  font-size: .92rem;
}
.cert-row .k { color: var(--text-muted); white-space: nowrap; font-size: .85rem; }
.cert-row .v {
  color: var(--text-deep); font-weight: 600; text-align: right;
  min-width: 0; overflow-wrap: break-word;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
.cert-row .v.gold { color: var(--gold); }

.cert-hash-block {
  background: var(--ink-deep);
  border-radius: 8px;
  padding: 1rem 1.2rem;
  margin-bottom: 1.2rem;
}
.cert-hash-block .label {
  font-family: 'Inter', sans-serif;
  font-size: .68rem;
  letter-spacing: .2em;
  color: var(--ink-light);
  text-transform: uppercase;
  margin-bottom: .45rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.cert-hash-block .algo-badge {
  font-size: .62rem;
  border: 1px solid rgba(120,208,152,.5);
  border-radius: 3px;
  padding: .08rem .4rem;
  color: var(--ink-pale);
  letter-spacing: .08em;
}
.cert-hash-block .algo-badge.pseudo { border-color: rgba(201,160,60,.7); color: var(--gold); }
.cert-hash-block code {
  display: block;
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--ink-pale);
  word-break: break-all;
  line-height: 1.7;
}
.cert-timestamp {
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
}

.cert-foot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1.6rem;
  gap: 1rem;
}
.cert-foot .cert-issuer { font-size: .82rem; color: var(--text-muted); line-height: 1.9; }
.cert-foot .cert-issuer strong { color: var(--ink-deep); font-family: 'ZCOOL XiaoWei', serif; font-size: .95rem; }

/* 电子签章 */
.cert-seal {
  width: 128px;
  height: 128px;
  flex: 0 0 auto;
  transform: rotate(-9deg);
  filter: drop-shadow(0 2px 6px rgba(0,80,26,.25));
  opacity: .92;
}
.cert-seal svg { width: 100%; height: 100%; }

.cert-snapshot-note {
  font-size: .72rem;
  color: var(--text-muted);
  border-left: 2px solid var(--gold);
  padding-left: .7rem;
  margin: 0 0 1.2rem;
  line-height: 1.7;
}

/* ---------- 验证区 ---------- */
.cert-verify {
  margin-top: 2.2rem;
  background: var(--paper-warm);
  border: 1px solid var(--border-ink);
  border-radius: 12px;
  padding: 1.6rem;
}
.cert-verify h3 { font-family: 'ZCOOL XiaoWei', serif; font-size: 1.15rem; color: var(--ink-deep); margin: 0 0 .4rem; }
.cert-verify .cv-sub { font-size: .82rem; color: var(--text-muted); margin: 0 0 1rem; line-height: 1.7; }
.cert-verify textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 86px;
  font-family: var(--font-mono);
  font-size: .82rem;
  color: var(--text-deep);
  background: #fff;
  border: 1px solid var(--border-ink);
  border-radius: 8px;
  padding: .8rem;
  resize: vertical;
  outline: none;
}
.cert-verify textarea:focus { border-color: var(--ink-main); box-shadow: 0 0 0 3px rgba(0,144,64,.12); }
.cert-verify-result { margin-top: 1rem; display: none; border-radius: 8px; padding: 1rem 1.1rem; font-size: .86rem; line-height: 1.8; }
.cert-verify-result.ok { display: block; background: var(--ink-frost); border: 1px solid rgba(0,144,64,.3); color: var(--ink-dark); }
.cert-verify-result.warn { display: block; background: rgba(201,160,60,.08); border: 1px solid rgba(201,160,60,.4); color: #8a6d1f; }
.cert-verify-result.err { display: block; background: rgba(180,50,40,.06); border: 1px solid rgba(180,50,40,.3); color: #a03428; }
.cert-verify-result pre {
  margin: .6rem 0 0;
  padding: .8rem;
  background: rgba(0,61,21,.05);
  border-radius: 6px;
  font-family: var(--font-mono);
  font-size: .74rem;
  overflow-x: auto;
  color: var(--text-body);
}

/* 数据包展示 */
.cert-packet {
  margin-top: 1.2rem;
  display: none;
}
.cert-packet.show { display: block; }
.cert-packet .label { font-size: .76rem; color: var(--text-muted); margin-bottom: .4rem; }
.cert-packet code {
  display: block;
  font-family: var(--font-mono);
  font-size: .72rem;
  color: var(--ink-core);
  background: var(--ink-mist);
  border: 1px dashed var(--border-ink);
  border-radius: 8px;
  padding: .8rem;
  word-break: break-all;
  max-height: 110px;
  overflow-y: auto;
  cursor: copy;
}

/* ---------- 定价 ---------- */
.cert-pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.4rem; max-width: 900px; margin: 0 auto; }
.cert-price-card {
  background: var(--paper);
  border: 1px solid var(--border-ink);
  border-radius: 12px;
  padding: 2rem 1.8rem;
  text-align: center;
  position: relative;
  transition: transform .3s ease, box-shadow .3s ease;
}
.cert-price-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,90,32,.12); }
.cert-price-card.featured { border-color: rgba(201,160,60,.6); border-top: 3px solid var(--gold); }
.cert-price-card .plan-tag {
  position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  background: var(--gold); color: #fff;
  font-size: .68rem; letter-spacing: .12em;
  border-radius: 999px; padding: .2rem .9rem;
  font-family: 'Inter', sans-serif;
}
.cert-price-card h3 { font-family: var(--font-display), 'Ma Shan Zheng', serif; font-weight: 400; font-size: 1.6rem; color: var(--ink-deep); margin: 0 0 .3rem; }
.cert-price-card .plan-en { font-family: 'Inter', sans-serif; font-size: .7rem; letter-spacing: .2em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 1.1rem; }
.cert-price-card ul { list-style: none; margin: 0 0 1.4rem; padding: 0; text-align: left; }
.cert-price-card ul li {
  font-size: .86rem; color: var(--text-body);
  padding: .45rem 0 .45rem 1.4rem;
  border-bottom: 1px dashed rgba(0,90,32,.1);
  position: relative;
}
.cert-price-card ul li::before { content: '✓'; position: absolute; left: 0; color: var(--ink-main); font-weight: 700; }

/* ---------- 相关链接 ---------- */
.cert-links { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.cert-link-card {
  display: flex; align-items: center; gap: .7rem;
  background: var(--paper);
  border: 1px solid var(--border-ink);
  border-radius: 999px;
  padding: .75rem 1.6rem;
  text-decoration: none;
  color: var(--ink-dark);
  font-size: .92rem;
  transition: all .25s ease;
}
.cert-link-card:hover { border-color: var(--ink-main); background: var(--ink-frost); transform: translateY(-2px); }
.cert-link-card .arrow { color: var(--gold); }

/* ---------- 示例预览 ---------- */
.cert-sample-note {
  text-align: center;
  font-size: .8rem;
  color: var(--text-muted);
  margin-top: 1rem;
}
#certSample .cert-paper { pointer-events: none; }

/* ═══════════════════════════════════════════════════════════
   I18N — 英文排版适配（.lang-en）
   证书本体要打印成 PDF 交银行，英文下的溢出=废纸，逐块加断词保护。
   字栈统一引用 style.css :root 的 --font-latin* / --font-ui / --font-mono。
   注意：水印「信」与场景卡角标数字属于国画装饰，保留毛笔体，见第 6 节。
   ═══════════════════════════════════════════════════════════ */

/* 1) Hero */
html.lang-en .cert-hero h1 {
  font-family: var(--font-latin-head);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.8vw, 3.1rem);
  line-height: var(--lh-display);
  letter-spacing: .005em;
  overflow-wrap: break-word;
}
html.lang-en .cert-hero .cert-hero-en {
  font-family: var(--font-ui);
  letter-spacing: .16em;   /* 中文用的 .3em 在整句英文里会散架 */
  font-size: .82rem;
  line-height: 1.5;
  overflow-wrap: break-word;
}
html.lang-en .cert-hero p.lead {
  font-family: var(--font-latin);
  max-width: min(var(--measure), 100%);
  line-height: var(--lh-body-en);
  font-size: .98rem;
}
html.lang-en .cert-hero-badge { letter-spacing: .06em; }

/* 2) 四要素 / 应用场景 / 流程 —— 小标题与说明 */
html.lang-en .cert-pillar h3,
html.lang-en .cert-usecase h3,
html.lang-en .cert-flow-step h3,
html.lang-en .cert-form h3,
html.lang-en .cert-verify h3 {
  font-family: var(--font-latin-head);
  font-weight: 700;
  line-height: var(--lh-heading);
  letter-spacing: .005em;
  overflow-wrap: break-word;
  hyphens: auto;
}
html.lang-en .cert-pillar h3 { font-size: 1.02rem; }
html.lang-en .cert-usecase h3 { font-size: 1rem; padding-right: 2.6rem; }
html.lang-en .cert-flow-step h3 { font-size: .96rem; }
html.lang-en .cert-pillar p,
html.lang-en .cert-usecase p,
html.lang-en .cert-flow-step p,
html.lang-en .cert-verify .cv-sub,
html.lang-en .cert-snapshot-note,
html.lang-en .cert-sample-note,
html.lang-en .cert-stage-empty {
  font-family: var(--font-latin);
  line-height: var(--lh-body-en);
  overflow-wrap: break-word;
  hyphens: auto;
}
html.lang-en .cert-usecase .cu-tag { letter-spacing: .05em; white-space: nowrap; }
/* 流程步骤在英文下更高，给最小宽度避免 4 步挤成窄条 */
html.lang-en .cert-flow-step { flex-basis: 210px; }

/* 3) 表单与按钮 */
html.lang-en .cert-field label {
  font-family: var(--font-ui); letter-spacing: .01em;
  overflow-wrap: break-word;
}
html.lang-en .cert-field input,
html.lang-en .cert-field select { font-family: var(--font-latin); }
html.lang-en .cert-btn {
  font-family: var(--font-ui);
  letter-spacing: .01em;      /* 中文 .06em 在英文按钮里过散 */
  white-space: normal;
  line-height: 1.3;
  text-align: center;
}
html.lang-en .cert-link-card {
  font-family: var(--font-latin);
  overflow-wrap: break-word;
  text-align: center;
  line-height: 1.35;
}

/* 4) 证书本体 —— 打印高危区 */
html.lang-en .cert-head .cert-org {
  font-family: var(--font-ui);
  letter-spacing: .18em;      /* 中文 .35em → 英文机构全名会溢出纸面 */
  font-size: .74rem;
  line-height: 1.5;
  overflow-wrap: break-word;
}
html.lang-en .cert-head h2 {
  font-family: var(--font-latin-head);
  font-weight: 700;
  font-size: 1.72rem;
  line-height: var(--lh-display);
  letter-spacing: .01em;
  overflow-wrap: break-word;
}
html.lang-en .cert-head .cert-en-title {
  letter-spacing: .14em;      /* 中文 .28em 会把英文副题撑出边框 */
  font-size: .64rem;
  line-height: 1.5;
  overflow-wrap: break-word;
}
html.lang-en .cert-no { font-family: var(--font-mono); overflow-wrap: anywhere; }
/* key/value 行：英文字段名不再能 nowrap，否则值被挤成一列碎字 */
html.lang-en .cert-row {
  align-items: baseline;
  font-size: .88rem;
}
html.lang-en .cert-row .k {
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  line-height: 1.45;
  overflow-wrap: break-word;
  hyphens: auto;
}
html.lang-en .cert-row .v {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
html.lang-en .cert-foot .cert-issuer {
  font-family: var(--font-latin);
  line-height: 1.7;
  overflow-wrap: break-word;
}
html.lang-en .cert-foot .cert-issuer strong {
  font-family: var(--font-latin-head);
  font-weight: 700;
  font-size: .9rem;
}
html.lang-en .cert-hash-block .label { letter-spacing: .1em; }

/* 5) 定价卡 */
html.lang-en .cert-price-card h3 {
  font-family: var(--font-latin-head);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: var(--lh-heading);
  overflow-wrap: break-word;
}
html.lang-en .cert-price-card .plan-en { letter-spacing: .1em; }
html.lang-en .cert-price-card .plan-tag { letter-spacing: .06em; white-space: nowrap; }
html.lang-en .cert-price-card ul li {
  font-family: var(--font-latin);
  line-height: 1.6;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* 6) 装饰性汉字/数字仍走毛笔体（英文模式下不得被拉丁栈继承覆盖） */
html.lang-en .cert-watermark,
html.lang-en .cert-usecase::after,
html.lang-en .cert-flow-step .cf-num {
  font-family: var(--font-display);
}

/* 7) 360px：证书是固定版式，最容易在窄屏溢出 */
@media (max-width: 380px) {
  html.lang-en .cert-head h2 { font-size: 1.32rem; }
  html.lang-en .cert-head .cert-org { letter-spacing: .1em; font-size: .68rem; }
  html.lang-en .cert-head .cert-en-title { letter-spacing: .08em; }
  html.lang-en .cert-row { flex-direction: column; gap: .1rem; }
  html.lang-en .cert-row .v { text-align: left; }
  html.lang-en .cert-hero .cert-hero-en { letter-spacing: .1em; font-size: .76rem; }
  html.lang-en .cert-usecase h3 { padding-right: 0; }
}

/* ═══════════════════════════════════════════
   打印样式 — 仅输出证书本体
   ═══════════════════════════════════════════ */
@media print {
  @page { margin: 12mm; }
  body { background: #fff !important; }
  /* 夜间模式下 --paper 等于深墨色，直接打印会输出一张黑底证书。
     打印时把证书作用域内的调色板强制还原为宣纸浅色（pwa.css 的
     html[data-theme="dark"] 只改变量，这里在更内层覆盖即可）。 */
  #certPaper {
    --paper:      #fdfbf7;
    --paper-warm: #faf8f2;
    --ink-frost:  #eef7f0;
    --ink-mist:   #f5faf6;
    --ink-deep:   #003d15;
    --ink-dark:   #00501a;
    --ink-core:   #007028;
    --ink-main:   #009040;
    --ink-pale:   #b8e8c8;
    --gold:       #c9a03c;
    --text-deep:  #1a1c20;
    --text-body:  #2c2e33;
    --text-muted: #5a5d66;
    --border-ink: rgba(0,90,32,0.12);
    background-color: #fdfbf7 !important;  /* 用 background-color 保留原有底纹渐变 */
    color: var(--text-body) !important;
  }
  body * { visibility: hidden !important; }
  #certPaper, #certPaper * { visibility: visible !important; }
  #certPaper {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .cert-hash-block { background: var(--ink-deep) !important; }
  header, footer, .nav-drawer, .nav-drawer-overlay, .back-to-top,
  .cert-actions, .cert-verify, .cert-form { display: none !important; }
  /* 打印排版保护（中英通用）：字段行不跨页，长英文值可折行不出血 */
  #certPaper .cert-row { break-inside: avoid; page-break-inside: avoid; }
  #certPaper .cert-row .k { white-space: normal; }
  #certPaper .cert-row .v { overflow-wrap: anywhere; }
  #certPaper .cert-head h2,
  #certPaper .cert-head .cert-org,
  #certPaper .cert-head .cert-en-title { overflow-wrap: break-word; }
  #certPaper .cert-foot { break-inside: avoid; page-break-inside: avoid; }
}