/* ==========================================================================
   站点视觉刷新层 —— 移植自静态稿
   --------------------------------------------------------------------------
   来源：光道网站设计代码/app/new/assets/site-refresh.css（3860 B, 10-26 23:44）
   静态稿每个页面 <head> 末尾都是：
     <link rel="stylesheet" href="assets/site-refresh.css">
   也就是它在「页面内联样式」之后加载、覆盖前面的规则。这里保持同样的定位：
   必须在 home.css / products.css / product-card.css 之后加载，才能覆盖它们。

   这一层把整套字体从 Montserrat / Inter 换成 Roboto，并调整字号、字重、配色与圆角。
   主题此前只移植了「刷新前」的底层样式，缺了这一层，所以页面观感始终对不上静态稿。

   改动注意：
   - 原文件的 `@import url('https://fonts.googleapis.com/css2?family=Roboto:...')`
     已删除。主题自托管 Roboto（assets/fonts/roboto.woff2，fonts.css 已声明），
     不需要再拉 Google Fonts，国内也能正常加载。
   - 其余规则与静态稿逐字一致，未做任何"优化"。
   ========================================================================== */

:root{
  --ink:#2e3344;
  --ink2:#23262e;
  --paper:#f4f4f4;
  --white:#ffffff;
  --line:rgba(46,52,68,.16);
  --gray:#666666;
  --r:4px;
  --futura:'Roboto',Arial,Helvetica,sans-serif;
  --futura-h:'Roboto',Arial,Helvetica,sans-serif;
}

body{font-family:'Roboto',Arial,Helvetica,sans-serif;background:#ffffff;color:#333333;font-size:15px;line-height:1.6}

/* Headings — Roboto 500, normal tracking */
h1,h2,h3,h4,h5{font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:0}
h1{font-size:clamp(28px,3vw,36px);line-height:1.25}
h2{font-size:clamp(24px,2.6vw,30px);line-height:1.3}
h3{font-size:24px;line-height:1.32}
h4{font-size:20px;line-height:1.4}
.sec-title{font-weight:500;font-size:clamp(24px,2.8vw,32px);letter-spacing:.02em}
.sec-kick{font-size:clamp(18px,2vw,24px);opacity:.8}
.ser-head h2{font-weight:500;font-size:clamp(20px,2.2vw,26px);letter-spacing:.03em}
.band h2{font-weight:500;font-size:clamp(26px,3.6vw,42px);letter-spacing:.03em}
.listhead .lede{font-weight:400;font-size:15px;line-height:1.7;color:#666666}

/* Buttons — compact tracking, 4px radius */
.btn{font-size:13px;font-weight:500;letter-spacing:.08em;padding:15px 32px;border-radius:4px}

/* Cards & lists */
.pcard{border-radius:4px}
.pcard-img{background:#f4f4f4}
.pmodel{font-family:'Roboto',Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.02em}
.pnick{font-weight:400;font-size:12.5px;color:#666666}
.pmeta{font-weight:400;font-size:11.5px;color:#8a8a8a;letter-spacing:0}
.ser-note{font-weight:400;font-size:12.5px;letter-spacing:0}

/* PDP */
.pdp-model{letter-spacing:.12em}
.pdp-sub{font-weight:400;font-size:15px;letter-spacing:0}
.pdp-desc{font-weight:400;font-size:15px;line-height:1.75;color:#333333}
.pspec th{font-size:12px;letter-spacing:.08em;color:#666666}
.pspec td{font-size:15px}

/* Logo — larger, ® superscript, original artwork untouched */
.logo{position:relative;color:#f4f4f4}
.logo-wm{height:32px}
.footer .logo-wm{height:30px}
.logo::after{content:'\00AE';position:absolute;top:-3px;right:-13px;font-family:'Roboto',Arial,sans-serif;font-size:11px;font-weight:400;line-height:1;color:currentColor}
.f-grid a.logo{display:inline-flex;position:relative}

/* Language switcher — placeholder (fc91) */
.lang{position:relative;display:flex;align-items:center;margin-left:-16px}
.lang-btn{display:flex;align-items:center;gap:5px;background:none;border:0;border-left:1px solid var(--line-d);padding:6px 0 6px 20px;font-family:'Roboto',Arial,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.08em;color:var(--gray2);cursor:pointer;transition:color .2s}
.lang-btn svg{width:12px;height:12px}
.lang-btn:hover,.lang:hover .lang-btn,.lang:focus-within .lang-btn{color:var(--paper)}
.lang-menu{position:absolute;top:calc(100% + 16px);right:0;min-width:172px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 14px 34px -12px rgba(32,34,34,.28);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s;z-index:101}
.lang:hover .lang-menu,.lang:focus-within .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;font-size:13px;letter-spacing:normal;text-transform:none;white-space:nowrap;text-decoration:none;color:#8a8a8a;cursor:default;transition:color .2s}
.lang-menu a.on{font-weight:500;color:var(--ink)}
/* 填了链接或 # 的语言项：深色可点击；没加链接的保持 #8a8a8a */
.lang-menu a.soon[href]{color:var(--ink);cursor:pointer}
/* hover 保持各自常态色（压制 home.css 深色菜单的浅色 hover） */
.lang-menu a:hover{color:#8a8a8a}
.lang-menu a.on:hover,
.lang-menu a.soon[href]:hover{color:var(--ink)}
.lang-menu .soon i{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#a8a8a8;border:1px solid var(--line);border-radius:2px;padding:2px 6px;margin-left:14px}