/* Lux 基础排版与通用组件 */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--font-sans);font-size:16px;line-height:1.75;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  transition:background .4s ease,color .4s ease;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .2s ease}
a:hover{color:var(--accent)}
h1,h2,h3,h4{font-weight:500;line-height:1.3;margin:0 0 .6em}
h1{font-size:clamp(26px,4vw,32px)}
h2{font-size:clamp(20px,3vw,24px)}
h3{font-size:clamp(17px,2.4vw,19px)}
p{margin:0 0 1em}
small{font-size:12px}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.clear{clear:both}

/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;
  padding:10px 20px;border-radius:var(--radius-ctl);border:.5px solid transparent;cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-strong);color:var(--accent-ink)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* 标签 / 胶囊 */
.tag{display:inline-flex;align-items:center;font-size:12px;color:var(--text-muted);
  border:.5px solid var(--border-strong);padding:4px 12px;border-radius:var(--radius-pill);transition:color .2s,border-color .2s}
.tag:hover{color:var(--accent);border-color:var(--accent)}
.tag-accent{display:inline-flex;align-items:center;font-size:12px;color:var(--accent-ink);
  background:var(--accent);border:.5px solid var(--accent);padding:4px 12px;border-radius:var(--radius-pill)}

/* 卡片 */
.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-card);
  box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);border-color:var(--border-strong)}

/* 滚动淡入：仅在有 JS 时启用（无 JS / 爬虫场景内容默认可见） */
html.js .fade{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}
html.js .fade.in{opacity:1;transform:none}
/* 后台开关：关闭淡入 / 关闭毛玻璃 */
body.no-fade .fade{opacity:1!important;transform:none!important;transition:none!important}
body.no-glass .nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}
@media(prefers-reduced-motion:reduce){
  html.js .fade{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}