/* 全站公用样式。各页面自己的样式写在页面的 <style> 里。 */

/* 标题字体：自托管子集，由 tools/subset-fonts.py 生成 */
@font-face{font-family:"Noto Serif SC";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/noto-serif-sc-600.woff2") format("woff2")}
@font-face{font-family:"Noto Serif SC";font-weight:900;font-style:normal;font-display:swap;src:url("/assets/fonts/noto-serif-sc-900.woff2") format("woff2")}

[hidden]{display:none !important}
body{margin:0;background:#fff}
a{color:#141414}
a:hover{color:#666}

/* 顶栏 */
.nv{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 24px;padding:24px 0;border-bottom:1px dashed #c8c8c8}
.nv-name{font-size:18px;font-weight:700;letter-spacing:0.3em;color:#141414;text-decoration:none}
.nv-links{display:flex;align-items:baseline;gap:28px;font-size:15px}
.nv-links a{color:#8a8a8a;text-decoration:none}
.nv-links a:hover{color:#141414}
.nv-links a[aria-current="page"]{color:#141414;font-weight:600}
@media (max-width:760px){.nv-links{gap:16px;font-size:14px}.nv-name{letter-spacing:0.15em}}

/* 滚动渐显：浏览器不支持 animation-timeline: view() 时，由 site.js 加上 .rv-js 用 JS 实现 */
.rv-js .hm-rv,.rv-js .hd-rv{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}
.rv-js .hm-rv.is-in,.rv-js .hd-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv-js .hm-rv,.rv-js .hd-rv{opacity:1;transform:none;transition:none}}

/* Prompt HUD 页和关于我页共用 */
.hd{font-family:"Helvetica Neue",-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:#141414;background-color:#fff;background-image:linear-gradient(#f0f0f0 1px,transparent 1px),linear-gradient(90deg,#f0f0f0 1px,transparent 1px);background-size:56px 56px;-webkit-font-smoothing:antialiased}
.hd-serif{font-family:"Noto Serif SC","Songti SC","STSong",serif}
.hd-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.hd-label{font-size:12px;color:#5f5f5f;letter-spacing:0.12em}
.hd-wrap{max-width:1040px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.hd-sec{display:grid;grid-template-columns:168px minmax(0,1fr);gap:40px;padding:clamp(72px,10vw,128px) 0;border-top:1px solid #dcdcdc}
.hd-dark:hover{background:#3a3a3a !important;color:#fff !important;border-color:#141414 !important}
.hd-out:hover{background:#141414 !important;color:#fff !important;border-color:#141414 !important}
.hd-rv{opacity:1}
@supports (animation-timeline: view()){
.hd-rv{animation:hdIn linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
@keyframes hdIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.hd-rv{animation:none!important}}
@media (max-width:760px){.hd-sec{grid-template-columns:minmax(0,1fr);gap:20px}}

/* 复制邮箱按钮（首页、Prompt HUD、关于我） */
.copy-btn{height:36px;padding:0 14px;border:1px solid #141414;background:#fff;font-size:13px;color:#141414;cursor:pointer;font-family:inherit}