/* ══════════════════════════════════════════════════════════════
   MYSK · 排版收敛（只作用于 V2 页面，V1 不加载这个文件）

   两条规矩：
   1. 全站只有两种字号——标题行（h1 / h2）和正文行。
      不再有比正文更小的字号。表格是唯一例外，为了排得下。
   2. 所有文字都是纯黑。不做灰、浅灰、深灰，也不做金色。
      白底上的浅灰字在很多屏幕和光线下都读不清。

   层次交给字号、字重、留白和分隔线，不交给颜色。
   ══════════════════════════════════════════════════════════════ */

:root{
  --soft:#141414;
  --faint:#141414;
  --gold:#141414;
  --fs:1.05rem;          /* 唯一的正文字号 */
}

body{font-size:var(--fs)}

/* ── 正文行：所有原本比正文小的东西，一律拉回正文字号、去字距、去全大写 ── */
.eyebrow,
.hwband .k, .feat .k, .tdrwr .k, .buycard .k, .ed-text .k,
.arthead .kicker, .arthead .meta,
.ordercard .ok, .ordercard .orows p, .ordercard .orows span,
.ordercard .oprice .rmb, .ordercard .onote, .ordercard .oform,
.product .form2, .purchase .ship,
.sublabel, .crosslink a, .zonebanner .eng, .zonebanner .zb-sub,
.nots p, .prose p, .prose li, .vsforms .vf p, .rxlist p,
.faq details p, .faq summary,
figcaption, .rn, .rk, .tnote, .lede, .partner{
  font-size:var(--fs);
  letter-spacing:0;
  text-transform:none;
  color:var(--ink);
}

/* ── 标题行：h1 / h2 保持原来的尺寸，h3 降到正文字号，靠字体和字重区分 ── */
h3, .prose h3{
  font-family:'Fraunces',serif;
  font-weight:400;
  font-size:var(--fs);
  letter-spacing:0;
  color:var(--ink);
}

/* eyebrow 已经并进标题行，元素本身不再显示 */
.eyebrow{display:none}

/* ── 预订卡：标签和内容同字号、同一行 ── */
.ordercard .ok{margin-bottom:14px}
.ordercard .orows p{
  display:grid;
  grid-template-columns:minmax(5.5em,auto) 1fr;
  gap:16px;
  align-items:baseline;
  line-height:1.55;
}
.ordercard .orows span{font-weight:500}
@media(max-width:900px){
  .ordercard .orows p{grid-template-columns:minmax(4.5em,auto) 1fr;gap:12px}
}

/* ── 从 site.css 里把所有小于正文的字号逐条拉回来 ──
   这份清单是照着 css/site.css 生成的：凡是 font-size 小于 1rem 或 17px 的选择器，
   全部列在这里。site.css 改了字号，这份清单也要跟着重新生成一次。
   （压在视频上的 .hero-cap 和 .scrollcue、以及表格 .vstable 不在其中，它们是例外。） */
.navcta,
.eyebrow,
.product .form2,
.btn,
.purchase .ship,
.specline,
.ed-text .k,
.spec p,
.hwband .k,
.hwband .fsub,
.hwcard p,
.appcol .sub,
.btn-app,
.tools .sep,
.tzrow .sep,
.tzcenter .tzk,
.langvs .vssub,
.vslegend,
.vsdisclosure,
.pickrow p,
.pickrow span,
.zone .eng,
.zone .zsub,
.zonebanner .eng,
.feat .k,
.feat .partner,
.feat .tpdo span:not(:last-child)::after,
.feat .tpapps .sep,
.glasscard .gk,
.compat .layer .lk,
.swcompat .ck,
.swcompat .clist .sep,
.swcompat .note,
.agent .ak,
.agent .refinehl .rh-k,
.agent .three .t p,
.tdrwr .k,
.cards .sub,
.applink,
.buycard .k,
.buycard .bc-note,
.buycard .bc-opts p,
.buycard .bc-opts span,
.buycard .bc-subrow input,
.buycard .bc-subrow button,
.buycard .bc-ship,
#lang,
.sublabel,
.subrow input,
.subrow button,
.copy,
.tzrow span,
.feat-text p,
.logo,
.rung .w,
.vsforms .vf p,
nav .navlinks a,
.lhero .lh-k,
.lhero .lh-price .t,
.pk-lensdot::after,
.pk-step .n,
.pk-list button .nm,
.pk-list button .pr,
.pk-toggle,
.pk-toggle .pr,
.pk-out .sum,
.pk-total .lab,
.pk-note,
.nums .l,
.prose table,
.prose th,
.arthead .kicker,
.arthead .meta,
.noteslist .tag,
.noteslist p,
.qagroup > .gk,
.toc .sep,
.crosslink a,
.lensgrid .dsc,
.ordercard .ok,
.ordercard .oprice .rmb,
.ordercard .orows p,
.ordercard .orows span,
.ordercard .onote,
.pk-tabs button,
.pk-save,
.pk-total .val small,
.pk-more,
.bundles p,
.bundles .bh,
.bnote,
.rangeshot figcaption,
.purchase .price em,
.rxcard .rk,
.rxcard .rd,
.rxeyes .el,
.rxeyes .opts button,
.rxlist p,
.rxcard .rn{
  font-size:var(--fs);
  letter-spacing:0;
  text-transform:none;
  color:var(--ink);
}

/* 表格是唯一允许小一号的地方，为了排得下 */
.vstable, .prose table, .prose th, .prose td{font-size:.94rem}
.vstable th, .vstable td, .prose th, .prose td{color:var(--ink);letter-spacing:0}

/* ── 压在视频上的那几行是白字，不受上面影响 ── */
.hero-cap .k{color:rgba(255,255,255,.82);font-size:var(--fs);letter-spacing:.2em}
.scrollcue{color:rgba(255,255,255,.7);font-size:var(--fs);letter-spacing:.12em}

/* ── 链接的悬停反馈原本靠金色，现在改成加粗下划线 ── */
.applink:hover, .crosslink a:hover, .faq summary:hover, nav .navlinks a:hover{
  color:var(--ink);
  border-color:var(--ink);
}
nav .navlinks a{font-size:var(--fs);letter-spacing:.06em}
/* Below body size on a narrow screen, which looks like rule 1 broken — but
   the nav is chrome, not copy, and rule 1 governs the reading column, not
   the furniture around it. Five links no longer fit a 375px nav at body
   size; the alternative is a nav that wraps to a second row or scrolls
   sideways, and the designer who wrote rule 1 chose this exemption
   themselves. Kept as shipped. */
@media(max-width:760px){ nav .navlinks a{font-size:.92rem} }
.copy{font-size:var(--fs);letter-spacing:.3em;color:var(--ink)}

/* site.css sets .vstable th to 10px uppercase with wide tracking — sized for
   Latin column labels. The V2 tables have Chinese phrase headers, which that
   treatment makes unreadable, and rule 1 forbids anything below body size. */
.vstable th{font-size:.94rem;text-transform:none;letter-spacing:0}