/* ZTR frontend refinement layer — one intentional final cascade for cross-page consistency. */
:root{--site-max:1120px;--site-reading:760px;--site-rail:184px;--site-gutter:clamp(20px,4vw,48px);--site-section:clamp(64px,9vw,104px);--site-hero:clamp(56px,8vw,92px);--site-title:clamp(46px,8vw,84px);--site-body:15.5px;--site-leading:1.86;--site-hairline:color-mix(in srgb,var(--site-text) 12%,transparent);--site-soft:color-mix(in srgb,var(--site-text) 4%,transparent);--site-hover:color-mix(in srgb,var(--site-text) 6%,transparent)}
html{scroll-behavior:smooth}body{margin:0;background:var(--site-bg);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;text-rendering:optimizeLegibility}.site-page{font-size:var(--site-body);line-height:var(--site-leading)}.site-container{width:min(var(--site-max),calc(100% - var(--site-gutter)*2))}.site-header{position:sticky;top:0;z-index:100;border:0!important;background:color-mix(in srgb,var(--site-bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header__inner{min-height:66px}.site-header__brand{font-size:14px;letter-spacing:-.01em}.site-header__nav{gap:28px}.site-header__nav a{position:relative;padding:8px 0;font-size:12px}.site-header__nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--site-text);transition:right var(--site-ease)}.site-header__nav a:hover:after{right:0}.site-theme-toggle{border:0!important;background:var(--site-soft)!important}.site-admin-link{border:0!important;background:var(--site-soft);padding-inline:13px}.site-footer{border:0!important}.site-footer__inner{min-height:110px;padding-top:28px;color:var(--site-text-muted);font-size:11px}.site-footer__inner>span:last-child{display:flex;align-items:center;gap:10px}.site-footer__inner i{font-style:normal;opacity:.45}.site-page h1,.site-page h2,.site-page h3{font-family:Inter,"Noto Sans SC","PingFang SC",system-ui,sans-serif;text-wrap:balance}.site-page a{transition:color var(--site-ease),background var(--site-ease),opacity var(--site-ease),transform var(--site-ease)}
/* Shared page heroes */
.article-hero,.archive-hero,.archive-index-hero,.shuoshuo-hero,.profile-hero{border:0!important}.article-hero__inner,.archive-hero>.site-container,.archive-index-hero>.site-container,.shuoshuo-hero>.site-container,.profile-hero>.site-container{padding-block:var(--site-hero) clamp(42px,6vw,68px)!important}.article-hero h1,.archive-hero h1,.archive-index-hero h1,.shuoshuo-hero h1,.profile-hero h1{font-size:var(--site-title)!important;line-height:1.04!important;letter-spacing:-.055em!important;margin-block:18px 30px!important;max-width:940px}.article-hero__label,.archive-hero>div>p,.archive-index-hero>div>p,.shuoshuo-hero>div>p,.profile-hero>div>p{font-size:9px!important;letter-spacing:.2em!important}.archive-hero>.site-container>div,.archive-index-hero__bottom,.shuoshuo-hero__bottom,.profile-hero__intro{border:0!important;padding-top:0!important}.article-breadcrumb{margin-bottom:36px!important}.article-meta{margin-top:24px!important}.article-meta,.archive-hero>.site-container>div,.archive-index-hero__bottom,.shuoshuo-hero__bottom{gap:14px 22px}
/* Homepage */
.home-cover{min-height:min(720px,78vh)!important}.home-cover__inner{padding-block:clamp(72px,11vh,118px) 24px!important}.home-cover h1{font-size:clamp(66px,11vw,132px)!important;letter-spacing:-.055em!important;line-height:.93!important}.home-cover__description{max-width:680px!important;margin-top:28px!important;font-size:clamp(17px,1.8vw,22px)!important}.home-cover__mark{opacity:.76;transform:scale(.88)}.home-cover__foot{margin-top:56px!important}.home-pinned{padding-top:var(--site-section)!important}.home-pinned>div{gap:clamp(28px,5vw,58px)!important}.home-pinned a{padding-block:20px!important}.home-content{padding-block:var(--site-section)!important;gap:clamp(46px,7vw,78px)!important}.home-section-head{margin-bottom:28px!important}.home-discovery{margin-bottom:20px!important}.home-entry{padding-block:clamp(30px,4vw,42px)!important;border:0!important}.home-entry+.home-entry{margin-top:2px}.home-entry:hover{background:var(--site-hover)!important;border-radius:12px;padding-inline:18px!important;margin-inline:-18px}.home-entry__top{margin-bottom:18px!important}.home-entry__body{gap:26px!important}.home-entry h2{font-size:clamp(23px,3vw,33px)!important;line-height:1.24!important}.home-entry__excerpt{font-size:13.5px!important;line-height:1.8!important;max-width:680px}.home-entry__footer{border:0!important;margin-top:19px!important;padding-top:0!important}.home-notebook{border:0!important;border-radius:14px!important;background:var(--site-soft)!important;padding:26px!important}.home-notebook section{border-color:var(--site-hairline)!important}.home-pagination{padding-top:26px!important}
/* Article */
.article-layout{grid-template-columns:minmax(0,var(--site-reading)) var(--site-rail)!important;gap:clamp(52px,7vw,78px)!important;padding-block:var(--site-section)!important}.article-content,.article-content .joe_detail__article{font-size:16px!important;line-height:1.92!important}.article-content p{margin-block:0 1.35em!important}.article-content h2{font-size:clamp(25px,3vw,32px)!important;margin-top:2.4em!important}.article-content h3{font-size:clamp(20px,2.3vw,25px)!important;margin-top:2em!important}.article-content blockquote{border:0!important;border-radius:10px;background:var(--site-soft)!important;padding:18px 22px!important}.article-content img{border-radius:10px}.article-rail>div,.article-rail__note{border:0!important;padding-left:0!important}.article-toc a{padding:5px 0!important}.article-related>div{gap:clamp(24px,4vw,44px)!important}.article-pagination{border:0!important;gap:20px}.article-pagination__item{border:0!important;background:var(--site-soft);border-radius:12px;padding:20px!important}.article-comments{margin-top:var(--site-section)!important}.code-toolbar-local{border:0!important;background:#151819!important}.code-toolbar-local+pre{border:0!important}.article-content pre{box-shadow:0 12px 34px rgba(0,0,0,.12)}
/* Archive and index */
.archive-layout,.archive-index-layout{gap:clamp(52px,7vw,76px)!important;padding-block:var(--site-section)!important}.archive-entry{border:0!important;border-radius:10px;padding:24px 0!important}.archive-entry:first-child{border:0!important}.archive-entry:hover{padding-inline:16px!important;margin-inline:-16px;background:var(--site-hover)!important}.archive-entry h2{font-size:clamp(20px,2.5vw,25px)!important}.archive-rail,.archive-index-rail{border:0!important}.archive-pagination{padding-block:30px 70px}.archive-pages{gap:8px}.archive-pages a,.archive-pages span{border:0!important;border-radius:999px!important;background:var(--site-soft)}.archive-pages .is-current a,.archive-pages .is-current span{background:var(--site-text)!important;color:var(--site-bg)!important}.archive-year{border:0!important}.archive-year__entries li{border-color:var(--site-hairline)!important}
/* Shuoshuo */
.shuoshuo-layout{grid-template-columns:minmax(0,var(--site-reading)) var(--site-rail)!important;gap:clamp(52px,7vw,76px)!important;padding-block:var(--site-section)!important}.shuoshuo-timeline:before{left:80px!important;background:var(--site-hairline)!important}.shuoshuo-item{grid-template-columns:64px 32px minmax(0,1fr)!important;padding-bottom:34px!important}.shuoshuo-item__card{border:0!important;border-radius:12px!important;padding:24px 26px!important;background:var(--site-soft)!important}.shuoshuo-item__content{font-size:15px!important;line-height:1.85!important}.shuoshuo-note{border:0!important;padding-left:0!important}
/* About and friendlinks */
.about-grid,.friends-layout{padding-block:var(--site-section)!important}.about-grid{grid-template-columns:136px minmax(0,var(--site-reading))!important;gap:clamp(46px,7vw,72px)!important}.about-block{grid-template-columns:145px minmax(0,1fr)!important;gap:32px!important;border:0!important;padding-block:36px!important}.about-block p{font-size:15px!important}.about-words span{border:0!important;background:var(--site-soft)!important}.friends-directory__grid{gap:16px!important}.friend-card{border:0!important;border-radius:12px!important;background:var(--site-soft)!important}.friend-card:hover{transform:translateY(-2px)}.friends-card-info,.friends-apply{border:0!important;border-radius:14px!important;background:var(--site-soft)!important}
/* Focus and motion */
:focus-visible{outline:2px solid var(--site-accent)!important;outline-offset:3px!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:900px){.article-layout,.archive-layout,.archive-index-layout,.shuoshuo-layout{grid-template-columns:minmax(0,1fr)!important}.article-rail,.archive-rail,.archive-index-rail,.shuoshuo-note{display:none!important}.home-content{grid-template-columns:minmax(0,1fr)!important}.home-notebook{position:static!important}.profile-hero__intro{grid-template-columns:1fr!important;gap:18px!important}}
@media(max-width:680px){:root{--site-gutter:20px;--site-section:58px;--site-hero:48px;--site-title:clamp(40px,12vw,60px)}.site-header__inner{min-height:58px}.home-cover{min-height:620px!important}.home-cover__inner{display:block!important;padding-top:90px!important}.home-cover__mark{display:none!important}.home-cover__foot{margin-top:70px!important}.home-pinned>div{grid-template-columns:1fr!important;gap:4px!important}.home-content{padding-top:64px!important}.home-entry:hover{margin-inline:0;padding-inline:0!important;background:transparent!important}.home-entry__body{grid-template-columns:58px minmax(0,1fr)!important;gap:16px!important}.home-entry__footer{padding-left:74px!important}.home-notebook{padding:22px!important}.article-layout{padding-top:54px!important}.article-content,.article-content .joe_detail__article{font-size:15.5px!important}.article-related>div{grid-template-columns:1fr!important}.article-pagination{grid-template-columns:1fr!important}.archive-entry{grid-template-columns:52px minmax(0,1fr) 18px!important;gap:12px!important}.shuoshuo-timeline:before{left:7px!important}.shuoshuo-item{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important}.shuoshuo-item__time{grid-column:2!important;text-align:left!important;padding:0 0 8px!important}.shuoshuo-item__dot{grid-column:1!important;grid-row:1/3!important;margin-top:7px!important}.shuoshuo-item__card{grid-column:2!important;padding:20px!important}.about-grid,.about-block{grid-template-columns:1fr!important}.about-index{display:none!important}.about-block{gap:15px!important;padding-block:29px!important}.profile-hero__intro{display:block!important}.profile-hero__intro>span{display:block;margin-top:14px}.site-footer__inner{min-height:90px}}