/* 前台所有页面共用的页头、大菜单、手机抽屉、页脚订阅区（复盘 2026-10-21 第 1–3 条）。
   每个页面在 site.css（详情页在 pdp-v6.css）之后加载本文件。标记由 src/v2/views/chrome.js 生成，交互在 public/v2/chrome.js。 */

/* 带 hidden 属性的元素一律不显示（顶栏收藏、选款单计数为 0 时是 hidden） */
[hidden]{display:none!important}

/* ---------- 顶栏大菜单（Menu.dc.html）----------
   画布把大菜单画成常开；正式站平时收起，鼠标停在"探索款式"上或键盘移到菜单里时展开（catalog.js 加 .v2-mega），
   展开时"探索款式"显示画布里的红色下划线（.hdr nav a.on）。 */
.v2-hdr .mega6{display:none}
.v2-hdr.v2-mega .mega6,.v2-hdr .mega6:target,.v2-hdr .mega6:focus-within{display:block}
.v2-hdr.v2-mega .v2-explore{color:var(--act)}
.v2-hdr.v2-mega .v2-explore::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--act)}
@container (max-width:1100px){.v2-hdr .mega6{display:none!important}}
.v2-hdr:has(.mega6:target) .v2-explore,.v2-hdr:has(.mega6:focus-within) .v2-explore{color:var(--act)}
/* 画布 Menu.dc.html 的 .menu-shade：菜单展开时下面的页面盖一层半透明。不接鼠标，移到遮罩上就算离开菜单。 */
.v2-hdr .mega6::after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:rgba(17,17,17,.35);pointer-events:none}

/* 收藏、选款单计数在第 5 页（选款单）用 JS 填；没有数字时带 hidden，site.css 的 display 规则会盖掉 hidden，这里补回来（否则显示一个空圆点）。 */
.tools i[hidden]{display:none}

/* 偏差 #4（和首页会话的偏差 #4 相同）：画布只设计了 1280 和 375，平板宽度（约 701–1100）顶栏放不下会横向溢出。这个宽度改用手机式顶栏：主菜单收进汉堡按钮。 */
@container (min-width:701px) and (max-width:1100px){
  .hdr nav{display:none}
  .hdr .hamb{display:inline-flex}
  .hdr{gap:16px}
  .tools{gap:14px}
  .tools .hsearch{min-width:0;flex:0 1 220px}
}
/* 顶栏工具区的文字不折行（平板宽度下"中文"会竖着排、搜索提示会折成两行）；搜索提示放不下时用省略号 */
.tools > a{white-space:nowrap}
.tools .hsearch{min-width:0;overflow:hidden}
.tools .hsearch span{overflow:hidden;text-overflow:ellipsis}

/* ---------- 手机抽屉（Menu.dc.html 的 .drawer）----------
   画布只画了抽屉本身；正式站从右侧滑出，盖在页面上，后面是半透明遮罩（颜色同画布 .menu-shade）。
   放在 .v2-frame 外面的 .site.v2-layer 里：尺寸容器里的 position:fixed 不跟屏幕走。没有 JS 时靠 #menu 锚点打开。 */
