@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-italic-400.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-garamond-normal-300.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-normal-400.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-normal-500.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/dm-mono-normal-300.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-mono-normal-400.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/source-serif-4-italic-400.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-serif-4-normal-400.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/source-serif-4-normal-500.woff2) format("woff2")}:root{--black:#000;--bg:#050505;--surface:#0e0e0e;--raise:#141414;--hover:#1a1a1a;--border:rgba(255,255,255,.06);--border-h:rgba(255,255,255,.12);--border-a:rgba(255,255,255,.2);--glass:rgba(255,255,255,.03);--white:#fafafa;--t1:#e8e8e8;--t2:#a0a0a0;--t3:#8a8a8a;--t4:#5c5c5c;--r-sm:8px;--r-md:14px;--r-lg:20px;--spring:cubic-bezier(.175,.885,.32,1.275);--spring-out:cubic-bezier(.22,1,.36,1);--bounce:cubic-bezier(.34,1.56,.64,1);--ios:cubic-bezier(.25,.1,.25,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:"Source Serif 4","Noto Serif SC",serif;font-size:16px;line-height:1.7;color:var(--t1);background:var(--black);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.divider{height:1px;background:var(--border);border:none}.mt-lg{margin-top:2.5rem}.mt-md{margin-top:.5rem}.mb-sm{margin-bottom:.3rem}.fs-88{font-size:.88rem}.fs-82{font-size:.82rem}.fs-8{font-size:.8rem}.fs-78{font-size:.78rem}.t-muted{color:var(--t4)}.t-muted2{color:var(--t3)}.hero-en-init{opacity:0;transform:translateY(20px);transition:all .8s var(--spring-out) .6s}.empty-state{padding:3rem;text-align:center;color:var(--t4)}.centered-flex{display:flex;justify-content:center}.error-wrap{padding:clamp(6rem,20vh,10rem) 1.5rem;text-align:center}.page-loader{position:fixed;inset:0;z-index:10000;background:var(--black);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;transition:opacity .7s var(--ios),visibility .7s;clip-path:inset(100% 0 0 0);will-change:clip-path}.page-loader.entering{animation:veilUp .45s var(--spring-out) forwards}.page-loader.done{opacity:0;visibility:hidden;pointer-events:none;animation:veilDown .45s var(--spring-out) forwards}.loader-ring{width:28px;height:28px;position:relative}.loader-ring span{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent}.loader-ring span:nth-child(1){border-top-color:var(--t1);animation:loaderSpin 1.2s linear infinite}.loader-ring span:nth-child(2){border-right-color:var(--t4);animation:loaderSpin 1.8s linear reverse infinite;inset:4px}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-text{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t4);animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderPulse{0%,to{opacity:.4}50%{opacity:1}}.scroll-progress{position:fixed;top:0;left:0;height:2px;z-index:10001;background:linear-gradient(90deg,#ffffff80,#ffffff26);transform-origin:left;will-change:transform;pointer-events:none;border-radius:0 2px 2px 0}.cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);will-change:transform;opacity:0;transition:opacity .8s ease}.cursor-glow.visible{opacity:1}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);will-change:transform}.ambient-orb:nth-child(1){width:500px;height:500px;top:-150px;left:-100px;background:#ffffff05;animation:amb1 30s ease-in-out infinite}.ambient-orb:nth-child(2){width:350px;height:350px;bottom:-100px;right:-80px;background:#ffffff03;animation:amb2 35s ease-in-out infinite}.ambient-orb:nth-child(3){width:200px;height:200px;top:50%;left:50%;background:#ffffff02;animation:amb3 22s ease-in-out infinite}@keyframes amb1{0%,to{transform:translate(0)}33%{transform:translate(80px,50px)}66%{transform:translate(-40px,100px)}}@keyframes amb2{0%,to{transform:translate(0)}33%{transform:translate(-60px,-40px)}66%{transform:translate(50px,-70px)}}@keyframes amb3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,40px) scale(1.15)}}.nav{position:sticky;top:0;z-index:100;background:#0505058c;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);transition:background .5s var(--ios)}.nav.scrolled{background:#050505e0}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid transparent;transition:border-color .5s var(--ios)}.nav.scrolled .nav-inner{border-bottom-color:var(--border)}.reveal-up{opacity:0;transform:translateY(40px);filter:blur(10px);transition:opacity .9s var(--spring-out),transform .9s var(--spring-out),filter .9s var(--spring-out)}.reveal-up.visible{opacity:1;transform:translateY(0);filter:blur(0)}.reveal-scale{opacity:0;transform:scale(.92);filter:blur(6px);transition:opacity .8s var(--spring-out),transform .8s var(--spring-out),filter .8s var(--spring-out)}.reveal-scale.visible{opacity:1;transform:scale(1);filter:blur(0)}.d1{transition-delay:.06s}.d2{transition-delay:.12s}.d3{transition-delay:.18s}body[lang=zh] .bi-en,body[lang=en] .bi-zh{display:none!important}body[lang=en] .hero-title .bi-zh{display:inline-block!important}body[lang=en] .en-body{display:block!important}body[lang=zh] .en-body,body[lang=en] .zh-body{display:none!important}.pressable{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .5s var(--spring)}.pressable:active{transform:scale(.97)!important;transition-duration:.08s}.tilt-card{transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .5s var(--spring-out)}.tilt-card.tilted{box-shadow:0 35px 80px #00000080,0 0 0 1px #ffffff14}.lang-toggle{position:relative;display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;padding:2px;background:#ffffff08}.lang-indicator{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background:#ffffff1a;border-radius:6px;transition:transform .5s var(--spring);z-index:0}.lang-btn{position:relative;z-index:1;font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.04em;padding:.35rem .7rem;border:none;background:transparent;color:var(--t3);cursor:pointer;transition:color .3s var(--ios)}.lang-btn.active{color:var(--white)}.lang-btn:hover{color:var(--t2)}.char-wrap{display:inline-block}.char-wrap .char{display:inline-block;opacity:0;transform:rotateX(75deg) translateY(30px) scale(.9);transform-origin:50% 100%;animation:charReveal .8s var(--spring-out) forwards;animation-delay:calc(var(--i,0)*75ms + .45s);will-change:transform,opacity}.char-wrap.is-en .char{letter-spacing:.06em}@keyframes charReveal{0%{opacity:0;transform:rotateX(75deg) translateY(30px) scale(.9)}60%{opacity:1;transform:rotateX(-8deg) translateY(-4px) scale(1.02)}80%{transform:rotateX(3deg) translateY(1px) scale(.99)}to{opacity:1;transform:rotateX(0) translateY(0) scale(1)}}.marquee-section{padding:3rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.marquee-track{display:flex;gap:3rem;animation:marqueeScroll 45s linear infinite;width:max-content}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:baseline;gap:1rem;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:300;font-style:italic;color:var(--t4);transition:color .4s var(--ios);cursor:default}.marquee-item:hover{color:var(--t2)}.marquee-item .zh{font-family:"Noto Serif SC",serif;font-style:normal;font-weight:500}.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--t4);flex-shrink:0}.stag>*{opacity:0;transform:translateY(18px);transition:opacity .65s var(--spring-out),transform .65s var(--spring-out)}.stag.visible>*:nth-child(1){transition-delay:0s;opacity:1;transform:translateY(0)}.stag.visible>*:nth-child(2){transition-delay:.06s;opacity:1;transform:translateY(0)}.stag.visible>*:nth-child(3){transition-delay:.12s;opacity:1;transform:translateY(0)}.stag.visible>*:nth-child(4){transition-delay:.18s;opacity:1;transform:translateY(0)}.stag.visible>*:nth-child(5){transition-delay:.24s;opacity:1;transform:translateY(0)}.stag.visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.counter{font-variant-numeric:tabular-nums}.ripple-fx{position:absolute;border-radius:50%;background:#ffffff0f;transform:scale(0);animation:rippleAnim .6s var(--ios) forwards;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}.bi-zh{font-family:"Noto Serif SC",serif;font-weight:500;letter-spacing:.02em;color:var(--white);display:block}.bi-en{font-family:Cormorant Garamond,serif;font-weight:300;color:var(--t3);display:block;margin-top:.15em}.mono{font-family:DM Mono,monospace;font-size:.68rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}.mono-sm{font-family:DM Mono,monospace;font-size:.62rem;font-weight:300;letter-spacing:.03em;color:var(--t4)}.zh-body{font-family:"Noto Serif SC",serif;font-weight:400;font-size:.95rem;line-height:1.85;color:var(--t2)}.en-body{font-family:"Source Serif 4",serif;font-size:.92rem;line-height:1.75;color:var(--t3)}.nav-logo{display:flex;align-items:baseline;gap:.6rem}.nav-logo-zh{font-family:"Noto Serif SC",serif;font-weight:600;font-size:.85rem;letter-spacing:.08em;color:var(--white)}.nav-logo-en{font-family:DM Mono,monospace;font-weight:400;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t4)}.nav-links{display:flex;gap:0;list-style:none;align-items:center}.nav-links a{font-family:DM Mono,monospace;font-size:.65rem;font-weight:400;letter-spacing:.06em;color:var(--t3);padding:.5rem 1.1rem;border-radius:6px;transition:color .3s var(--ios);position:relative}.nav-links a:hover{color:var(--t1)}.nav-links a.active{color:var(--white)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--white)}.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:101}.hamburger span{display:block;width:22px;height:1.5px;background:var(--t2);transition:all .3s var(--spring);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-search-btn{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.04em;color:var(--t3);padding:.35rem .7rem;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer;transition:all .3s var(--ios);display:flex;align-items:center;gap:.4rem}.nav-search-btn:hover{border-color:var(--border-h);color:var(--t2)}.search-input{display:none;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;color:var(--t1);font-family:DM Mono,monospace;font-size:.6rem;outline:none;width:140px;transition:all .3s}.search-input:focus{border-color:var(--border-h)}.hero{padding:clamp(7rem,16vh,11rem) 0 clamp(4rem,10vh,7rem);position:relative}.hero-overline{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.5rem}.hero-overline-line{width:48px;height:1px;background:var(--t4)}.hero-title{max-width:1000px;margin-bottom:2.5rem;perspective:600px}.hero-title .bi-zh{font-size:clamp(2.6rem,5.5vw,4.8rem);line-height:1.15}.hero-title .bi-zh em{font-style:normal;color:var(--t3)}.hero-title .bi-en{font-size:clamp(1.6rem,3.5vw,3rem);line-height:1.15;font-style:italic;color:var(--t4)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.hero-desc{max-width:500px}.hero-desc .zh-body{margin-bottom:.5rem}.hero-desc .en-body{font-size:.82rem}.hero-scroll{display:flex;align-items:center;gap:.8rem;color:var(--t4);flex-shrink:0}.scroll-line{width:48px;height:1px;background:var(--t4);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--t2);animation:scrollP 2s ease-in-out infinite}@keyframes scrollP{0%{left:-100%}50%{left:0}to{left:100%}}.hero-parallax-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.03);transition:transform .1s linear}.hero-orb:nth-child(1){width:600px;height:600px;top:-200px;right:-100px;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.02),transparent 70%)}.hero-orb:nth-child(2){width:350px;height:350px;bottom:-150px;left:10%;border-color:#ffffff05}.hero-orb:nth-child(3){width:200px;height:200px;top:20%;right:30%;border-color:#ffffff04}.featured{padding:4rem 0 5rem}.featured-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-radius:var(--r-lg);overflow:hidden;min-height:500px;background:var(--surface);border:1px solid var(--border);transition:border-color .5s var(--ios);cursor:pointer}.featured-card:hover{border-color:var(--border-h)}.featured-visual{position:relative;background:var(--raise);overflow:hidden;display:flex;align-items:center;justify-content:center}.vis-inner{width:100%;height:100%;position:relative}.vis-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.vis-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);transition:transform .15s ease-out}.vis-o1{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.04),transparent 70%)}.vis-o2{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#ffffff0a}.vis-o3{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#ffffff05}.vis-tag{position:absolute;bottom:2rem;left:2rem;font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);padding:.35rem .7rem;border:1px solid var(--border);border-radius:4px;background:#00000080}.featured-content{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem;flex-wrap:wrap}.dot{width:3px;height:3px;border-radius:50%;background:var(--t4)}.featured-title .bi-zh{font-size:clamp(1.4rem,2.5vw,2rem);transition:color .4s var(--ios)}.featured-card:hover .featured-title .bi-zh{color:var(--white)}.featured-title .bi-en{font-size:clamp(.85rem,1.2vw,1rem)}.featured-excerpt{margin-bottom:2.5rem;max-width:440px}.featured-excerpt .zh-body{margin-bottom:.4rem}.author-row{display:flex;align-items:center;gap:.75rem}.author-avatar{width:28px;height:28px;border-radius:50%;background:var(--hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:.55rem;font-weight:500;color:var(--t3)}.author-info .zh-name{font-family:"Noto Serif SC",serif;font-size:.82rem;font-weight:500;color:var(--t1)}.author-info .en-meta{font-family:DM Mono,monospace;font-size:.6rem;color:var(--t4);letter-spacing:.04em}.articles{padding:5rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.article-card{background:var(--bg);padding:2rem;display:flex;flex-direction:column;cursor:pointer;transition:background .4s var(--ios),transform .4s var(--ios),box-shadow .4s var(--ios);position:relative;overflow:hidden}.article-card:hover{background:var(--surface);transform:translateY(-6px);box-shadow:0 24px 48px #00000073}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);background-size:200% 100%;background-position:200% 0;opacity:0;transition:opacity .4s;pointer-events:none}.article-card:hover:before{opacity:1;animation:shimmer 1.2s var(--ios) infinite}.article-card:after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.03),transparent 60%);transition:opacity .4s;pointer-events:none}.article-card:hover:after{opacity:1}.art-num{font-family:Cormorant Garamond,serif;font-weight:300;font-size:3rem;color:var(--t4);line-height:1;margin-bottom:1.5rem;transition:color .4s var(--ios),transform .5s var(--spring)}.article-card:hover .art-num{color:var(--t3);transform:translateY(-2px)}.art-tag{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.3rem}.art-tag .tag-pill-sm{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .55rem;border:1px solid var(--border);border-radius:100px;color:var(--t3);cursor:pointer;transition:all .2s}.art-tag .tag-pill-sm:hover{color:var(--t2);border-color:var(--border-h)}.art-title .bi-zh{font-size:1.1rem;transition:color .3s var(--ios)}.article-card:hover .art-title .bi-zh{color:var(--white)}.art-title .bi-en{font-family:"Source Serif 4",serif;font-size:.78rem;font-style:italic;color:var(--t4);margin-top:.15em;line-height:1.35}.art-excerpt{flex:1;margin-bottom:1.5rem;font-size:.85rem;color:var(--t3)}.art-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border)}.read-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .4s var(--spring)}.article-card:hover .read-arrow{border-color:var(--border-a);background:#ffffff0a;transform:translate(2px,-2px)}.read-arrow svg{width:12px;height:12px;color:var(--t4);transition:color .3s var(--ios)}.article-card:hover .read-arrow svg{color:var(--t2)}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:3rem}.page-btn{font-family:DM Mono,monospace;font-size:.7rem;padding:.4rem .9rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--t4);cursor:pointer;transition:all .3s}.page-btn:hover,.page-btn.active{color:var(--t1);border-color:var(--border-h);background:#ffffff08}.page-btn.active{color:var(--white);border-color:var(--border-a)}.two-col{display:grid;grid-template-columns:1fr 360px;gap:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:5rem}.two-col-main{padding:3rem;border-right:1px solid var(--border)}.two-col-side{padding:2.5rem;background:var(--surface)}.archive-item{padding:1.5rem 0;border-bottom:1px solid var(--border)}.archive-item:last-child{border-bottom:none}.archive-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.side-widget{margin-bottom:2.5rem}.side-widget:last-child{margin-bottom:0}.side-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.trending-list{list-style:none}.trending-item{display:flex;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .4s var(--spring)}.trending-item:last-child{border-bottom:none}.trending-item:hover{padding-left:.5rem}.trending-num{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.6rem;color:var(--t4);line-height:1;min-width:28px;transition:color .3s var(--ios)}.trending-item:hover .trending-num{color:var(--t2)}.trending-title-zh{font-family:"Noto Serif SC",serif;font-size:.85rem;font-weight:500;color:var(--t1);line-height:1.4}.trending-title-en{font-family:"Source Serif 4",serif;font-size:.75rem;font-style:italic;color:var(--t4);line-height:1.35;margin-top:.1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag-pill{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .7rem;border:1px solid var(--border);border-radius:100px;color:var(--t3);cursor:pointer;transition:all .35s var(--spring)}.tag-pill:hover,.tag-pill.active{border-color:var(--border-a);color:var(--t1);background:#ffffff08;transform:translateY(-1px)}.tag-pill.active{color:var(--white);border-color:var(--border-h)}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.stat-cell{background:var(--bg);padding:1.2rem;text-align:center}.stat-val{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.8rem;color:var(--t1);line-height:1;margin-bottom:.25rem}.stat-label-zh{font-family:"Noto Serif SC",serif;font-size:.7rem;color:var(--t3);margin-bottom:.1rem}.stat-label-en{font-family:DM Mono,monospace;font-size:.55rem;color:var(--t4);letter-spacing:.04em;text-transform:uppercase}.states-section{padding:5rem 0}.states-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:2.5rem}.state-card{background:var(--bg);padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column}.state-label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.state-dot{width:6px;height:6px;border-radius:50%;background:var(--t1);animation:dotB 1.5s ease-in-out infinite}.state-card-inner{flex:1;background:var(--surface);border:1px solid var(--border-a);border-radius:var(--r-md);padding:1.5rem;margin-bottom:1rem;transition:all .5s var(--spring);display:flex;flex-direction:column;justify-content:center;animation:activeP 2.5s ease-in-out infinite}@keyframes activeP{0%,to{box-shadow:0 0 #fff0,0 0 0 1px #ffffff0d}50%{box-shadow:0 0 0 6px #ffffff05,0 0 0 1px #ffffff1a}}@keyframes dotB{0%,to{opacity:1}50%{opacity:.3}}.spinner{width:24px;height:24px;margin:.8rem auto 0;position:relative}.spinner-ring{position:absolute;inset:0;border:1px solid transparent;border-radius:50%;animation:spin 1.4s linear infinite}.spinner-ring:nth-child(1){border-top-color:var(--t2)}.spinner-ring:nth-child(2){border-right-color:var(--t4);animation-duration:2s;animation-direction:reverse;inset:3px}@keyframes spin{to{transform:rotate(360deg)}}.state-mini{display:flex;align-items:center;gap:.6rem;text-align:left}.state-mini-dot{width:24px;height:24px;border-radius:50%;background:var(--hover);border:1px solid var(--border);flex-shrink:0}.state-bi{display:flex;flex-direction:column}.state-bi-zh{font-family:"Noto Serif SC",serif;font-size:.8rem;font-weight:500;color:var(--t1)}.state-bi-en{font-family:DM Mono,monospace;font-size:.58rem;color:var(--t4);letter-spacing:.02em}.palette-section{padding:5rem 0}.palette-strip{display:flex;height:120px;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-top:2.5rem}.palette-strip>div{flex:1;transition:flex .6s var(--spring)}.palette-strip>div:hover{flex:2.5}.p-0{background:#000}.p-1{background:#0a0a0a}.p-2{background:#141414}.p-3{background:#1a1a1a}.p-4{background:#2a2a2a}.p-5{background:#444}.p-6{background:#666}.p-7{background:#999}.p-8{background:#ccc}.p-9{background:#fafafa}.palette-info{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1.5rem}.pal-item{text-align:center}.pal-hex{font-family:DM Mono,monospace;font-size:.63rem;color:var(--t4);letter-spacing:.02em}.pal-use-zh{font-family:"Noto Serif SC",serif;font-size:.65rem;color:var(--t3);margin-top:.1rem}.pal-use-en{font-family:DM Mono,monospace;font-size:.52rem;color:var(--t4);letter-spacing:.04em;text-transform:uppercase}.btn-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;align-items:center}.btn{font-family:DM Mono,monospace;font-size:.66rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.3rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--t2);cursor:pointer;transition:all .35s var(--spring);display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn:hover{border-color:var(--border-h);color:var(--t1);transform:translateY(-1px)}.btn:active{transform:scale(.97)!important;transition-duration:.08s}.btn-solid{background:var(--white);color:var(--black);border-color:var(--white)}.btn-solid:hover{background:var(--t2);border-color:var(--t2);color:var(--black)}.btn-ghost{border-color:transparent;color:var(--t3)}.btn-ghost:hover{color:var(--t1);background:#ffffff08;border-color:var(--border)}.btn-pill{border-radius:100px;padding:.5rem 1.1rem}.footer{border-top:1px solid var(--border);padding:3rem 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:DM Mono,monospace;font-size:.6rem;color:var(--t4);letter-spacing:.04em}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{font-family:DM Mono,monospace;font-size:.6rem;color:var(--t3);letter-spacing:.04em;transition:color .3s var(--ios)}.footer-links a:hover{color:var(--t2)}#article-view{display:none;padding:4rem 0}.article-detail-container{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.7rem;color:var(--t3);margin-bottom:2rem;cursor:pointer;transition:color .3s var(--ios)}.back-link:hover{color:var(--t2)}.detail-title .bi-zh{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.detail-title .bi-en{font-size:clamp(1rem,1.5vw,1.4rem)}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0 2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.detail-body{font-size:1.05rem;line-height:1.9;color:var(--t2)}.detail-body h2{font-family:"Noto Serif SC",serif;font-weight:500;font-size:1.6rem;color:var(--t1);margin:2rem 0 1rem}.detail-body h3{font-family:"Noto Serif SC",serif;font-weight:500;font-size:1.2rem;color:var(--t1);margin:1.5rem 0 .8rem}.detail-body p{margin-bottom:1.5rem}.detail-body ul,.detail-body ol{margin:1rem 0;padding-left:1.5rem}.detail-body li{margin-bottom:.5rem}.detail-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;margin-bottom:2rem}.detail-toc h4{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:.8rem}.detail-toc ul{list-style:none;padding:0}.detail-toc li{padding:.2rem 0;font-size:.9rem}.detail-toc a{color:var(--t2);transition:color .2s;cursor:pointer}.detail-toc a:hover{color:var(--t1)}.detail-toc .toc-2{padding-left:0}.detail-toc .toc-3{padding-left:1.5rem}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related-articles h4{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:1rem}.related-item{display:flex;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .2s}.related-item:hover{background:#ffffff05}.related-item .bi-zh{font-size:.9rem;font-weight:400}.related-item .bi-en{font-size:.7rem;font-style:italic;color:var(--t4)}@media(max-width:960px){.featured-card{grid-template-columns:1fr}.featured-visual{min-height:260px}.two-col{grid-template-columns:1fr}.two-col-main{border-right:none;border-bottom:1px solid var(--border)}.articles-grid{grid-template-columns:repeat(2,1fr)}.states-grid{grid-template-columns:1fr}.palette-info{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.nav-links{position:fixed;inset:0;background:#050505fa;backdrop-filter:blur(24px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:none;z-index:99}.nav-links.open{display:flex}.nav-links a{font-size:1.2rem;padding:1rem 2rem}.hamburger{display:flex}.articles-grid{grid-template-columns:1fr}.hero-bottom{flex-direction:column;align-items:flex-start}.stats-row,.palette-info{grid-template-columns:repeat(2,1fr)}.cursor-glow,.ambient{display:none}.two-col-side,.two-col-main{padding:1.5rem}.search-input{width:100px}}.loader-fill{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--t4),var(--white),var(--t2));box-shadow:0 0 16px #fff6;transition:width .12s linear}@keyframes veilUp{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@keyframes veilDown{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100% 0)}}@keyframes shimmer{to{background-position:-200% 0}}.view-veil{position:fixed;inset:0;z-index:99990;background:var(--black);clip-path:inset(100% 0 0 0);pointer-events:none;will-change:clip-path}.view-veil.entering{animation:veilUp .5s var(--ios) forwards}.view-veil.leaving{animation:veilDown .5s var(--ios) forwards}.cursor-dot{position:fixed;width:5px;height:5px;background:var(--white);border-radius:50%;pointer-events:none;z-index:99999;left:0;top:0;transform:translate(-50%,-50%);transition:transform .12s ease-out;will-change:transform}.cursor-dot.clicking{transform:translate(-50%,-50%) scale(1.8)}.cursor-ring{position:fixed;width:32px;height:32px;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;pointer-events:none;z-index:99998;left:0;top:0;transform:translate(-50%,-50%);will-change:transform;transition:width .3s var(--ios),height .3s var(--ios),border-color .3s var(--ios),background .3s var(--ios)}.cursor-ring.hovering{width:56px;height:56px;border-color:#ffffffa6}.cursor-ring.text-cursor{width:3px;height:20px;border:none;background:#ffffff80;border-radius:1px}@media(max-width:768px){.cursor-dot,.cursor-ring{display:none}}@media(min-width:769px){*{cursor:none!important}}