/* ============ 拾物 SHIWU · 设计基座（Minimal 极简主义） ============ */
:root{
  --paper:#F5F6F7;
  --paper2:#EEEFF1;
  --ink:#1A1A1A;
  --ink2:#555555;
  --muted:#9A9A9A;
  --line:#EBEBEB;
  --accent:#1F3A5F;
  --accent2:#2E4E78;
  --sun:#1A1A1A;
  --serif:'Fraunces','Noto Serif SC',serif;
  --sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  --mono:'Space Grotesk',ui-monospace,SFMono-Regular,monospace;
  --r:0px;
  --ease:cubic-bezier(.22,.9,.28,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--ink);color:var(--paper)}
svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);line-height:1.15;font-weight:600}
.wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}

/* 通用元件 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:0;
  font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.06em;border:1px solid transparent;transition:all .3s var(--ease)}
.btn-primary{background:var(--accent);color:var(--paper)}
.btn-primary:hover{background:var(--accent2);transform:none}
.btn-primary:disabled{background:var(--paper2);color:var(--ink2);cursor:not-allowed;transform:none}
.btn-ghost{border-color:var(--ink)}
.btn-ghost:hover{background:var(--accent);color:var(--paper)}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:var(--accent2);transform:none}
.btn-block{width:100%}

.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.eyebrow .dot{width:8px;height:8px;border-radius:0;background:var(--accent);flex:none}

.price{font-family:var(--mono);font-weight:700}
.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:0;display:grid;place-items:center;transition:.25s;font-size:13px;flex:none}
.icon-btn:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}

/* 滚动显现 */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* 跑马灯 */
.marquee{overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marq 30s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}

/* 空状态 */
.empty{text-align:center;padding:80px 20px;display:grid;gap:12px;justify-items:center;color:var(--ink2)}
.empty-title{font-family:var(--serif);font-size:26px;color:var(--ink)}

/* 移动端菜单按钮 */
.burger{display:none;width:40px;height:40px;border:1px solid var(--ink);border-radius:0;place-items:center;gap:0}
.burger span{display:block;width:16px;height:1.5px;background:var(--ink);transition:.3s}
.burger span+span{margin-top:4px}
.burger.open span:first-child{transform:translateY(2.75px) rotate(45deg)}
.burger.open span:last-child{transform:translateY(-2.75px) rotate(-45deg)}
