/* 全站共用：字体、色板、导航、关注区、页脚、内页排版。首页另有 v17 内联样式。 */
/* 首页 v17 字体子集只含 v17 原有的字；之后新增的字放在 add 补字文件里（Google Fonts 同款），须声明在主字体之后 */
@font-face{font-family:"BB Sans SC";src:url("/assets/fonts/NotoSansSC-sub.woff2") format("woff2");font-weight:100 900;font-display:block}
@font-face{font-family:"BB Sans SC";src:url("/assets/fonts/NotoSansSC-add1.woff2") format("woff2");font-weight:100 900;font-display:block;unicode-range:U+4F55,U+540E,U+5462,U+662F,U+7136,U+8981,U+8C01,U+9700,U+FF1F}
@font-face{font-family:"BB Sans SC";src:url("/assets/fonts/NotoSansSC-add2.woff2") format("woff2");font-weight:100 900;font-display:block;unicode-range:U+4E48,U+4EC0,U+6CE8}
@font-face{font-family:"BB Montserrat";src:url("/assets/fonts/Montserrat-sub.woff2") format("woff2");font-weight:100 900;font-display:block}
@font-face{font-family:"BB Montserrat";src:url("/assets/fonts/Montserrat-add1.woff2") format("woff2");font-weight:100 900;font-display:block;unicode-range:U+46-47,U+77}
:root{--bg:#0A0E18;--bg2:#0E1424;--card:#111829;--ink:#F7F6F2;--ink2:rgba(247,246,242,.76);--mute:rgba(247,246,242,.48);--line:rgba(247,246,242,.10);--line2:rgba(247,246,242,.18);
 --amber:#D8893C;--amber2:#F0A85E;--steel:#8A97B8;
 --sys:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
 --sans:"BB Sans SC",var(--sys);--latin:"BB Montserrat","BB Sans SC",var(--sys)}
*{box-sizing:border-box;margin:0;padding:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
body{font-family:var(--sys)}
a{color:inherit}

/* 导航（内页为静态流式；首页由内联样式改为绝对定位） */
nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:32px 56px;z-index:2}
/* 品牌：标志 ｜ 英文 + 中文，与菜单项同一格式；点击到首页「大鸟是谁」 */
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0;white-space:nowrap;color:var(--ink);text-decoration:none}
.brand img{height:28px;width:auto;display:block}
.brand .bar{width:1px;height:18px;background:var(--line2)}
.brand .name{font-family:var(--latin);font-weight:500;font-size:15.5px;color:var(--ink)}
.brand .name small{font-family:var(--sans);font-size:12px;color:var(--mute);margin-left:6px;font-weight:400}
.links .it{white-space:nowrap}
.links{display:flex;align-items:center;--ink2:rgba(247,246,242,.72);--mute:rgba(247,246,242,.46)}
.links a{color:inherit;text-decoration:none}
.links .it{font-family:var(--latin);font-weight:500;font-size:15.5px;padding:8px 14px;color:var(--ink2);white-space:nowrap}
.links .it small{font-family:var(--sans);font-size:12px;color:var(--mute);margin-left:6px;font-weight:400}
.links .it:hover,.links .it[aria-current]{color:var(--ink)}
.links .it[aria-current]{position:relative}
.links .it[aria-current]::after{content:"";position:absolute;left:50%;bottom:-6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--amber2);box-shadow:0 0 8px var(--amber2)}
.links .sep{width:1px;height:18px;background:var(--line2);margin:0 10px}
/* 中文小字始终显示：空间紧时收窄间距，900px 以下改用「菜单」下拉 */
@media (max-width:1179px){nav{padding:28px 32px}.links .it{padding:8px 8px;font-size:14.5px}.links .sep{margin:0 6px}}
/* 手机：只露「菜单」，展开为竖排列表 */
.mbar{display:none;align-items:center;gap:6px;font-family:var(--sys)}
.mbar .cta{color:var(--amber2);text-decoration:none;font-size:15px;padding:8px 10px}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;white-space:nowrap;font-size:15px;color:var(--ink);padding:7px 14px;border:1px solid var(--line2);border-radius:999px}
.menu summary::-webkit-details-marker{display:none}
.menu summary .here{color:var(--amber2);margin-right:10px;padding-right:10px;border-right:1px solid var(--line2)}
.menu[open] summary{border-color:var(--amber2);color:var(--amber2)}
.menu .panel{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:8px 0;background:rgba(14,20,36,.97);border:1px solid var(--line2);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.45);display:flex;flex-direction:column}
.menu .panel .it{display:block;padding:12px 20px;font-family:var(--latin);font-weight:500;font-size:16px;color:var(--ink2);text-decoration:none}
.menu .panel .it[aria-current]{color:var(--ink);box-shadow:inset 2px 0 var(--amber2)}
.menu .panel .it small{font-family:var(--sans);font-size:12px;color:var(--mute);margin-left:8px;font-weight:400}
@media (max-width:899px){.links{display:none}.mbar{display:flex}}
@media (max-width:640px){
 nav{padding:20px 22px}.brand{gap:12px}.brand img{height:24px}.brand .name{font-size:15px}
}

