/* ============================================================
   峰石川阁 · TERRA LUX  —  一石一码 · 扫码页样式
   设计基准宽度 750px；所有字号用 clamp() 做流式缩放，
   桌面端呈现与设计稿一致，手机端保持可读（不缩小到看不清）。
   ============================================================ */

:root{
  --paper:#F3EDE1;
  --paper-2:#FAF6EE;
  --ink:#2A241C;
  --body:#3A332B;
  --en:#5A5142;
  --muted:#8A7E6C;
  --faint:#9C9182;
  --gold:#8A6D2F;
  --red:#A9402F;
  --line:#DCD2BE;
  --pad-x:clamp(20px,5.87vw,44px);
  --pad-t:clamp(28px,6.93vw,52px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
.wrap{max-width:750px;margin:0 auto;background:var(--paper);overflow:hidden}

/* ---------- 主图区 ---------- */
.hero{position:relative;width:100%;aspect-ratio:750/820;overflow:hidden;background:#0E0C0A}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.hero .veil{position:absolute;left:0;right:0;bottom:0;height:34%;
  background:linear-gradient(to top,rgba(14,12,10,.86),rgba(14,12,10,0))}
.hero .id{position:absolute;
  left:clamp(20px,5.33vw,40px);
  bottom:clamp(20px,5.07vw,38px);
  color:#F7F2E9}
.hero .id .lab{font-size:clamp(11px,2.67vw,20px);
  letter-spacing:clamp(3px,0.67vw,5px);opacity:.75}
.hero .id .val{font-family:"Songti SC","Noto Serif SC",Georgia,serif;
  font-size:clamp(22px,5.33vw,40px);
  letter-spacing:clamp(1.6px,0.4vw,3px);
  margin-top:2px}

/* ---------- 正文 ---------- */
.body{padding:var(--pad-t) var(--pad-x) 0}

.cn{font-family:"Songti SC","Noto Serif SC",Georgia,serif;
  font-weight:700;
  font-size:clamp(30px,8.27vw,62px);
  letter-spacing:clamp(5px,1.87vw,14px);
  line-height:1.25;
  /* letter-spacing 会在右侧留出空白，视觉左偏；用负 margin 拉回光学对齐 */
  margin-left:calc(clamp(5px,1.87vw,14px) * -0.5)}
.en{font-family:"Songti SC","Noto Serif SC",Georgia,serif;
  font-size:clamp(13px,3.33vw,25px);
  letter-spacing:clamp(4px,1.2vw,9px);
  color:var(--gold);
  margin-top:clamp(6px,1.6vw,12px)}

.gradewrap{display:flex;align-items:flex-start;gap:clamp(12px,2.4vw,18px);
  margin-top:clamp(20px,4.53vw,34px)}
.grade{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:clamp(56px,9.87vw,74px);height:clamp(56px,9.87vw,74px);
  border:2px solid var(--red);color:var(--red);
  font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-weight:700;
  font-size:clamp(25px,5.07vw,38px)}
.gradewrap .t{font-size:clamp(13.5px,2.93vw,22px);color:var(--muted);
  line-height:1.65;padding-top:2px}
.gradewrap .t b{display:block;color:var(--ink);font-weight:400;
  font-size:clamp(15px,3.33vw,25px);letter-spacing:1px;margin-bottom:2px}

.hr{height:1px;background:var(--line);margin:clamp(24px,5.07vw,38px) 0}

.sec .h{font-size:clamp(12.5px,2.53vw,19px);letter-spacing:clamp(3px,0.67vw,5px);
  color:var(--gold);margin-bottom:clamp(10px,2.13vw,16px)}
.desc{font-size:clamp(15.5px,3.33vw,25px);line-height:1.9;color:var(--body);
  text-align:justify;text-justify:inter-ideograph}
.desc-en{font-family:"Times New Roman",Georgia,serif;
  font-size:clamp(13.5px,2.8vw,21px);line-height:1.75;color:var(--en);
  margin-top:clamp(10px,2.13vw,16px);text-align:justify;letter-spacing:.3px}

/* 标签在上、内容在下（标签独占一行，内容不再和标签挤一行） */
.specs{margin-top:clamp(18px,3.73vw,28px);display:flex;flex-direction:column;
  gap:clamp(14px,3.2vw,24px);font-size:clamp(15.5px,3.33vw,25px)}
.specs .item{display:block}
.specs .k{display:block;font-size:clamp(12.5px,2.53vw,19px);color:var(--muted);
  letter-spacing:clamp(2px,0.4vw,3px);margin-bottom:clamp(3px,1.07vw,8px)}
.specs .v{display:block;color:var(--body)}
/* 英文紧跟中文之后（同一行），不再另起一行 */
.specs .ven{font-size:.82em;color:var(--en);letter-spacing:.5px;margin-left:.45em}

.sealrow{display:flex;justify-content:flex-end;margin-top:clamp(28px,5.87vw,44px)}
.sealrow img{width:clamp(88px,18.67vw,140px);height:auto;opacity:.94}

/* ---------- 收尾纸色带（.body 的兄弟节点，天然全幅） ---------- */
.footband{margin-top:clamp(30px,5.87vw,44px);
  padding:clamp(26px,5.33vw,40px) var(--pad-x) calc(clamp(28px,5.87vw,44px) + env(safe-area-inset-bottom));
  background:var(--paper-2);border-top:1px solid var(--line)}
.brandfoot{text-align:center}
.brandfoot img{width:min(470px,74%);height:auto;margin:0 auto}

.legal{margin-top:clamp(22px,4.53vw,34px)}
.legal .lead{font-size:clamp(12.5px,2.4vw,18px);color:var(--muted);
  letter-spacing:clamp(3px,0.53vw,4px);text-align:center;margin-bottom:clamp(10px,2.13vw,16px)}
.legal p{font-size:clamp(12px,2.33vw,17.5px);line-height:1.85;color:var(--faint);
  text-align:justify;text-justify:inter-ideograph}
.legal p+p{margin-top:clamp(9px,1.87vw,14px);
  font-family:"Times New Roman",Georgia,serif;
  font-size:clamp(11.5px,2.2vw,16.5px)}

/* ---------- 轻入口（底部低调一行） ---------- */
.contact{margin-top:clamp(22px,4.53vw,34px);padding-top:clamp(16px,3.2vw,24px);
  border-top:1px solid var(--line);text-align:center}
.contact .lab{font-size:clamp(12px,2.4vw,18px);letter-spacing:clamp(2px,0.53vw,4px);
  color:var(--gold)}
.contact .txt{font-size:clamp(12.5px,2.53vw,19px);color:var(--muted);
  line-height:1.8;margin-top:6px}

/* ---------- 品牌首页 ---------- */
.home{min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,8vw,80px) var(--pad-x);gap:clamp(18px,4vw,30px)}
.home img{width:min(430px,80%);height:auto}
.home .tag{font-size:clamp(12.5px,2.53vw,18px);letter-spacing:clamp(3px,0.67vw,5px);
  color:var(--gold)}
.home .note{font-size:clamp(12.5px,2.53vw,17px);color:var(--faint);
  line-height:1.9;max-width:30em}
.home .go{display:inline-block;margin-top:6px;padding:.6em 1.4em;
  border:1px solid var(--gold);color:var(--gold);text-decoration:none;
  font-size:clamp(12.5px,2.53vw,17px);letter-spacing:2px}
.home .go:hover{background:var(--gold);color:var(--paper-2)}
.divider{width:min(430px,80%);height:1px;background:var(--line)}