.site.v2-layer{min-height:0;background:none}
.v2-drawer{display:none;position:fixed;inset:0;z-index:60}
.v2-drawer:target,.v2-drawer.open{display:block}
.v2-shade{position:absolute;inset:0;background:rgba(17,17,17,.35)}
.v2-drawer .drawer{position:absolute;top:0;right:0;bottom:0;width:min(360px,100%);border:0;border-radius:0;overflow-y:auto;display:flex;flex-direction:column;animation:v2-slide .25s ease}
@keyframes v2-slide{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.v2-drawer .dr-top a{font-size:18px;line-height:1;padding:4px}
.v2-drawer .qbox{width:auto;flex:none}
.dr-sec > summary{list-style:none;cursor:pointer}
.dr-sec > summary::-webkit-details-marker{display:none}
.dr-sec > summary b span::before{content:"+";font-weight:400}
.dr-sec[open] > summary b span::before{content:"−"}
.dr-sec > a:last-child{padding-bottom:4px}
.v2-drawer .dr-foot{margin-top:auto}
/* 偏差 #5：画布抽屉底部有"WhatsApp 待提供"，HANDOVER 第 3 节已定不放 WhatsApp，改成语言切换（手机顶栏没有 EN / 中文入口）。 */
.v2-lang{text-align:center;font-size:13px;color:var(--muted);padding:6px 0}
@media (prefers-reduced-motion:reduce){.v2-drawer .drawer{animation:none}}


/* ---------- 页脚订阅区（老板意见 #9：醒目、好填）---------- */
.v2-subs-wrap{padding:8px 0 36px}
/* 修改意见 #9 订阅：合并成一个醒目的订阅区（大标题、三条好处、大输入框和主色按钮） */
.v2-subs{margin-top:20px;border:0;border-radius:16px;padding:32px 36px;background:linear-gradient(120deg,#FFF1F5,#FFF8F2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:24px 40px;align-items:center}
.v2-subs-tx{display:flex;gap:18px;align-items:flex-start}
.v2-subs-ic{flex:none;width:52px;height:52px;border-radius:14px;background:#fff;color:var(--act);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(232,40,90,.12)}
.v2-subs h3{font-size:24px;line-height:1.3;font-weight:700;margin:6px 0 10px}
.v2-subs ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.v2-subs li{font-size:14px;color:var(--ink);padding-left:20px;position:relative}
.v2-subs li::before{content:"✓";position:absolute;left:0;color:var(--act);font-weight:700}
.v2-subs form{display:block}
.v2-subs-row{display:flex;gap:8px;background:#fff;border:1.5px solid var(--line2);border-radius:12px;padding:6px}
.v2-subs-row:focus-within{border-color:var(--act);box-shadow:0 0 0 3px rgba(232,40,90,.12)}
.v2-subs input{flex:1;min-width:0;width:auto;height:48px;border:0;border-radius:8px;padding:0 14px;font:inherit;font-size:16px;background:transparent;outline:none}
.v2-subs .btn{height:48px;padding:0 24px;font-size:15px;white-space:nowrap}
.v2-subs small{display:block;margin-top:8px;font-size:12.5px;color:var(--muted)}
@container (max-width:900px){
  .v2-subs{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .v2-subs h3{font-size:20px}
  .v2-subs ul{flex-direction:column}
}
@container (max-width:420px){
  .v2-subs-ic{display:none}
  .v2-subs-row{flex-direction:column}
  .v2-subs .btn{width:100%}
}
.v2-subs .v2-subs-ic{color:var(--act)}
/* 详情页（旧站页面套 v6 外壳）没有 .v2-frame 容器，上面的 @container 不生效，旧的 .subs 规则（site.css）还会把表单压成一行、输入框只剩 26px（Codex 体检 2026-10-22）。
   这里提高选择器优先级，再用视口宽度兜底：≤900 一栏，≤480 输入框和按钮上下两行。 */
.subs.v2-subs{display:grid;justify-content:stretch}
.subs.v2-subs form{display:block;width:auto}
.subs.v2-subs .v2-subs-row input{flex:1;min-width:0;width:auto;height:48px;border:0;padding:0 14px;font-size:16px}
@media (max-width:900px){
  .subs.v2-subs{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .v2-subs h3{font-size:20px}
  .v2-subs ul{flex-direction:column}
}
@media (max-width:480px){
  .v2-subs-ic{display:none}
  .subs.v2-subs .v2-subs-row{flex-direction:column}
  .subs.v2-subs .v2-subs-row input{width:100%}
  .v2-subs .btn{width:100%}
}
.v2-subs .eyebrow{font-size:12px;color:var(--act)}

/* ---------- 字号下限（复盘第 3 条；老板反馈"字偏小"）----------
   画布里卡片编号、价格、来源标签、筛选计数、说明小字多在 10.5–12px，英文客户在电脑上看吃力。
   这里统一抬到：正文 14px 起，辅助文字 12.5–13px 起，标签 12px 起。各页样式表的嵌套层级和加载顺序不同，用 !important 保证一致。 */
.site .eyebrow{font-size:12.5px!important}
.site .crumb,.site .crumb a{font-size:13.5px!important}
.site .tbd{font-size:12px!important}
.site .kind{font-size:11px!important}
.site .card .code{font-size:12.5px!important}
.site .card .add{font-size:12.5px!important}
.site .card .attrs{font-size:13.5px!important}
.site .terms-line,.site .card .sub,.site .card .sub i{font-size:13px!important}
.site .hw-t em{font-size:13px!important}
.site .facets label i{font-size:12.5px!important}
.site .why{font-size:12.5px!important}
.site .faq-ask span,.site .reply{font-size:13px!important}
.site small{font-size:max(1em * .9, 13px)}
.site .sz-fine{font-size:13px!important}
.site .sz-chart th{font-size:13.5px!important}
.site .fnote,.site .iq-priv{font-size:13px!important}
.site .v2-kinds i,.site .chips i{font-size:12px!important}
.site .est p,.site .est em,.site .iq-sitp .lab,.site .who,.site .est-in label{font-size:13px!important}
.site .faq-facts dd{font-size:13px!important}
.site .waytabs a i{font-size:12px!important}

/* 新 Logo（VI 方案一，2026-10-22）：PNG 按高度等比缩放；手机页头只显示 RC 方块 */
.logo img,.dr-top img,.doc .dh img,.sh-hdr img{width:auto}
.logo picture{display:block;line-height:0}
@media (max-width:700px){.logo img{height:30px;width:30px}}

/* 全站排版（老板 10-22 细节巡检）：段落、列表、说明文字末行不留一个孤字；标题两行时尽量等长 */
p,li,dd,dt,small,figcaption,blockquote,.lead,.desc{text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance}

/* 页头 Logo 放大到 34px（老板 10-22"logo 太小"），导航栏跟着加高，Logo 垂直居中；手机 RC 方块 36px */
.v2-hdr .hdr{height:76px}
.v2-hdr .logo{display:flex;align-items:center;flex:none}
.v2-hdr .logo img{height:34px;width:auto}
.v2-hdr .hdr nav a.on::after{bottom:-26px}
@media (max-width:700px){.v2-hdr .hdr{height:64px}.v2-hdr .logo img{height:36px;width:36px}}
/* 手机抽屉里单独一行的"尺码换算" */
.dr-link{display:block;color:var(--ink)}
.dr-link b span{font-weight:400;color:var(--muted)}
/* "试试："标签和 chips 同一行、垂直居中，和上传框隔开 */
.tries{align-items:center;margin-top:16px;position:relative;z-index:1}
.tries > span{flex:none;line-height:1}
.tries a{line-height:1.4}

/* 只给读屏看的文字（比如补齐标题层级的 h2） */
.v2-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 探索款式 / 搜索的来源标签（全部 / 现货 / 工厂实拍 / 参考图）：手机上保持一行、横向滑。
   原来换行，等英文字体到了数字变宽就从一行变两行，下面的款式网格整块下移 40px（Lighthouse CLS 0.145，2026-10-23） */
@container (max-width:700px){
  .site .waytabs.wt-s{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 2px}
  .site .waytabs.wt-s::-webkit-scrollbar{display:none}
  .site .waytabs.wt-s a{flex:none}
}

/* 关键事实区（src/v2/views/key-facts.js，首页 / 工厂页 / 定制页共用）：标签小字 + 说法正文，宽屏自动分列 */
.site .kf-box{margin:0}
.site .kf-h{font:700 17px/1.3 "Archivo","Noto Sans SC",sans-serif;margin:0 0 12px}
.site .kf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin:0}
.site .kf>div{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#FCFBFA;min-width:0}
.site .kf dt{font:600 12px/1.3 "Archivo","Noto Sans SC",sans-serif;color:var(--muted);letter-spacing:.02em}
.site .kf dd{margin:5px 0 0;font-size:14px;line-height:1.55;color:var(--ink)}
.site .faq-side .kf-box{margin-top:14px}
.site .fx-facts + .kf-box{margin-top:24px}