:root{color-scheme:dark;--bg:#08090d;--panel:rgba(18,20,28,.76);--text:#f5f6fa;--soft:#c5c8d2;--muted:#888d9c;--line:rgba(210,218,244,.13);--line-strong:rgba(210,218,244,.23);--accent:#91a8ff;--accent-soft:#c7d0ff;--page:min(1260px,calc(100vw - 56px));font-family:Inter,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}
#space{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.ambient{position:fixed;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 18% 12%,rgba(86,103,185,.13),transparent 31%),radial-gradient(ellipse at 78% 64%,rgba(72,124,157,.09),transparent 26%);filter:blur(70px);animation:ambient-shift 18s ease-in-out infinite alternate}.site-layer{position:relative;z-index:1;min-height:100vh}
.page-loader{position:fixed;inset:0;z-index:999;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(87,108,191,.12),transparent 29%),linear-gradient(145deg,#090a0f,#05060a 72%);transition:opacity .62s ease,visibility .62s ease}.page-loader:before{content:"";position:absolute;inset:-30%;z-index:-2;background:radial-gradient(circle at 23% 22%,rgba(145,168,255,.1),transparent 22%),radial-gradient(circle at 78% 74%,rgba(104,134,196,.08),transparent 24%);filter:blur(54px);animation:loader-ambient 7s ease-in-out infinite alternate}.page-loader.is-ready{opacity:0;visibility:hidden}.loader-grain{position:absolute;inset:0;z-index:-1;opacity:.23;background-image:radial-gradient(circle,rgba(199,208,255,.72) 0 1px,transparent 1.4px);background-size:87px 83px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 82%,transparent)}.loader-grain:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(145,168,255,.7) 0 1.4px,transparent 1.8px);background-size:173px 149px;background-position:37px 61px;opacity:.58}.loader-orbit{position:absolute;left:50%;top:50%;width:112px;height:112px;border-radius:50%;background:conic-gradient(from 18deg,transparent 0 9%,#d8ddff 10% 39%,transparent 40% 49%,#91a8ff 50% 78%,transparent 79% 100%);filter:drop-shadow(0 0 13px rgba(145,168,255,.72));opacity:0;transform:translate(-50%,-50%) scale(.2);-webkit-mask:radial-gradient(circle,transparent 0 56%,#000 58% 68%,transparent 70%);mask:radial-gradient(circle,transparent 0 56%,#000 58% 68%,transparent 70%);animation:loader-orbit-sequence 4.3s cubic-bezier(.2,.72,.2,1) both}.loader-orbit:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#dce2ff;box-shadow:0 0 22px #91a8ff;transform:translate(-50%,-50%)}.loader-wordmark{display:flex;align-items:baseline;justify-content:center;gap:.015em;margin:0;color:#f7f8fc;font-size:clamp(5.2rem,14vw,13.5rem);font-weight:720;line-height:.8;letter-spacing:-.085em;white-space:nowrap}.loader-wordmark span{display:inline-block;opacity:0;transform:translateY(26px) scaleX(.08);transform-origin:center bottom;text-shadow:0 0 34px rgba(145,168,255,.08);animation:loader-glyph-sequence 4.3s cubic-bezier(.18,.8,.2,1) both;animation-delay:calc(var(--i)*55ms)}.loader-wordmark .dot{color:#91a8ff;margin-left:.035em;text-shadow:0 0 22px rgba(145,168,255,.7)}
.topbar{position:sticky;top:0;z-index:30;width:var(--page);min-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(8,9,13,.9),rgba(8,9,13,.6));backdrop-filter:blur(20px)}.logo{display:flex;align-items:center;gap:12px}.logo-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:11px;color:var(--accent-soft);background:rgba(145,168,255,.06);font-family:"Songti SC",serif;font-size:1rem}.logo>span:last-child{display:flex;flex-direction:column;gap:1px}.logo strong{font-size:.96rem;letter-spacing:.07em}.logo small{color:var(--muted);font-size:.7rem;letter-spacing:.12em}nav{display:flex;align-items:center;gap:28px}nav a{position:relative;padding:9px 0;color:var(--muted);font-size:.88rem;transition:color .18s ease}nav a:hover,nav a:focus-visible,nav a.active{color:var(--text)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--accent);box-shadow:0 0 9px var(--accent)}
.home-shell,.inner-main,.site-footer{width:var(--page);margin:0 auto}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;align-items:end;padding:88px 0 72px}.micro-label{margin:0 0 15px;color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.18em}.micro-label>span{display:inline-block;width:25px;height:1px;margin:0 10px 3px 0;background:var(--accent);box-shadow:0 0 8px var(--accent)}.home-intro h1{max-width:770px;margin:0;font-size:clamp(2.8rem,5.3vw,5.2rem);font-weight:650;line-height:1.13;letter-spacing:-.055em}.home-lead{max-width:660px;margin:27px 0 0;color:var(--soft);font-size:1rem;line-height:1.9}.latest-link{position:relative;display:grid;gap:9px;padding:24px 48px 24px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);transition:padding .2s ease,border-color .2s ease}.latest-link:hover{padding-left:10px;border-color:var(--accent)}.latest-link span{color:var(--muted);font-size:.73rem;letter-spacing:.12em}.latest-link strong{font-size:.95rem;line-height:1.5}.latest-link i{position:absolute;right:4px;top:50%;color:var(--accent);font-style:normal;transform:translateY(-50%)}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;padding-bottom:120px}.notes-area{min-width:0}.notes-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.notes-toolbar h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.035em}.filters{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(14,16,22,.72)}.filters button{min-width:62px;height:35px;padding:0 14px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;font-size:.82rem;transition:color .18s ease,background .18s ease}.filters button:hover,.filters button:focus-visible{color:var(--text)}.filters button.active{color:var(--text);background:rgba(145,168,255,.14);box-shadow:inset 0 0 0 1px rgba(145,168,255,.2)}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-card{display:flex;min-height:430px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);backdrop-filter:blur(15px);transition:transform .22s ease,border-color .22s ease,background .22s ease}.post-card:hover{transform:translateY(-4px);border-color:rgba(145,168,255,.43);background:rgba(22,24,33,.84)}.post-card.is-hidden{display:none}.post-visual{position:relative;height:190px;overflow:hidden;border-bottom:1px solid var(--line);background:#0d0f16}.post-visual b{position:absolute;right:20px;bottom:13px;color:rgba(231,234,245,.14);font-size:3rem;font-weight:500}.visual-rings{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(98,119,210,.23),#0d1018 58%)}.visual-rings span{position:absolute;width:230px;height:86px;border:1px solid rgba(145,168,255,.28);border-radius:50%;transform:rotate(-17deg)}.visual-rings span:nth-child(2){width:130px;height:130px;border-color:rgba(205,215,255,.12);transform:rotate(20deg)}.visual-rings:after{content:"";width:30px;height:30px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 45px rgba(145,168,255,.8)}.visual-type{display:flex;align-items:flex-end;padding:24px;background:linear-gradient(145deg,#171a25,#0c0e14)}.visual-type:after{content:"";position:absolute;width:190px;height:190px;right:-50px;top:-45px;border:1px solid rgba(145,168,255,.17);border-radius:50%;box-shadow:0 0 0 38px rgba(145,168,255,.025),0 0 0 76px rgba(145,168,255,.018)}.visual-type small{color:rgba(239,241,248,.62);font-size:1.2rem;font-weight:700;line-height:1}.post-copy{display:flex;flex:1;flex-direction:column;padding:25px 27px 27px}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:.75rem}.post-meta span{color:var(--accent-soft)}.post-copy h3{margin:20px 0 12px;font-size:1.35rem;line-height:1.45}.post-copy p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8}.post-copy em{margin-top:auto;padding-top:22px;color:var(--soft);font-size:.78rem;font-style:normal}.post-card.horizontal{grid-column:1/-1;min-height:250px;display:grid;grid-template-columns:36% 1fr}.post-card.horizontal .post-visual{height:100%;border-right:1px solid var(--line);border-bottom:0}.visual-depth{display:grid;place-items:center;background:linear-gradient(145deg,#151426,#0d111a)}.visual-depth span{width:110px;height:110px;border-radius:32px;background:linear-gradient(145deg,rgba(145,168,255,.28),rgba(145,168,255,.015));transform:rotate(23deg);box-shadow:0 0 55px rgba(103,122,215,.18)}
.profile-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(23,26,36,.92),rgba(14,16,22,.78));backdrop-filter:blur(16px)}.mini-card{position:sticky;top:102px;padding:24px}.profile-head{display:flex;align-items:center;gap:15px}.avatar-slot{position:relative;flex:0 0 auto;display:grid;place-items:center;width:70px;height:70px;overflow:hidden;border:1px dashed rgba(199,208,255,.32);border-radius:18px;color:var(--muted);background:rgba(145,168,255,.055);font-size:.68rem}.avatar-slot img{width:100%;height:100%;object-fit:cover}.avatar-slot span{padding:8px;text-align:center;line-height:1.4}.profile-head .micro-label{margin-bottom:5px}.profile-head h2{margin:0;font-size:1.45rem}.profile-role{margin:4px 0 0;color:var(--accent-soft);font-size:.78rem}.profile-bio{margin:22px 0;color:var(--soft);font-size:.9rem;line-height:1.78}.profile-facts{margin:0}.profile-facts div{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.profile-facts dt{color:var(--muted);font-size:.76rem}.profile-facts dd{margin:0;color:var(--soft);font-size:.78rem;line-height:1.5;text-align:right}.profile-link{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding-top:18px;border-top:1px solid var(--line);color:var(--soft);font-size:.82rem}.profile-link span{color:var(--accent)}
.site-footer{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.site-footer a:hover{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes loader-orbit-sequence{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.15)}8%{opacity:1;transform:translate(-50%,-50%) rotate(5deg) scale(1.06)}18%{opacity:1;transform:translate(-50%,-50%) rotate(150deg) scale(.94)}31%{opacity:.95;transform:translate(-50%,-50%) rotate(310deg) scale(.19)}38%,100%{opacity:0;transform:translate(-50%,-50%) rotate(370deg) scale(.06)}}@keyframes loader-glyph-sequence{0%,21%{opacity:0;filter:blur(7px);transform:translateY(24px) scaleX(.08)}30%{opacity:1;filter:blur(0);transform:translateY(-12px) scaleX(1.34)}35%{opacity:1;transform:translateY(5px) scaleX(.9)}41%,78%{opacity:1;filter:blur(0);transform:translateY(0) scaleX(1)}84%{opacity:1;transform:translateY(-4px) scaleX(1.04)}95%,100%{opacity:0;filter:blur(5px);transform:translateY(-18px) scaleX(.82)}}@keyframes loader-ambient{to{transform:translate3d(4%,3%,0) scale(1.08)}}@keyframes ambient-shift{from{transform:translate3d(-2%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}
@media(max-width:960px){.home-intro{grid-template-columns:1fr;gap:38px;padding-top:65px}.latest-link{max-width:470px}.home-layout{grid-template-columns:1fr}.mini-card{position:static;grid-row:1}.notes-area{grid-row:2}}
@media(max-width:650px){:root{--page:calc(100vw - 32px)}.topbar{min-height:72px}.logo small{display:none}.logo-symbol{width:32px;height:32px}nav{gap:17px}nav a{font-size:.8rem}.home-intro{padding:58px 0 52px}.home-intro h1{font-size:clamp(2rem,8.9vw,2.6rem);line-height:1.18}.home-lead{font-size:.95rem}.notes-toolbar{align-items:flex-start;flex-direction:column}.post-grid{grid-template-columns:1fr}.post-card.horizontal{grid-column:auto;display:flex;min-height:430px}.post-card.horizontal .post-visual{height:190px;border-right:0;border-bottom:1px solid var(--line)}.site-footer{min-height:150px;align-items:flex-start;flex-direction:column;justify-content:center;gap:12px}.site-footer p{margin:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Inner pages */
.inner-main{min-height:calc(100vh - 205px);padding:78px 0 110px}.page-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:60px;align-items:end;margin-bottom:48px}.page-heading h1{margin:0;font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.06em}.page-heading>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9}.page-filters{width:max-content;margin-bottom:22px}.category-switch{display:flex;width:max-content;gap:5px;margin-bottom:22px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(14,16,22,.72)}.category-switch a{min-width:66px;padding:10px 16px;border-radius:9px;color:var(--muted);font-size:.82rem;text-align:center}.category-switch a.active{color:var(--text);background:rgba(145,168,255,.14)}.archive-list{border-top:1px solid var(--line)}.archive-row{display:grid;grid-template-columns:120px 90px minmax(0,1fr) auto;gap:26px;align-items:center;min-height:132px;padding:25px 14px;border-bottom:1px solid var(--line);transition:padding .2s ease,background .2s ease}.archive-row:hover{padding-left:25px;background:rgba(145,168,255,.035)}.archive-row.is-hidden{display:none}.archive-row time,.archive-row span{color:var(--muted);font-size:.78rem}.archive-row span{color:var(--accent-soft)}.archive-row h2{margin:0;font-size:1.28rem}.archive-row i{color:var(--accent);font-style:normal}
.about-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.about-card{position:sticky;top:102px;padding:28px}.avatar-slot.large{width:104px;height:104px;margin-bottom:23px;border-radius:25px}.about-card h2{margin:0;font-size:2rem}.about-story{padding:clamp(34px,6vw,68px);border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(16px)}.about-story h2{margin:0 0 30px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.25;letter-spacing:-.045em}.about-story h3{margin:50px 0 16px;font-size:1.15rem}.about-story>p:not(.micro-label){margin:0 0 21px;color:var(--soft);font-size:1rem;line-height:2}

/* Article pages */
.post-shell{width:min(980px,calc(100vw - 56px));margin:0 auto;padding:70px 0 120px}.article-header{padding:20px 0 60px;border-bottom:1px solid var(--line)}.back-link{display:inline-block;margin-bottom:70px;color:var(--muted);font-size:.82rem}.back-link:hover{color:var(--accent-soft)}.article-meta{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-bottom:24px;color:var(--muted);font-size:.78rem}.article-meta a{color:var(--accent-soft)}.article-header h1{max-width:850px;margin:0;font-size:clamp(3rem,7vw,6.7rem);font-weight:650;line-height:1.08;letter-spacing:-.065em}.article-header>p{max-width:720px;margin:28px 0 0;color:var(--soft);font-size:1.08rem;line-height:1.9}.article-content{max-width:760px;margin:70px auto 90px}.article-content p,.article-content li{color:#d0d3dc;font-family:"Songti SC","STSong",serif;font-size:1.08rem;line-height:2.08}.article-content p{margin:0 0 28px}.article-content h2{margin:60px 0 22px;font-size:1.65rem}.article-content blockquote{margin:44px 0;padding:24px 27px;border-left:2px solid var(--accent);background:rgba(145,168,255,.05);color:var(--soft);font-size:1rem;line-height:1.9}.author-card-full{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:start;padding:30px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(145deg,rgba(24,27,38,.94),rgba(14,16,22,.82));backdrop-filter:blur(16px)}.avatar-slot.full{width:94px;height:94px;border-radius:24px}.author-copy .micro-label{margin-bottom:7px}.author-copy h2{margin:0 0 10px;font-size:1.55rem}.author-copy>p:not(.micro-label){max-width:570px;margin:0;color:var(--soft);font-size:.88rem;line-height:1.75}.profile-facts.compact{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:16px}.profile-facts.compact div{display:flex;gap:7px;padding:0;border:0}.profile-facts.compact dd{text-align:left}.author-links{display:grid;gap:9px}.author-links a{min-width:112px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;color:var(--soft);font-size:.78rem;text-align:center}.author-links a:hover{border-color:var(--accent);color:var(--text)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.article-nav>a{position:relative;display:grid;gap:7px;min-height:110px;padding:22px 50px 22px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(16,18,25,.7)}.article-nav>a:hover{border-color:rgba(145,168,255,.38)}.article-nav small{color:var(--muted)}.article-nav strong{font-size:.9rem;line-height:1.5}.article-nav i{position:absolute;right:20px;top:50%;color:var(--accent);font-style:normal;transform:translateY(-50%)}.related{margin-top:68px}.related header{margin-bottom:20px}.related h2{margin:0;font-size:2rem}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.related a{position:relative;display:grid;gap:9px;min-height:120px;padding:23px 45px 23px 23px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.related span{color:var(--accent-soft);font-size:.75rem}.related strong{font-size:.95rem;line-height:1.5}.related i{position:absolute;right:20px;top:22px;color:var(--accent);font-style:normal}
@media(max-width:820px){.page-heading{grid-template-columns:1fr;gap:20px}.about-layout{grid-template-columns:1fr}.about-card{position:static}.author-card-full{grid-template-columns:auto 1fr}.author-links{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.inner-main{padding-top:50px}.archive-row{grid-template-columns:1fr auto;gap:8px 15px;min-height:115px;padding:22px 6px}.archive-row time,.archive-row span{grid-row:1}.archive-row h2{grid-column:1/-1;font-size:1.08rem}.archive-row i{display:none}.post-shell{width:calc(100vw - 32px);padding-top:42px}.back-link{margin-bottom:48px}.article-header h1{font-size:clamp(2.7rem,13vw,4rem)}.article-content{margin-top:55px}.author-card-full{grid-template-columns:1fr}.avatar-slot.full{width:80px;height:80px}.author-links{grid-column:auto}.article-nav,.related>div{grid-template-columns:1fr}.article-nav>span{display:none}}

/* Configurable content and reading experience */
.logo{gap:0}.logo-wordmark{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:14px}.logo-wordmark:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:linear-gradient(var(--accent),transparent);box-shadow:0 0 12px rgba(145,168,255,.65)}.logo-wordmark strong{font-size:1rem;letter-spacing:.08em}.logo-wordmark small{color:var(--muted);font-size:.67rem;letter-spacing:.17em}
.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.social-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;padding:0 9px;border:1px solid var(--line-strong);border-radius:10px;color:var(--soft);font-size:.68rem;letter-spacing:.05em;transition:border-color .18s ease,color .18s ease,background .18s ease}.social-link[href]:hover{border-color:var(--accent);color:var(--text);background:rgba(145,168,255,.09)}.social-link.is-disabled{cursor:default;opacity:.46}
.post-visual.has-cover-image{background-size:cover;background-position:center}.post-visual.has-cover-image>*{display:none}
.disclaimer-block{margin-top:70px;padding-top:50px;border-top:1px solid var(--line)}.disclaimer-block>header{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(260px,.7fr);gap:30px;align-items:start;margin-bottom:32px}.disclaimer-block h2{margin:0;font-size:2.2rem}.disclaimer-block>header>p:last-child{margin:2px 0 0;color:var(--muted);font-size:.88rem;line-height:1.8}.disclaimer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.disclaimer-item{padding:24px;border:1px solid var(--line);border-radius:16px;background:rgba(17,19,26,.72)}.disclaimer-item span{display:block;margin-bottom:18px;color:rgba(145,168,255,.42);font-size:.74rem;letter-spacing:.12em}.disclaimer-item h3{margin:0 0 10px;font-size:1rem}.disclaimer-item p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.85}
.post-shell{width:min(1280px,calc(100vw - 56px))}.article-layout{display:grid;grid-template-columns:minmax(0,930px) 230px;gap:60px;align-items:start}.article-main{min-width:0}.article-content h3{margin:38px 0 18px;font-size:1.23rem}.article-content a{color:var(--accent-soft);text-decoration:underline;text-decoration-color:rgba(145,168,255,.38);text-underline-offset:4px}.article-content strong{color:var(--text)}.article-content code{padding:.18em .42em;border:1px solid var(--line);border-radius:6px;background:rgba(145,168,255,.08);color:var(--accent-soft);font-family:"SFMono-Regular",Consolas,monospace;font-size:.88em}.article-content pre{overflow:auto;margin:34px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#0b0d12}.article-content pre code{padding:0;border:0;background:transparent}.article-content ul,.article-content ol{margin:24px 0;padding-left:1.5em}.text-accent{color:var(--accent-soft)}.text-muted{color:var(--muted)}
.article-media{margin:44px 0}.article-media img{display:block;width:100%;height:auto;border-radius:16px}.article-media figcaption{margin-top:12px;color:var(--muted);font-size:.76rem;text-align:center}.media-placeholder{display:grid;place-content:center;justify-items:center;gap:8px;aspect-ratio:16/8;border:1px dashed rgba(145,168,255,.25);border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(145,168,255,.13),rgba(12,14,20,.78) 52%);color:var(--soft)}.media-placeholder span{font-size:.9rem}.media-placeholder small{color:var(--muted);font-size:.7rem}
.toc-panel{position:sticky;top:112px;padding:18px 0 18px 20px;border-left:1px solid var(--line)}.toc-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 0 15px;border:0;color:var(--soft);background:transparent;font-size:.76rem;font-weight:650;letter-spacing:.1em;text-align:left}.toc-toggle span{display:none}.toc-list{display:grid;gap:3px}.toc-list a{display:block;margin-left:-21px;padding:8px 8px 8px 20px;border-left:1px solid transparent;border-radius:0;color:var(--muted);font-size:.76rem;line-height:1.55;transition:color .22s ease,border-color .22s ease,transform .22s ease}.toc-list a.toc-sub{padding-left:34px;font-size:.71rem}.toc-list a:hover{color:var(--soft);transform:translateX(2px)}.toc-list a.active{border-left:2px solid var(--accent);color:var(--text);font-weight:600;transform:translateX(3px)}
.article-end{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 290px 18px 0;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(15,17,24,.76)}.license-note{color:var(--muted);font-size:.78rem;line-height:1.75}.license-note a{color:var(--accent-soft)}.article-actions{display:flex;gap:9px}.like-button,.tip-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;border:1px solid var(--line-strong);border-radius:11px;color:var(--soft);background:rgba(145,168,255,.04);cursor:pointer;font-size:.78rem}.like-button:hover,.tip-button:hover{border-color:var(--accent);color:var(--text)}.like-button[aria-pressed="true"]{border-color:rgba(255,136,168,.48);color:#ffc2d2;background:rgba(255,102,145,.09)}.like-heart{font-size:1rem}.like-button b{min-width:1.2em;color:inherit;font-size:.72rem}.tip-button{color:var(--accent-soft)}
.tip-dialog{width:min(620px,calc(100vw - 32px));padding:0;border:1px solid var(--line-strong);border-radius:22px;color:var(--text);background:rgba(14,16,23,.98);box-shadow:0 30px 100px rgba(0,0,0,.65)}.tip-dialog::backdrop{background:rgba(3,4,7,.78);backdrop-filter:blur(8px)}.tip-dialog-inner{position:relative;padding:38px}.tip-dialog-inner h2{margin:0 0 10px;font-size:2rem}.tip-dialog-inner>p:not(.micro-label){margin:0;color:var(--muted);font-size:.86rem;line-height:1.7}.dialog-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-size:1.2rem}.tip-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.tip-platform{display:grid;place-items:center;gap:10px;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(145,168,255,.035)}.tip-platform img{width:138px;height:138px;object-fit:contain;border-radius:10px;background:#fff}.qr-placeholder{display:grid;place-items:center;width:138px;height:138px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:.7rem;text-align:center}.tip-platform strong{font-size:.8rem}
.author-copy .social-links{margin-top:18px}
@media(max-width:1120px){.article-layout{grid-template-columns:1fr;gap:22px}.toc-panel{position:sticky;top:82px;z-index:20;order:-1;padding:0;border:1px solid var(--line);border-radius:13px;background:rgba(12,14,20,.92);backdrop-filter:blur(18px)}.toc-toggle{padding:14px 16px;cursor:pointer}.toc-toggle span{display:block}.toc-list{display:none;padding:0 7px 10px}.toc-panel.is-open .toc-list{display:grid}.article-end{margin-right:0}}
@media(max-width:820px){.disclaimer-block>header{grid-template-columns:1fr;gap:12px}.disclaimer-grid{grid-template-columns:1fr}}
@media(max-width:600px){.logo-wordmark{padding-left:10px}.logo-wordmark strong{font-size:.88rem}.post-shell{width:calc(100vw - 32px)}.article-end{grid-template-columns:1fr;padding:18px}.article-actions{display:grid;grid-template-columns:1fr 1fr}.tip-dialog-inner{padding:30px 20px}.tip-platforms{grid-template-columns:1fr}.disclaimer-block{margin-top:50px;padding-top:38px}}

/* Final editorial refinement */
.topbar{top:0;width:100%;min-height:74px;margin:0;padding:0 max(24px,calc((100vw - 1260px)/2));border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(8,9,13,.84);box-shadow:0 12px 40px rgba(0,0,0,.12)}.topbar .logo{min-height:74px;padding-right:24px}.topbar .logo-wordmark{gap:1px;padding-left:0}.topbar .logo-wordmark:before{display:none}.topbar .logo-wordmark strong{font-family:"Songti SC","STSong",serif;font-size:1.08rem;font-weight:700;letter-spacing:.08em}.topbar .logo-wordmark small{font-size:.64rem;letter-spacing:.2em}.topbar>nav{gap:2px;height:74px}.topbar>nav a{display:grid;place-items:center;min-width:66px;height:74px;padding:0 14px;color:var(--muted);font-size:.86rem;transition:color .2s ease,background .2s ease}.topbar>nav a:hover,.topbar>nav a:focus-visible{color:var(--text);background:linear-gradient(180deg,transparent,rgba(145,168,255,.055))}.topbar>nav a.active{color:var(--text)}.topbar>nav a.active:after{left:14px;right:14px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 -4px 14px rgba(145,168,255,.55)}
.social-links{gap:10px}.social-link{position:relative;width:42px;min-width:42px;height:42px;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--soft);background:rgba(255,255,255,.018);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.social-link svg{display:block;width:19px;height:19px;fill:currentColor}.social-link[href]:hover,.social-link[href]:focus-visible{color:var(--brand-color);border-color:color-mix(in srgb,var(--brand-color) 58%,transparent);background:color-mix(in srgb,var(--brand-color) 9%,transparent);transform:translateY(-2px)}.social-link.is-disabled{color:var(--muted);opacity:.42;filter:saturate(.25)}
.post-visual[hidden]{display:none!important}.post-card.no-cover{min-height:285px}.post-card.no-cover .post-copy{padding-top:30px}.post-card.horizontal.no-cover{display:flex;grid-column:1/-1;min-height:245px}.post-card.horizontal.no-cover .post-copy{max-width:760px}.post-card.no-cover .post-copy h3{margin-top:28px}
.disclaimer-block{margin-top:84px;padding-top:54px}.disclaimer-block>header{grid-template-columns:150px minmax(220px,.45fr) minmax(300px,.8fr);margin-bottom:22px}.disclaimer-grid{display:block;border-top:1px solid var(--line)}.disclaimer-item{display:grid;grid-template-columns:72px minmax(150px,210px) minmax(0,1fr);gap:24px;align-items:start;padding:27px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.disclaimer-item span{margin:2px 0 0;color:rgba(145,168,255,.52);font-family:"SFMono-Regular",Consolas,monospace;font-size:.72rem}.disclaimer-item h3{margin:0;font-size:1rem;font-weight:600}.disclaimer-item p{max-width:720px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.9}
.article-content em{color:var(--accent-soft)}.article-content del{color:var(--muted);text-decoration-color:rgba(197,200,210,.55)}.article-content mark{padding:.08em .24em;color:var(--text);background:rgba(145,168,255,.2)}.article-content img:not(.article-sticker){display:block;width:100%;height:auto;margin:40px 0 12px;border-radius:14px}.article-content img.article-sticker{display:inline-block;width:auto;max-width:min(180px,45vw);height:auto;margin:12px 8px 12px 0;vertical-align:middle}.article-content img.article-sticker.sticker-small{max-width:88px}.article-content img.article-sticker.sticker-large{max-width:min(280px,70vw)}.article-content .sticker-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:24px 0}.emoji-inline{display:inline-block;margin:0 .12em;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:1.18em;line-height:1;vertical-align:-.08em}.article-content figure:empty,.article-content img[src=""]{display:none}
@media(max-width:1120px){.toc-panel{position:relative;top:auto}.toc-panel.is-open{box-shadow:0 18px 50px rgba(0,0,0,.3)}}
@media(max-width:820px){.disclaimer-block>header{grid-template-columns:1fr}.disclaimer-item{grid-template-columns:48px minmax(120px,170px) 1fr;gap:16px}.post-card.no-cover{min-height:250px}}
@media(max-width:650px){.topbar{min-height:64px;padding:0 16px}.topbar .logo{min-height:64px;padding-right:8px}.topbar .logo-wordmark strong{font-size:.94rem}.topbar .logo-wordmark small{display:none}.topbar>nav{gap:0;height:64px}.topbar>nav a{min-width:48px;height:64px;padding:0 8px;font-size:.8rem}.topbar>nav a.active:after{left:8px;right:8px}.disclaimer-item{grid-template-columns:38px 1fr;gap:8px 12px;padding:23px 0}.disclaimer-item h3{grid-column:2}.disclaimer-item p{grid-column:2}.social-link{width:44px;min-width:44px;height:44px}.post-card.no-cover,.post-card.horizontal.no-cover{min-height:260px}}

/* Navigation, time ordering and light theme */
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;overflow:visible}.topbar .logo{justify-self:start;transition:color .2s ease,transform .2s ease}.topbar .logo:hover,.topbar .logo:focus-visible{color:var(--accent-soft);transform:translateY(-1px)}.topbar>.primary-nav{justify-self:center;display:flex;align-items:stretch;gap:16px;height:74px}.nav-group{position:relative;display:flex;align-items:center;height:74px}.topbar>.primary-nav .nav-primary{display:grid;place-items:center;min-width:58px;height:74px;padding:0 7px;color:var(--muted);font-size:.86rem;letter-spacing:.08em;background:transparent}.topbar>.primary-nav .nav-primary:hover,.topbar>.primary-nav .nav-primary:focus-visible{color:var(--text);background:transparent}.topbar>.primary-nav .nav-primary.active{color:var(--text)}.topbar>.primary-nav .nav-primary.active:after{left:7px;right:7px}.nav-menu-toggle{position:relative;width:22px;height:38px;margin-left:-5px;padding:0;border:0;color:var(--muted);background:transparent;cursor:pointer}.nav-menu-toggle span:before,.nav-menu-toggle span:after{content:"";position:absolute;top:18px;width:6px;height:1px;background:currentColor;transition:transform .2s ease}.nav-menu-toggle span:before{left:6px;transform:rotate(42deg)}.nav-menu-toggle span:after{left:10px;transform:rotate(-42deg)}.nav-group:hover .nav-menu-toggle,.nav-group:focus-within .nav-menu-toggle,.nav-group.is-open .nav-menu-toggle{color:var(--accent-soft)}.nav-group.is-open .nav-menu-toggle span:before{transform:rotate(-42deg)}.nav-group.is-open .nav-menu-toggle span:after{transform:rotate(42deg)}
.nav-menu{position:absolute;top:calc(100% - 6px);left:50%;z-index:60;display:grid!important;width:200px;height:auto!important;gap:2px!important;padding:8px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(12,14,20,.96);box-shadow:0 22px 60px rgba(0,0,0,.38);backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px);transform-origin:50% 0;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-group:hover>.nav-menu,.nav-group:focus-within>.nav-menu,.nav-group.is-open>.nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.topbar>.primary-nav .nav-menu>a,.topbar>.primary-nav .nav-menu-link{position:relative;display:grid;grid-template-columns:28px 1fr auto;place-items:initial;align-items:center;min-width:0;height:auto;min-height:46px;padding:7px 10px;border-radius:8px;color:var(--soft);background:transparent;font-size:.82rem;transition:color .18s ease,background .18s ease}.topbar>.primary-nav .nav-menu>a:hover,.topbar>.primary-nav .nav-menu>a:focus-visible{color:var(--text);background:rgba(145,168,255,.09)}.topbar>.primary-nav .nav-menu>a:after{display:none}.nav-menu small{color:rgba(145,168,255,.58);font-family:"SFMono-Regular",Consolas,monospace;font-size:.62rem;letter-spacing:.04em}.nav-menu em{color:var(--muted);font-size:.62rem;font-style:normal}.nav-menu-link.is-disabled{cursor:default;opacity:.55}
.theme-toggle{justify-self:end;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--soft);background:rgba(145,168,255,.035);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--text);border-color:var(--line-strong);background:rgba(145,168,255,.1);transform:rotate(8deg)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.sort-switch{display:flex;align-items:center;width:max-content;gap:3px;padding:4px;border-bottom:1px solid var(--line);color:var(--muted)}.sort-switch>span{padding:0 12px 0 5px;font-size:.72rem;letter-spacing:.08em}.sort-switch button{position:relative;min-width:52px;height:34px;padding:0 11px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:.78rem;transition:color .2s ease,background .2s ease}.sort-switch button:hover,.sort-switch button:focus-visible{color:var(--text)}.sort-switch button.active{color:var(--text)}.sort-switch button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-5px;height:1px;background:var(--accent);box-shadow:0 0 10px rgba(145,168,255,.7)}.page-sort{margin-bottom:24px}.post-grid,.archive-list{transition:opacity .16s ease,transform .16s ease}.post-grid.is-sorting,.archive-list.is-sorting{opacity:.25;transform:translateY(3px)}
html[data-theme="light"]{color-scheme:light;--bg:#f3f4f7;--panel:rgba(255,255,255,.72);--text:#161922;--soft:#424857;--muted:#727988;--line:rgba(30,39,67,.12);--line-strong:rgba(30,39,67,.2);--accent:#526bd5;--accent-soft:#4059bd}html[data-theme="light"] body{background:var(--bg)}html[data-theme="light"] .topbar{background:rgba(243,244,247,.86);box-shadow:0 12px 40px rgba(43,49,74,.07)}html[data-theme="light"] .nav-menu{background:rgba(250,251,253,.97);box-shadow:0 22px 60px rgba(45,52,77,.16)}html[data-theme="light"] .page-loader{background:#f3f4f7}html[data-theme="light"] .article-content p,html[data-theme="light"] .article-content li{color:#353b49}html[data-theme="light"] .ambient{opacity:.55}html[data-theme="light"] .profile-card,html[data-theme="light"] .author-card-full,html[data-theme="light"] .about-story,html[data-theme="light"] .post-card,html[data-theme="light"] .article-end,html[data-theme="light"] .article-nav>a,html[data-theme="light"] .related a,html[data-theme="light"] .tip-platform{background:rgba(255,255,255,.72)}html[data-theme="light"] .post-card:hover{background:rgba(255,255,255,.92)}html[data-theme="light"] .toc-panel{background:rgba(246,247,250,.94)}html[data-theme="light"] .tip-dialog{background:rgba(250,251,253,.98);color:var(--text)}html[data-theme="light"] .article-content pre{background:#eceef4}html[data-theme="light"] .avatar-slot{background:rgba(82,107,213,.045)}
@media(max-width:650px){.topbar{grid-template-columns:auto 1fr auto}.topbar>.primary-nav{height:64px;gap:5px}.nav-group{height:64px}.topbar>.primary-nav .nav-primary{min-width:43px;height:64px;padding:0 4px;font-size:.79rem}.nav-menu-toggle{width:18px;margin-left:-4px}.nav-menu-toggle span:before{left:4px}.nav-menu-toggle span:after{left:8px}.nav-menu{position:fixed;top:60px;left:16px;right:16px;width:auto;transform:translateY(-7px)}.nav-group:hover>.nav-menu,.nav-group:focus-within>.nav-menu,.nav-group.is-open>.nav-menu{transform:translateY(0)}.theme-toggle{width:34px;height:34px}.notes-toolbar{width:100%}.sort-switch{align-self:stretch;width:100%;justify-content:flex-end}.sort-switch>span{margin-right:auto}.page-sort{width:100%;justify-content:flex-end}.page-sort>span{margin-right:auto}}
.page-loader.is-ready{pointer-events:none}

/* Configurable category navigation */
.category-index{display:flex;flex-wrap:wrap;align-items:center;gap:8px;height:auto;margin:0 0 28px}.category-index a{display:inline-flex;align-items:center;min-width:0;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(145,168,255,.025);font-size:.78rem;transition:color .18s ease,border-color .18s ease,background .18s ease}.category-index a:hover,.category-index a:focus-visible{color:var(--text);border-color:var(--line-strong);background:rgba(145,168,255,.07)}.category-index a.active{color:var(--text);border-color:rgba(145,168,255,.42);background:rgba(145,168,255,.1)}.category-index a.active:after{display:none}.category-index-page{margin-bottom:24px}.archive-row[hidden]{display:none}.category-empty{margin:0;padding:42px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.9rem}.category-empty[hidden]{display:none}
@media(max-width:650px){.category-index{gap:6px;margin-bottom:22px}.category-index a{height:34px;padding:0 12px;font-size:.75rem}}

/* Opening multilingual greeting burst */
.greeting-origin{position:relative;display:inline-block;isolation:isolate}.greeting-origin:after{content:"";position:absolute;left:50%;top:54%;z-index:-1;width:1.1em;height:1.1em;border:1px solid rgba(145,168,255,.75);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.greeting-origin.is-emitting{animation:greeting-origin-glow 1.25s ease-out both}.greeting-origin.is-emitting:after{animation:greeting-ring 1.15s cubic-bezier(.16,.72,.24,1) both}.greeting-burst{position:fixed;inset:0;z-index:45;overflow:hidden;pointer-events:none}.greeting-burst:before,.greeting-burst:after{content:"";position:absolute;left:var(--origin-x);top:var(--origin-y);width:18px;height:18px;border:1px solid rgba(145,168,255,.5);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.25)}.greeting-burst.is-active:before{animation:greeting-wave 1.25s ease-out both}.greeting-burst.is-active:after{animation:greeting-wave 1.45s .12s ease-out both}.greeting-burst span{position:absolute;display:block;width:max-content;color:var(--accent-soft);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:var(--size);font-weight:650;letter-spacing:.04em;opacity:0;text-shadow:0 0 16px rgba(145,168,255,.75);transform:translate(-50%,-50%) scale(.35)}.greeting-burst.is-active span{animation:greeting-scatter 1.62s var(--delay) cubic-bezier(.16,.7,.25,1) both}.greeting-burst span:nth-child(3n){color:#f2f4ff}.greeting-burst span:nth-child(4n){font-weight:450;opacity:.8}html[data-theme="light"] .greeting-burst span{color:#4059bd;text-shadow:0 0 14px rgba(82,107,213,.35)}html[data-theme="light"] .greeting-burst span:nth-child(3n){color:#263f9c}
@keyframes greeting-scatter{0%{opacity:0;filter:blur(5px);transform:translate(-50%,-50%) scale(.3)}14%{opacity:.96;filter:blur(0);transform:translate(-50%,-50%) rotate(0) scale(1.05)}72%{opacity:.74;filter:blur(0);transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--turn)) scale(.92)}100%{opacity:0;filter:blur(2px);transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--turn)) scale(.72)}}@keyframes greeting-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}@keyframes greeting-ring{0%{opacity:.85;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}@keyframes greeting-origin-glow{0%,100%{color:inherit;text-shadow:none}18%{color:var(--accent-soft);text-shadow:0 0 25px rgba(145,168,255,.85)}}
@media(max-width:650px){.home-intro h1{font-size:clamp(2rem,8.2vw,2.5rem)}}
.greeting-origin{margin:0;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;text-align:left}.greeting-origin:hover{color:var(--accent-soft)}.greeting-origin:focus-visible{border-radius:.08em;outline-offset:.08em}.greeting-origin:disabled{cursor:default}

/* Relaxed hero rhythm and interactive firework */
.home-intro h1{max-width:900px;font-size:clamp(2.65rem,4.65vw,4.75rem);line-height:1.22;letter-spacing:-.038em}.firework-button{position:relative;width:100%;height:44px;margin-top:14px;border:1px solid rgba(145,168,255,.3);border-radius:11px;overflow:hidden;color:var(--accent-soft);background:linear-gradient(110deg,rgba(145,168,255,.05),rgba(145,168,255,.12),rgba(145,168,255,.04));cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.05em;transition:color .2s ease,border-color .2s ease,transform .2s ease,background .2s ease}.firework-button:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.16) 50%,transparent 75%);transform:translateX(-120%);transition:transform .55s ease}.firework-button:hover:not(:disabled){color:var(--text);border-color:rgba(145,168,255,.6);background:rgba(145,168,255,.13);transform:translateY(-1px)}.firework-button:hover:not(:disabled):before{transform:translateX(120%)}.firework-button:disabled{cursor:default;opacity:.66}.firework-canvas{position:fixed;inset:0;z-index:80;display:block;pointer-events:none}html[data-theme="light"] .firework-button{border-color:rgba(82,107,213,.28);background:rgba(82,107,213,.06)}
@media(max-width:650px){.home-intro h1{font-size:clamp(2rem,7.7vw,2.35rem);line-height:1.28;letter-spacing:-.025em}}
.firework-canvas{contain:strict;transform:translateZ(0)}

