/* ===== 极简黑白 · Mono Noir ===== */
:root{
  --radius:0px; --radius-sm:0px;
  --shadow:0 8px 30px rgba(0,0,0,.07);
  --shadow-lg:0 24px 70px rgba(0,0,0,.16);
}
body{letter-spacing:.03em;font-weight:400}
.site-header{background:color-mix(in srgb,var(--bg) 76%,transparent);border-bottom:1px solid rgba(20,20,20,.09)}
.header-in{height:72px}
.logo-mark{background:#141414;border-radius:2px;box-shadow:none;font-family:var(--font-head)}
.logo-text span{letter-spacing:5px;color:#8a8a8a}
.logo-text b{letter-spacing:3px;font-family:var(--font-head)}
.main-nav a{border-radius:0;letter-spacing:2px;text-transform:uppercase;font-size:13px}
.main-nav a.active{background:transparent;color:#141414;box-shadow:inset 0 -2px 0 #141414;border-radius:0}
.hero{min-height:78vh}
.hero-eyebrow{letter-spacing:8px;color:#8a8a8a}
.hero-eyebrow::before{background:#141414;width:64px}
.hero h1{font-family:var(--font-head);letter-spacing:4px}
.hero-sub{color:#8a8a8a;letter-spacing:1px}
.btn-primary{background:#141414;border-radius:0;letter-spacing:3px}
.btn-primary:hover{background:#000;transform:translateY(-2px)}
.btn-ghost{border-radius:0;letter-spacing:3px}
.btn-ghost:hover{border-color:#141414;color:#141414}
.hero-quote{border-left:2px solid #141414;color:#8a8a8a}
.section-kicker{letter-spacing:8px;color:#8a8a8a}
.section-title{letter-spacing:4px}
.section-line{height:2px;background:#141414;width:80px}
.card{border-radius:0;border-color:rgba(20,20,20,.12);box-shadow:none}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.card-title{letter-spacing:1px}
.card:hover .card-title{color:#141414}
.card-meta{border-top-color:rgba(20,20,20,.08)}
.panel{border-radius:0;border-color:rgba(20,20,20,.1)}
.stat{background:#f0f0f0}
.stat b{color:#141414}
.mini-list i{border-radius:0;background:#141414;color:#fff;font-family:var(--font-head)}
.mini-list a:hover{color:#141414;padding-left:6px}
.tags-cloud a{border-radius:0}
.tags-cloud a:hover{border-color:#141414;color:#141414}
.filter-bar a{border-radius:0}
.filter-bar a.on{background:#141414;border-radius:0}
.work-card{border-radius:0}
.work-card .ov{background:linear-gradient(to top,rgba(10,10,10,.88),transparent 60%)}
.work-card .ov b{font-family:var(--font-head);letter-spacing:2px}
.feed-card{border-radius:0;border-color:rgba(20,20,20,.1)}
.feed-head .avatar{border-radius:2px;background:#141414}
.feed-img{border-radius:0}
.site-footer{background:#0a0a0a}
.footer-in h4{letter-spacing:4px;font-family:var(--font-head)}
.footer-bottom{letter-spacing:1px;color:#6b6b6b}
.article{border-radius:0;border-color:rgba(20,20,20,.1)}
.article-body h2{font-family:var(--font-head);border-left:3px solid #141414;letter-spacing:2px}
.article-body blockquote{border-left:2px solid #141414;background:#f4f4f4;color:#6b6b6b}
.article-tags a{border-radius:0;background:transparent;border:1px solid rgba(20,20,20,.15);color:#141414}
.article-tags a:hover{background:#141414;border-color:#141414}
.c-item .avatar{border-radius:2px;background:#141414}
.pager .pg{border-radius:0}
.link-card{border-radius:0}
.link-card .logo{border-radius:2px;background:#141414}
::selection{background:#141414;color:#fff}