/* align.css — 2026-11-05 版式对齐首家主站（shoujia.com）。只改样式，最后加载；删掉本文件和 index.php 里那一个 <link> 即还原。 */
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/geist/geist-gyByhwUxId8gMEwcGFWNOITd.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#fff8ea;--line:#cbc4b3;--band:#eee9dc;--muted:#5c6058;--coral:#f95340;--cyan:#54d4de;--r:4px;--shadow:3px 3px 0 var(--ink);--wide:1280px;--font-sans:'Geist',ui-sans-serif,system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
body{font-family:var(--font-sans);line-height:1.72;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}

/* 页头：半透明纸色吸顶，版心 1280 */
.top{padding-left:max(16px,calc((100vw - var(--wide))/2));padding-right:max(16px,calc((100vw - var(--wide))/2));background:rgba(255,248,234,.95)}
/* 背景模糊只给电脑宽度：它会让 fixed 定位的手机抽屉相对页头定位 */
@media(min-width:821px){.top{-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px)}}
.logo{font-weight:850;letter-spacing:-.01em}
.mainnav{gap:22px}
.mainnav a{font-size:14px;font-weight:650}
.cats{padding-left:max(16px,calc((100vw - var(--wide))/2));padding-right:max(16px,calc((100vw - var(--wide))/2));gap:10px}
.cats a{border-radius:var(--r);font-size:14px;padding:4px 14px}

/* 版心与区块节奏 */
main{max-width:var(--wide)}
main>section,.us>section,main section{padding:56px 0}
main>section+section{border-top:1px solid var(--line)}
.ushero,.hero{padding:72px 0 64px!important;gap:56px}
.ushero+section,.hero+section{border-top:2px solid var(--ink)}

/* 字号层级（对齐 --text-display / --text-section-title） */
h1,.ushero h1{font-weight:900;letter-spacing:-.02em;line-height:1.08}
.ushero h1,.hero h1{font-size:clamp(38px,4.6vw,64px);word-break:keep-all;overflow-wrap:anywhere}
h2{font-size:clamp(26px,3.2vw,44px);font-weight:850;line-height:1.14;letter-spacing:-.015em;margin-bottom:24px}
h3{font-weight:700;letter-spacing:-.005em}
.lead{font-size:18px;font-weight:400;line-height:1.85;max-width:560px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px}
.m{color:var(--muted)}
.sechead{align-items:end;gap:24px;margin-bottom:24px}
.sechead h2{margin:0}
.sechead a{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

/* 卡片、按钮：描边 2px、圆角 4、阴影 3px */
.btn{border-radius:var(--r);box-shadow:var(--shadow);font-weight:750;padding:12px 22px}
.btn.small{box-shadow:2px 2px 0 var(--ink)}
.card,.tile,.askgrid a,.askgrid>div,.related a,.quick,.table,.band,.facts,.steps3 li,.mall-art,.pager a,.pager span,.chips a{border-radius:var(--r)}
.card,.tile,.quick,.table,.band,.mall-art{box-shadow:var(--shadow)}
.askgrid,.tiles,.related>div,.grid,.steps3{gap:20px}
.askgrid a,.askgrid>div{padding:22px}
.band{padding:36px 40px}

/* 商品平铺网格：保留平铺（宽屏每排 5 张），放宽间距，卡内留白加大，价格独立放大 */
.pgrid{gap:24px 20px;padding-top:8px}
.pcard{border-radius:var(--r);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.pcard:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.pcard .name{padding:12px 14px 4px;font-size:15px;font-weight:650;line-height:1.45}
.pcard .price{padding:2px 14px 14px;font-size:18px;font-weight:850;letter-spacing:-.01em}
@media(min-width:1200px){.pgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* 短的精选区块不单出一张：6 件排 3×2，4 件/8 件排每排 4 张 */
@media(min-width:720px){.pgrid:has(>:nth-child(6):last-child),.pgrid:has(>:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:720px) and (max-width:1199px){.pgrid:has(>:nth-child(4):last-child),.pgrid:has(>:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){.pgrid:has(>:nth-child(4):last-child),.pgrid:has(>:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:821px){.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(min-width:821px) and (max-width:1023px){.tiles:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 详情页 */
.pd h1,.rvitem h1,.guide-item h1{font-weight:850;letter-spacing:-.015em;line-height:1.2}
.bigprice{font-size:34px;font-weight:900;letter-spacing:-.02em}
.gallery,.pd .gallery{border-radius:var(--r)}

/* 页脚：版心 1280，上 64 下 28 */
.foot{padding:64px 16px 28px;margin-top:40px}
.foot-in,.foot-end{max-width:var(--wide)}
.foot h2{font-size:12px;letter-spacing:.06em;text-transform:uppercase}

@media(max-width:820px){
  .top{padding:10px 16px}
  main>section,.us>section,main section{padding:40px 0}
  .ushero,.hero{padding:32px 0 36px!important;gap:24px}
  .ushero h1,.hero h1{font-size:clamp(34px,9vw,44px)}
  h2{font-size:clamp(24px,6.4vw,30px);margin-bottom:18px}
  .lead{font-size:17px}
  .pgrid{gap:16px 12px}
  .pcard .name{padding:10px 10px 2px;font-size:14px}
  .pcard .price{padding:0 10px 12px;font-size:16px}
  .band{padding:24px 20px}
  .foot{padding:48px 16px 24px}
}
@media(prefers-reduced-motion:reduce){.pcard{transition:none}.pcard:hover{transform:none}}