/* Full-screen Kenu opening sequence */
body:has(.page-loader:not(.is-ready)){overflow:hidden}
html[data-theme="light"] .page-loader{background:radial-gradient(circle at 50% 48%,rgba(87,108,191,.12),transparent 29%),linear-gradient(145deg,#090a0f,#05060a 72%)}
@media(max-width:650px){.loader-orbit{width:86px;height:86px}.loader-wordmark{font-size:clamp(4.5rem,23vw,7.2rem)}}
@media(prefers-reduced-motion:reduce){.page-loader:before{animation:none}.loader-orbit{display:none}.loader-wordmark span{animation:none;opacity:1;filter:none;transform:none}}

/* Profile reward shortcut */
.profile-social-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.profile-social-row .social-links{flex:1;margin-top:0}.reward-shortcut{position:relative;display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(241,92,92,.35);border-radius:50%;color:#ff7474;background:rgba(224,65,65,.07);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.reward-shortcut svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.reward-shortcut:hover,.reward-shortcut:focus-visible{color:#ff9292;border-color:rgba(255,116,116,.68);background:rgba(224,65,65,.14);box-shadow:0 0 22px rgba(224,65,65,.16);transform:translateY(-2px)}html[data-theme="light"] .reward-shortcut{color:#c94343;border-color:rgba(184,51,51,.28);background:rgba(206,60,60,.055)}
@media(max-width:360px){.profile-social-row{align-items:flex-start;flex-direction:column}.reward-shortcut{align-self:flex-end;margin-top:-52px}}

/* Thank-you response: typographic burst and paper-light sweep */
.tip-dialog-inner{isolation:isolate;overflow:hidden}.tip-dialog-inner>*:not(.tip-thanks-effect){position:relative;z-index:2}.tip-thanks-effect{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.tip-thanks-effect span{position:absolute;left:50%;top:38%;width:max-content;color:rgba(255,219,160,.96);font-size:clamp(1.25rem,3vw,2.15rem);font-weight:760;letter-spacing:.04em;opacity:0;text-shadow:0 0 24px rgba(255,155,64,.52);transform:translate(-50%,-50%) scale(.16)}.tip-dialog.is-celebrating .tip-thanks-effect span{animation:tip-thanks-float 4s var(--delay) cubic-bezier(.13,.76,.2,1) both}.thanks-core{position:absolute;left:50%;top:46%;color:rgba(255,209,137,.13);font-family:"Songti SC","STSong",serif;font-size:clamp(9rem,28vw,14rem);font-weight:800;line-height:1;opacity:0;text-shadow:0 0 70px rgba(255,140,55,.28);transform:translate(-50%,-50%) scaleX(.18) rotate(-5deg)}.tip-dialog.is-celebrating .thanks-core{animation:tip-thanks-core 3.2s cubic-bezier(.16,.78,.2,1) both}.thanks-sweep{position:absolute;left:-18%;top:42%;width:136%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,92,.16) 25%,rgba(255,231,184,.8) 50%,rgba(255,177,92,.16) 75%,transparent);opacity:0;transform:rotate(-13deg) scaleX(.04)}.sweep-two{top:51%;transform:rotate(8deg) scaleX(.04)}.sweep-three{top:61%;transform:rotate(-4deg) scaleX(.04)}.tip-dialog.is-celebrating .sweep-one{animation:tip-thanks-sweep 2.4s .08s ease-out both}.tip-dialog.is-celebrating .sweep-two{animation:tip-thanks-sweep-two 2.7s .22s ease-out both}.tip-dialog.is-celebrating .sweep-three{animation:tip-thanks-sweep-three 2.5s .38s ease-out both}.thanks-shard{position:absolute;width:7px;height:24px;background:linear-gradient(#fff2c9,#e98748);opacity:0;clip-path:polygon(50% 0,100% 100%,0 78%)}.shard-one{left:18%;top:27%;--sr:-28deg}.shard-two{right:17%;top:31%;--sr:36deg}.shard-three{left:26%;bottom:19%;--sr:18deg}.shard-four{right:28%;bottom:16%;--sr:-38deg}.tip-dialog.is-celebrating .thanks-shard{animation:tip-thanks-shard 3.6s .3s ease-out both}.tip-dialog.is-celebrating .shard-two{animation-delay:.44s}.tip-dialog.is-celebrating .shard-three{animation-delay:.58s}.tip-dialog.is-celebrating .shard-four{animation-delay:.7s}.tip-dialog.is-celebrating .tip-dialog-inner h2{animation:tip-thanks-title 3.9s ease both}@keyframes tip-thanks-float{0%{opacity:0;filter:blur(7px);transform:translate(-50%,-50%) scale(.16)}13%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(var(--s))}67%{opacity:.92;filter:blur(0);transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(var(--s))}100%{opacity:0;filter:blur(2px);transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) - 18px)) rotate(var(--r)) scale(var(--s))}}@keyframes tip-thanks-core{0%{opacity:0;filter:blur(12px);transform:translate(-50%,-50%) scaleX(.1) rotate(-5deg)}18%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scaleX(1.15) rotate(-2deg)}34%{opacity:.82;transform:translate(-50%,-50%) scaleX(.96) rotate(0)}78%{opacity:.18;filter:blur(0);transform:translate(-50%,-50%) scale(1.08)}100%{opacity:0;filter:blur(6px);transform:translate(-50%,-54%) scale(1.2)}}@keyframes tip-thanks-sweep{0%{opacity:0;transform:rotate(-13deg) translateX(-20%) scaleX(.04)}18%{opacity:1}70%{opacity:.66;transform:rotate(-13deg) translateX(8%) scaleX(1)}100%{opacity:0;transform:rotate(-13deg) translateX(28%) scaleX(.65)}}@keyframes tip-thanks-sweep-two{0%{opacity:0;transform:rotate(8deg) translateX(20%) scaleX(.04)}18%{opacity:1}70%{opacity:.58;transform:rotate(8deg) translateX(-7%) scaleX(1)}100%{opacity:0;transform:rotate(8deg) translateX(-26%) scaleX(.7)}}@keyframes tip-thanks-sweep-three{0%{opacity:0;transform:rotate(-4deg) scaleX(.04)}22%{opacity:.9}72%{opacity:.46;transform:rotate(-4deg) scaleX(.9)}100%{opacity:0;transform:rotate(-4deg) scaleX(.55)}}@keyframes tip-thanks-shard{0%{opacity:0;transform:translateY(24px) rotate(var(--sr)) scale(.3)}20%{opacity:.95}74%{opacity:.75;transform:translateY(-42px) rotate(calc(var(--sr) + 42deg)) scale(1)}100%{opacity:0;transform:translateY(-68px) rotate(calc(var(--sr) + 70deg)) scale(.65)}}@keyframes tip-thanks-title{0%,100%{color:var(--text);text-shadow:none}10%,36%{color:#fff7e9;text-shadow:0 0 30px rgba(255,174,92,.52)}}html[data-theme="light"] .tip-thanks-effect span{color:rgba(145,61,18,.9);text-shadow:0 0 16px rgba(209,105,42,.22)}html[data-theme="light"] .thanks-core{color:rgba(178,74,24,.1);text-shadow:0 0 60px rgba(205,92,29,.16)}html[data-theme="light"] .thanks-sweep{background:linear-gradient(90deg,transparent,rgba(185,74,21,.1),rgba(194,80,26,.56),rgba(185,74,21,.1),transparent)}html[data-theme="light"] .tip-dialog.is-celebrating .tip-dialog-inner h2{color:#6f321d}
@media(max-width:600px){.tip-thanks-effect span{font-size:clamp(1rem,5.2vw,1.45rem)}.thanks-core{font-size:9rem}}
@media(prefers-reduced-motion:reduce){.tip-dialog.is-celebrating .tip-dialog-inner h2{animation:none}.tip-thanks-effect{display:none}}
.tip-dialog-inner>.dialog-close{position:absolute;z-index:3}

/* Full-page reward effect: layered world-currency glyphs, without a center emblem */
.tip-dialog{width:100vw;max-width:none;height:100vh;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.tip-dialog::backdrop{background:rgba(3,4,7,.8);backdrop-filter:blur(8px)}.tip-dialog-inner{position:absolute;left:50%;top:50%;z-index:2;isolation:auto;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:38px;border:1px solid var(--line-strong);border-radius:22px;background:rgba(14,16,23,.97);box-shadow:0 30px 100px rgba(0,0,0,.65);overflow:auto;transform:translate(-50%,-50%)}.tip-thanks-effect{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none}.tip-thanks-effect span{position:absolute;left:50%;top:50%;width:max-content;color:#ffd99c;font-family:Inter,"Noto Sans SC",system-ui,sans-serif;font-size:clamp(1.7rem,4.2vw,4.5rem);font-weight:720;line-height:1;opacity:0;text-shadow:0 0 12px rgba(255,193,102,.55),0 0 38px rgba(235,123,42,.32);transform:translate(-50%,-50%) scale(.08);will-change:transform,opacity,filter}.tip-thanks-effect span[data-tone="1"]{color:#fff2cf}.tip-thanks-effect span[data-tone="2"]{color:#e99a54}.tip-thanks-effect span[data-tone="3"]{color:#f7c76f}.tip-dialog.is-celebrating .tip-thanks-effect span{animation:tip-currency-flight 4.05s var(--delay) cubic-bezier(.12,.72,.18,1) both}.tip-dialog.is-celebrating .tip-dialog-inner{animation:tip-currency-card 4s ease both}@keyframes tip-currency-flight{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%) scale(.08)}11%{opacity:.98;filter:blur(0);transform:translate(-50%,-50%) scale(.42)}72%{opacity:.88;filter:blur(0);transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(var(--s))}100%{opacity:0;filter:blur(3px);transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(.82)}}@keyframes tip-currency-card{0%,100%{border-color:var(--line-strong);box-shadow:0 30px 100px rgba(0,0,0,.65)}12%,34%{border-color:rgba(255,192,102,.38);box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 60px rgba(219,119,50,.13)}}html[data-theme="light"] .tip-dialog{background:transparent}html[data-theme="light"] .tip-dialog-inner{background:rgba(250,251,253,.97)}html[data-theme="light"] .tip-thanks-effect span{color:#9c4e1d;text-shadow:0 0 16px rgba(200,94,30,.24)}html[data-theme="light"] .tip-thanks-effect span[data-tone="1"]{color:#6f3618}html[data-theme="light"] .tip-thanks-effect span[data-tone="2"]{color:#c56d2d}html[data-theme="light"] .tip-thanks-effect span[data-tone="3"]{color:#a8581f}
@media(max-width:600px){.tip-dialog-inner{padding:30px 20px}.tip-thanks-effect span{font-size:clamp(1.45rem,9vw,3rem)}}
@media(prefers-reduced-motion:reduce){.tip-dialog.is-celebrating .tip-dialog-inner{animation:none}.tip-thanks-effect{display:none}}

/* Centered reading column with a separate, right-aligned chapter rail */
.post-shell{width:min(1600px,calc(100vw - 64px))}
.article-header h1{max-width:880px;font-size:clamp(3rem,4.5vw,4.9rem);line-height:1.14;letter-spacing:-.05em;text-wrap:balance}
.article-content{max-width:720px;margin:64px auto 90px}
.article-content h2,.article-content h3{scroll-margin-top:118px}
.article-end{width:min(900px,100%);margin:0 auto 18px}
.author-card-full,.article-nav,.related{width:min(1200px,100%);margin-left:auto;margin-right:auto}
.article-nav{margin-top:18px}.related{margin-top:68px}
.toc-list a:after{display:none!important}

@media(min-width:1241px){
  .article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,900px) minmax(220px,1fr);column-gap:38px;align-items:start}
  .article-main{grid-column:2;min-width:0}
  .toc-panel{grid-column:3;justify-self:end;width:230px;margin-top:96px;padding:12px 0 16px 18px;border-left:1px solid var(--line);background:transparent!important}
}
.toc-toggle{padding-bottom:18px;color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.14em}
.toc-list{gap:5px}
.toc-list a{position:relative;margin-left:-19px;padding:10px 12px 10px 20px;border-left:2px solid transparent;color:var(--muted);font-size:.82rem;line-height:1.55;transition:color .24s ease,border-color .24s ease,background .24s ease,transform .24s ease}
.toc-list a.toc-sub{padding-left:35px;font-size:.76rem}
.toc-list a:hover,.toc-list a:focus-visible{color:var(--text);background:linear-gradient(90deg,rgba(145,168,255,.08),transparent 88%);transform:translateX(3px)}
.toc-list a.active{border-left:3px solid var(--accent);color:var(--accent-soft);font-weight:700;background:linear-gradient(90deg,rgba(145,168,255,.14),rgba(145,168,255,.025) 70%,transparent);box-shadow:none;transform:translateX(3px)}
.toc-list a.active:before{content:"";position:absolute;left:-5px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 75%,transparent);transform:translateY(-50%)}

@media(max-width:1240px){
  .post-shell{width:min(900px,calc(100vw - 56px))}
  .article-layout{grid-template-columns:1fr;gap:22px}
  .article-main{grid-column:1}
  .toc-panel{grid-column:1;position:relative;top:auto;z-index:20;order:-1;width:100%;margin:0;padding:0;border:1px solid var(--line);border-radius:13px;background:rgba(12,14,20,.92);backdrop-filter:blur(18px)}
  .toc-toggle{padding:14px 16px;cursor:pointer}
  .toc-toggle span{display:block}
  .toc-list{display:none;padding:0 7px 10px}
  .toc-panel.is-open .toc-list{display:grid}
  .toc-list a{margin-left:0}
}

/* Active chapter expands with the reader's position */
.toc-panel{transition:border-color .3s ease,box-shadow .3s ease,padding .3s cubic-bezier(.2,.75,.25,1)}
.toc-list a,.toc-list a.toc-sub{transform-origin:center left;transition:color .32s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease,transform .32s cubic-bezier(.2,.75,.25,1),font-size .32s cubic-bezier(.2,.75,.25,1),padding .32s cubic-bezier(.2,.75,.25,1),grid-template-columns .32s cubic-bezier(.2,.75,.25,1),opacity .32s ease}
.toc-list a:not(.active){opacity:.68}
.toc-list a:not(.active):hover,.toc-list a:not(.active):focus-visible{opacity:1}
.toc-list a.active{grid-template-columns:40px minmax(0,1fr);padding:15px 14px;color:var(--accent-soft);font-size:.94rem;line-height:1.5;letter-spacing:.005em;transform:translateX(-3px) scale(1.025)}
.toc-list a.active:before{width:40px;padding-right:11px;color:var(--accent-soft);font-size:.68rem;font-weight:650}
@media(max-width:1240px){.toc-list a.active{transform:none}}

/* Persistent reward field: symbols fill the viewport and are positioned by lightweight physics. */
.tip-dialog.is-celebrating .tip-thanks-effect span{left:0;top:0;animation:none!important;opacity:0;filter:none;transition:opacity .5s ease;will-change:transform}.tip-dialog.is-celebrating .tip-thanks-effect.is-live span{opacity:.88}.tip-dialog.is-celebrating .tip-thanks-effect.is-live span:nth-child(3n){opacity:.68}.tip-dialog.is-celebrating .tip-thanks-effect.is-live span:nth-child(5n){opacity:.76;text-shadow:0 0 10px currentColor,0 0 28px rgba(235,123,42,.2)}
@media(max-width:600px){.tip-dialog.is-celebrating .tip-thanks-effect.is-live span{opacity:.78}.tip-dialog.is-celebrating .tip-thanks-effect.is-live span:nth-child(3n){opacity:.58}}

/* Reward QR interaction and protected content surface. */
.qr-zoom-button{position:relative;display:grid;place-items:center;width:148px;height:158px;padding:7px;border:1px solid transparent;border-radius:12px;background:#fff;cursor:zoom-in;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.qr-zoom-button:hover,.qr-zoom-button:focus-visible{border-color:rgba(145,168,255,.62);box-shadow:0 0 0 3px rgba(145,168,255,.1),0 12px 32px rgba(0,0,0,.24);transform:translateY(-2px)}.tip-platform .qr-zoom-button img{display:block;width:100%;height:100%;border-radius:7px;object-fit:contain;background:#fff}.qr-hint{margin:0;color:var(--muted);font-size:.72rem;line-height:1.5}.qr-hint:before{content:"↗";margin-right:6px;color:var(--accent-soft)}.qr-lightbox{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:rgba(2,3,6,.88);backdrop-filter:blur(14px);cursor:zoom-out}.qr-lightbox[hidden]{display:none}.qr-lightbox figure{position:relative;display:grid;justify-items:center;gap:12px;margin:0;cursor:default}.qr-lightbox img{display:block;max-width:min(540px,calc(100vw - 48px));max-height:calc(100vh - 92px);border-radius:16px;object-fit:contain;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.65)}.qr-lightbox figcaption{color:rgba(255,255,255,.72);font-size:.8rem;letter-spacing:.02em}.qr-lightbox-close{position:fixed;right:24px;top:22px;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:rgba(13,15,21,.72);cursor:pointer;font-size:1.35rem;line-height:1}.qr-lightbox-close:hover,.qr-lightbox-close:focus-visible{border-color:rgba(255,255,255,.48);background:rgba(28,31,42,.9)}
@media(max-width:600px){.qr-zoom-button{width:142px;height:152px}.qr-lightbox{padding:16px}.qr-lightbox img{max-width:calc(100vw - 32px);max-height:calc(100vh - 84px)}.qr-lightbox-close{right:14px;top:14px}}
@media(max-width:600px){.post-shell{width:calc(100vw - 32px)}.article-content{margin-top:55px}}

/* Lightweight editorial chapter index */
@media(min-width:1241px){
  .toc-panel{width:244px;margin-top:104px;padding:0;border:0;background:transparent!important}
}
.toc-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:initial;gap:10px;padding:0 0 19px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:650;letter-spacing:.18em}
.toc-toggle:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}
.toc-list{gap:2px;padding-top:12px}
.toc-list a,.toc-list a.toc-sub{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:8px 0;border:0!important;color:var(--muted);background:none!important;box-shadow:none!important;font-size:.8rem;font-weight:450;line-height:1.55;letter-spacing:0;transform:none;transition:color .2s ease,opacity .2s ease,transform .2s ease}
.toc-list a:before{content:attr(data-index);display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-family:"SFMono-Regular",Consolas,monospace;font-size:.58rem;font-weight:500;line-height:1;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.toc-list a:after,.toc-list a.active:after{content:none!important;display:none!important}
.toc-list a.toc-sub{padding-left:13px;font-size:.75rem}
.toc-list a:hover,.toc-list a:focus-visible{color:var(--text);background:none!important;transform:translateX(3px)}
.toc-list a.active{border:0!important;color:var(--accent-soft);background:none!important;box-shadow:none!important;font-weight:650;transform:none}
.toc-list a.active:before{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent-soft);background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 6%,transparent),0 0 16px color-mix(in srgb,var(--accent) 18%,transparent)}

@media(max-width:1240px){
  .toc-panel{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;backdrop-filter:none}
  .toc-toggle{padding:14px 2px}
  .toc-list{padding:4px 2px 12px}
  .toc-panel.is-open{box-shadow:none}
}

/* Framed chapter card: horizontal names, vertically stacked chapters */
.toc-panel{overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(145deg,rgba(22,25,35,.9),rgba(12,14,20,.78))!important;box-shadow:0 24px 70px rgba(0,0,0,.18);backdrop-filter:blur(20px)}
.toc-panel:after{content:"";position:absolute;right:-78px;top:-102px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:50%;box-shadow:0 0 0 26px color-mix(in srgb,var(--accent) 3%,transparent);pointer-events:none}
.toc-panel>*{position:relative;z-index:1}
@media(min-width:1241px){.toc-panel{width:282px;margin-top:96px;padding:21px 20px 18px}}
.toc-toggle{position:relative;display:block;width:100%;padding:0 44px 16px 0;border:0;border-bottom:1px solid var(--line);color:var(--soft);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-align:left}
.toc-toggle:before{content:"";display:inline-block;width:16px;height:1px;margin:0 10px 4px 0;border-radius:1px;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 60%,transparent)}
.toc-toggle:after{content:attr(data-count);position:absolute;right:0;top:0;color:var(--muted);font-family:"SFMono-Regular",Consolas,monospace;font-size:.62rem;font-weight:500;letter-spacing:.1em}
.toc-list{display:grid;gap:6px;padding-top:14px}
.toc-list a,.toc-list a.toc-sub{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;margin:0;padding:11px 12px;border:1px solid transparent!important;border-radius:13px;color:var(--muted);background:transparent!important;box-shadow:none!important;font-size:.82rem;font-weight:500;line-height:1.45;letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:break-word;transform:none;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}
.toc-list a:before,.toc-list a.active:before{content:attr(data-index);position:static!important;inset:auto!important;display:block;width:34px;height:auto;border:0;border-right:1px solid var(--line);border-radius:0;padding:2px 9px 2px 0;color:var(--muted);background:none;box-shadow:none;font-family:"SFMono-Regular",Consolas,monospace;font-size:.6rem;font-weight:500;line-height:1;letter-spacing:.08em;text-align:center;transform:none!important;transition:color .22s ease,border-color .22s ease}
.toc-list a:after,.toc-list a.active:after{content:none!important;display:none!important}
.toc-list a.toc-sub{padding-left:24px;font-size:.78rem}
.toc-list a:hover,.toc-list a:focus-visible{border-color:var(--line)!important;color:var(--text);background:color-mix(in srgb,var(--accent) 5%,transparent)!important;transform:translateX(2px)}
.toc-list a.active{border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important;color:var(--text);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 13%,transparent),color-mix(in srgb,var(--accent) 4%,transparent))!important;box-shadow:inset 2px 0 0 var(--accent),0 10px 28px color-mix(in srgb,var(--accent) 6%,transparent)!important;font-weight:650;transform:none}
.toc-list a.active:before{border-right-color:color-mix(in srgb,var(--accent) 32%,transparent);color:var(--accent-soft)}
html[data-theme="light"] .toc-panel{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,248,253,.8))!important;box-shadow:0 24px 70px rgba(43,49,74,.1)}