/* 关注服务号 */
.follow{padding:96px 24px 88px;text-align:center;font-family:var(--sys)}
.follow h2{font-weight:400;font-size:clamp(22px,2.2vw,30px);letter-spacing:.08em;line-height:1.5}
.follow .lead{margin:16px auto 0;max-width:30em;text-wrap:balance;font-size:15px;line-height:1.9;color:var(--ink2)}
.follow .qr{display:inline-block;margin-top:32px;padding:12px;background:#fff;border-radius:12px;line-height:0}
.follow .qr img{width:168px;height:168px;display:block}
.follow .next{font-family:var(--latin);display:block;width:fit-content;margin:36px auto 0;font-size:14px;color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:2px}
.follow .next:hover{color:var(--ink)}
.follow .next small{font-size:12px;color:var(--mute);margin-left:6px}

/* 页脚 */
footer.site{border-top:1px solid var(--line);padding:28px 24px 40px;text-align:center;font-size:12px;line-height:2;color:var(--mute);font-family:var(--sys)}
footer.site a{text-decoration:none}
footer.site a:hover{color:var(--ink2)}
footer.site .dot{margin:0 .6em;opacity:.5}
@media (max-width:640px){footer.site .dot{display:none}footer.site a{display:block}}

/* 内页 */
.page{max-width:928px;margin:0 auto;padding:56px 24px 24px}
.page h1{font-weight:400;font-size:clamp(28px,3vw,40px);letter-spacing:.06em;line-height:1.4}
.page .intro{text-wrap:pretty;margin-top:18px;font-size:16px;line-height:1.95;color:var(--ink2)}
.page h2{margin:56px 0 18px;font-weight:500;font-size:19px;letter-spacing:.04em;padding-bottom:10px;border-bottom:1px solid var(--line)}
.page p{text-wrap:pretty;font-size:15.5px;line-height:1.95;color:var(--ink2)}
.page p+p{margin-top:12px}
.page .contact{margin-top:28px;color:var(--mute)}
.page .contact a{margin-left:.6em}
.page dl{display:grid;grid-template-columns:7em 1fr;gap:10px 16px;font-size:15px;line-height:1.8}
.page dt{color:var(--mute)}.page dd{color:var(--ink2)}
.page dd a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2)}

/* 文章列表 */
.posts{list-style:none;margin-top:40px}
.posts li{border-top:1px solid var(--line)}
.posts li:last-child{border-bottom:1px solid var(--line)}
.posts a{display:block;padding:24px 4px;text-decoration:none}
.posts .meta{font-size:12.5px;color:var(--mute);letter-spacing:.04em}
.posts h3{margin-top:6px;font-weight:500;font-size:18px;line-height:1.6;color:var(--ink)}
.posts p{margin-top:8px;font-size:14.5px;line-height:1.85;color:var(--ink2)}
.posts .go{display:inline-block;margin-top:10px;font-size:13px;color:var(--amber2)}
.posts a:hover h3{color:var(--amber2)}
.page p a,.page .intro a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2)}
.page p a:hover,.page .intro a:hover{border-color:var(--amber2)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* 内页方法示意图：放在简介之后，与正文同宽，带边框；电脑横版、手机竖版 */
/* 栏目页开场：首图居中，标题只留给读屏与搜索，当前页由菜单标出 */
.pagevis{display:flex;justify-content:center;padding:40px 32px 72px}
.pagevis svg{display:block;width:100%;max-width:1040px;height:auto;overflow:visible}
/* 内页分段：不画线，相邻板块用相近而不同的底色交替（开场与菜单同底 → 文章 → 关注 → 页脚） */
.band{background:var(--bg2)}
.band .page{padding:56px 24px 64px}
.band .posts{margin-top:0}
.band .posts li:first-child{border-top:0}
.band .posts li:last-child{border-bottom:0}
main>.page:last-child{padding-bottom:80px}
main+.follow{background:var(--bg2)}
main:has(.band)+.follow{background:var(--bg)}
main~footer.site{background:#070A12;border-top:0}
.pagevis .pv-m{display:none}
@media (max-width:640px){.pagevis{padding:16px 16px 48px}.pagevis .pv-pc{display:none}.pagevis .pv-m{display:block;max-width:420px}}

/* 文章卡片：封面 + 文字 */
.posts a{display:grid;grid-template-columns:224px 1fr;gap:24px;align-items:start}
.posts .cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--card)}
.posts.lab .cover{aspect-ratio:720/306}
.posts .txt{min-width:0}
@media (max-width:640px){.posts a{grid-template-columns:1fr;gap:14px}}

/* 320–374px 窄屏：顶栏放得下「当前页｜菜单」 */
@media (max-width:374px){nav{padding-left:16px;padding-right:16px}.brand{gap:10px}.brand .name small{display:none}.menu summary .here{margin-right:8px;padding-right:8px}}