@media(max-width:1240px){
  .toc-panel{width:100%;margin:0;padding:0 16px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(22,25,35,.94),rgba(12,14,20,.9))!important;backdrop-filter:blur(20px)}
  .toc-toggle{padding:15px 34px 15px 0;cursor:pointer}
  .toc-toggle:after{display:none}
  .toc-toggle span{position:absolute;right:0;top:50%;display:block;transform:translateY(-50%)}
  .toc-list{display:none;padding:2px 0 14px}
  .toc-panel.is-open .toc-list{display:grid}
  .toc-panel.is-open{box-shadow:0 18px 50px rgba(0,0,0,.18)}
  html[data-theme="light"] .toc-panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,248,253,.9))!important}
}

/* Final reader-position motion layer */
.toc-list a,.toc-list a.toc-sub{transform-origin:center left;transition:color .32s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease,transform .32s cubic-bezier(.2,.75,.25,1),font-size .32s cubic-bezier(.2,.75,.25,1),padding .32s cubic-bezier(.2,.75,.25,1),grid-template-columns .32s cubic-bezier(.2,.75,.25,1),opacity .32s ease}
.toc-list a:not(.active){opacity:.68}
.toc-list a:not(.active):hover,.toc-list a:not(.active):focus-visible{opacity:1}
.toc-list a.active{grid-template-columns:40px minmax(0,1fr);padding:15px 14px;border-color:color-mix(in srgb,var(--accent) 30%,transparent)!important;color:var(--accent-soft);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent) 5%,transparent))!important;box-shadow:inset 2px 0 0 var(--accent),0 12px 30px color-mix(in srgb,var(--accent) 8%,transparent)!important;font-size:.94rem;font-weight:680;line-height:1.5;letter-spacing:.005em;transform:translateX(-3px) scale(1.025)}
.toc-list a.active:before{width:40px;padding-right:11px;border-right-color:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent-soft);font-size:.68rem;font-weight:650}
@media(max-width:1240px){.toc-list a.active{transform:none}}