@font-face{font-family:OrbitronLocal;src:url(/assets/fonts/Orbitron.e6fb3d.woff) format("woff");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0020-007E}:root{color-scheme:light;--cm: calc(100vw / 38);--rail-collapsed: calc(var(--cm) * 1.6);--rail-expanded: calc(var(--cm) * 4.05);--panel-8cm: calc(var(--cm) * 8);--acid: #b9f23b;--ink: #121212;--paper: #f6f7f1;--line: rgba(0, 0, 0, .16)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:OrbitronLocal,DengXian,Microsoft DengXian,Microsoft YaHei,Segoe UI,Arial,sans-serif;letter-spacing:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.home-entry :is(span,p),.home-entry .home-actions a,.renderer-entry,.panelizer-entry{opacity:0}.home-entry.flash-once :is(span,p),.home-entry.flash-once .home-actions a:first-child,.home-entry.flash-once .home-actions a:not(:first-child),.renderer-section.entry-visible .renderer-entry,.panelizer-section.entry-visible .panelizer-entry{animation:text-first-flicker .36s steps(1,end) both}.renderer-section.entry-visible .renderer-entry,.panelizer-section.entry-visible .panelizer-entry{animation-duration:.25s}.home-entry.flash-once :is(span,p){animation-delay:.04s}.home-entry.flash-once .home-actions a:first-child{animation-delay:.27s}.home-entry.flash-once .home-actions a:not(:first-child){animation-delay:.5s}@keyframes text-first-flicker{0%,14%,28%{opacity:0;filter:brightness(1.8)}8%,22%,42%{opacity:1;filter:brightness(1)}58%{opacity:.62}72%,to{opacity:1;filter:none}}.site-shell{position:relative;min-height:100vh}.loader-layer{position:fixed;inset:0;z-index:100;overflow:hidden;background:transparent;color:var(--ink);pointer-events:none}.loader-bg{position:absolute;inset:0;background:#f4f5ef;overflow:hidden}.loader-bg img{display:block;position:absolute;inset:0;width:100vw;height:100vh;object-fit:cover;object-position:center center}.loader-wipe{position:absolute;inset:0 auto 0 0;z-index:2;width:0;background:var(--acid);transition:width .72s cubic-bezier(.76,0,.24,1)}.loader-layer--wipe .loader-wipe{width:100vw;animation:loader-wipe-fade .38s ease .72s forwards}.loader-layer--wipe{animation:loader-fade 1.05s ease forwards}.loader-layer--wipe .loader-bg,.loader-layer--wipe .loader-track,.loader-layer--wipe .loader-logo{animation:loader-hide-under-wipe .01s linear .72s forwards}@keyframes loader-fade{0%,72%{opacity:1}to{opacity:0}}@keyframes loader-wipe-fade{0%{opacity:1}to{opacity:0}}@keyframes loader-hide-under-wipe{to{opacity:0;visibility:hidden}}.loader-track{position:absolute;left:calc(var(--cm) * .82);top:8vh;bottom:8vh;z-index:1;width:2.8mm;background:#d8ddd0}.loader-bar{position:absolute;left:0;top:0;width:100%;background:var(--acid);transition:height .15s linear}.loader-track strong{position:absolute;left:calc(var(--cm) * .42);transform:translateY(-50%);color:var(--acid);font-size:clamp(.75rem,1vw,1.05rem);font-weight:950;transition:top .15s linear}.loader-logo{position:absolute;left:calc(var(--cm) * 24);top:50%;z-index:1;transform:translate(-50%,-50%);display:grid;gap:1rem;text-align:center}.loader-logo strong{font-size:clamp(2.6rem,6vw,7rem);line-height:.82;font-weight:950}.loader-logo span{color:#7b7f76;font-size:clamp(.72rem,.9vw,1rem);font-weight:900}.side-rail{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--rail-collapsed);overflow:hidden;background:#fffffff5;border-right:1px solid rgba(0,0,0,.08);box-shadow:.28rem 0 1.2rem #00000014;transition:width .26s ease}.side-rail:hover{width:var(--rail-expanded)}.side-rail__logo{display:flex;align-items:center;justify-content:flex-start;gap:.42rem;width:var(--rail-expanded);height:calc(var(--cm) * 1.6);padding:0 0 0 calc(var(--cm) * .32);border:0;background:transparent;color:var(--ink);cursor:pointer}.side-rail__logo span{display:grid;place-items:center;width:calc(var(--cm) * 1.18);height:calc(var(--cm) * .62);background:var(--ink);color:#fff;font-size:clamp(.48rem,.62vw,.72rem);font-weight:950}.side-rail__nav{display:grid;gap:.22rem;width:var(--rail-expanded);height:calc(100vh - var(--rail-collapsed));align-content:start;padding-top:3vh}.side-rail__nav button[data-bottom=true]{align-self:end;margin-top:auto}.side-rail__nav button{position:relative;display:grid;grid-template-columns:var(--rail-collapsed) 1fr;align-items:center;width:100%;min-height:7.1vh;padding:0;border:0;background:transparent;color:#1c1c1c;cursor:pointer;text-align:left}.side-rail__nav button:before{content:"";position:absolute;inset:0 auto 0 0;width:.12cm;background:var(--ink);opacity:0}.side-rail__nav button:hover,.side-rail__nav button.is-active{background:#e9e9e5}.side-rail__nav button.is-active:before{opacity:1}.side-rail__nav i{justify-self:center;display:grid;place-items:center;width:calc(var(--cm) * .72);height:calc(var(--cm) * .72);background:#d7d7d3;color:#fff;font-style:normal;font-size:.72rem;font-weight:950;border-radius:50%}.side-rail__nav button.is-active i,.side-rail__nav button:hover i{background:var(--ink)}.side-rail__nav span{min-width:0;opacity:0;white-space:nowrap;font-size:clamp(.72rem,.82vw,.95rem);font-weight:850;transition:opacity .18s ease .08s}.side-rail:hover .side-rail__nav span{opacity:1}.page-section{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:var(--paper)}.home-section img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 52%,rgba(0,0,0,.35))}.home-entry{position:absolute;left:calc(var(--rail-collapsed) + 7vw);bottom:12vh;z-index:2;max-width:48rem;color:#fff}.home-entry span,.project-header span,.portfolio-info span,.bili-link span{color:var(--acid);font-size:.82rem;font-weight:950}.home-entry h1{margin:.75rem 0 0;font-size:clamp(3.6rem,7vw,8rem);line-height:.92;font-weight:950}.home-entry p{max-width:34rem;color:#ffffffc7;font-size:1.18rem}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(13rem,1fr));gap:.55rem;max-width:38rem;margin-top:1.25rem}.home-actions a{display:grid;align-content:center;min-height:4.2rem;padding:.72rem 1rem;background:#ffffffe6;color:#111;border-left:.12cm solid var(--acid);clip-path:polygon(0 0,calc(100% - .78rem) 0,100% .78rem,100% 100%,0 100%);transition:transform .18s ease,background .18s ease}.home-actions a:nth-child(-n+2){background:var(--acid)}.home-actions a:hover{transform:translate(.35rem);background:#fff}.home-actions small{color:#5b5b55;font-size:.68rem;font-weight:950}.home-actions strong{font-size:1.1rem;font-weight:950}.portfolio-section{background:#f8f9f2}.portfolio-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portfolio-selector{position:absolute;left:calc(var(--cm) * 5.8);top:50%;z-index:5;display:grid;grid-template-rows:2.4rem 1fr 2.4rem;width:calc(var(--cm) * 2.2);height:min(72vh,42rem);transform:translateY(-50%)}.portfolio-selector>button{display:grid;place-items:center;border:0;background:transparent;color:var(--acid);cursor:pointer;font-weight:950}.portfolio-arrow img{width:min(1.3cm,2.8rem);height:auto;filter:drop-shadow(0 0 .35rem rgba(185,242,59,.42))}.portfolio-arrow--up img,.portfolio-arrow--down img{transform:rotate(90deg)}.portfolio-masks{display:grid;grid-template-rows:repeat(4,1fr);gap:.45rem;padding:.38rem;background:transparent}.portfolio-masks button{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1;border:0;border-radius:50%;background:#111111c7;cursor:pointer;opacity:.62}.portfolio-masks button.is-active{opacity:1}.portfolio-masks button>img:not(.portfolio-ring){width:74%;height:74%;border-radius:50%;object-fit:cover;object-position:center top}.portfolio-ring{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .24s ease,filter .24s ease}.portfolio-masks button.is-active .portfolio-ring,.portfolio-masks button:hover .portfolio-ring{transform:rotate(90deg) scale(1.04);filter:drop-shadow(0 0 .35rem rgba(185,242,59,.7))}.portfolio-stage{position:absolute;inset:0 0 0 calc(var(--cm) * 8.2);z-index:4}.portfolio-brand{position:absolute;left:calc(var(--cm) * 1.1);top:12vh;color:#00000014;font-size:clamp(5rem,13vw,16rem);line-height:.75;font-weight:950}.portfolio-art{position:absolute;right:0;bottom:-3vh;width:min(82vw,78rem);height:104vh;object-fit:contain;object-position:right bottom}.portfolio-info{position:absolute;right:8vw;bottom:13vh;z-index:3;min-width:24rem;padding:1.4rem 1.6rem;background:#ffffffd1;border-left:.15cm solid var(--acid);backdrop-filter:blur(10px)}.portfolio-info h2{margin:.15rem 0;font-size:clamp(2.6rem,5vw,5rem);line-height:.95;font-weight:950}.portfolio-info p{margin:0;font-size:1.1rem;font-weight:850}.renderer-section{background:radial-gradient(circle at 54% 44%,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle at 52% 45%,rgba(185,242,59,.12),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),#0f1118;background-size:auto,auto,4rem 4rem,4rem 4rem}.renderer-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 28%,transparent 72%,rgba(0,0,0,.42)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);pointer-events:none}.renderer-stage{position:absolute;inset:0;z-index:1}.renderer-stage canvas{position:absolute;inset:0;cursor:grab;touch-action:none}.renderer-stage canvas:active{cursor:grabbing}.renderer-section:not(.is-open) .renderer-stage canvas{pointer-events:none}.point-rotate-decor{position:absolute;left:50%;top:50%;z-index:2;width:min(70vw,74vh);max-width:56rem;pointer-events:none;opacity:.68;mix-blend-mode:screen;filter:drop-shadow(0 0 .65rem rgba(255,255,255,.22));transform-origin:center;transition:opacity .24s ease}.renderer-section:not(.is-open) .point-rotate-decor{opacity:.34}.renderer-label{position:absolute;left:10vw;top:12vh;display:grid;color:#ffffff14;pointer-events:none}.renderer-label strong{font-size:clamp(6rem,14vw,17rem);line-height:.8;font-weight:950}.renderer-actions{position:absolute;left:calc(var(--rail-collapsed) + 4vw);bottom:6vh;z-index:3;display:flex;align-items:center;gap:1rem}.renderer-actions button,.renderer-panel button{min-width:6rem;height:3rem;border:0;background:#111;color:var(--acid);cursor:pointer;font-weight:950}.renderer-section:not(.is-open) .renderer-actions span{display:none}.renderer-actions span{max-width:42rem;color:#ffffffbd;font-weight:850}.renderer-panel{position:absolute;right:calc(-1 * var(--panel-8cm));top:0;bottom:0;z-index:4;width:var(--panel-8cm);padding:4.8vh .85rem 1rem;background:#0e1016e6;color:#fff;border-left:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);transition:right .28s ease;overflow:hidden}.renderer-section.is-open .renderer-panel{right:0}.renderer-imports{display:none}.renderer-summary{display:grid;gap:.65rem;margin-bottom:.7rem}.renderer-panel h2{margin:0;font-size:1.24rem;line-height:1}.renderer-panel>h2,.renderer-panel>dl,.renderer-panel>button{display:none}.renderer-summary dl{display:grid;grid-template-columns:3.6rem minmax(0,1fr) 3.6rem minmax(0,1fr);gap:.34rem .5rem;margin:0}.renderer-summary dt{color:#ffffff8c;font-size:.72rem;font-weight:900}.renderer-summary dd{margin:0;min-width:0;overflow:hidden;color:#ffffffdb;font-size:1.3rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.renderer-summary dt:first-of-type,.renderer-summary dd:first-of-type{grid-column:span 2}.renderer-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem}.renderer-controls button{width:100%;min-width:0;height:2.2rem;margin:0;padding:0 .25rem;font-size:.72rem}.component-list{display:grid;gap:.34rem;margin-top:.6rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.16)}.component-list>strong{color:var(--acid);font-size:.72rem}.component-row{display:grid;grid-template-columns:minmax(0,1fr) 3.8rem;gap:.16rem .42rem;padding:.34rem .42rem;background:#ffffff0f;border-left:.05cm solid rgba(185,242,59,.62)}.component-row label{display:flex;align-items:center;gap:.3rem;min-width:0;font-size:.72rem;font-weight:850}.component-row label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-row input[type=checkbox]{accent-color:var(--acid)}.component-row small{text-align:right;color:#ffffff8f;font-size:.62rem;font-weight:850}.component-row input[type=range]{grid-column:1 / -1;width:100%;height:.8rem;accent-color:var(--acid)}.component-row em{grid-column:1 / -1;justify-self:end;min-width:3.8rem;text-align:right;color:var(--acid);font-style:normal;font-size:.62rem;font-weight:950}.panelizer-section{min-height:100vh;padding:0 0 0 var(--rail-collapsed);background:radial-gradient(circle at 52% 42%,rgba(185,242,59,.12),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),#090b10;background-size:auto,3.5rem 3.5rem,3.5rem 3.5rem;color:#fff}.panelizer-frame{position:absolute;inset:0 0 0 var(--rail-collapsed);z-index:1;display:block;width:calc(100% - var(--rail-collapsed));height:100vh;border:0;background:#07090d}.panelizer-section:not(.is-open) .panelizer-frame{pointer-events:none}.panelizer-entry{position:absolute;left:calc(var(--rail-collapsed) + 4vw);bottom:6vh;z-index:3;min-width:8rem;height:3rem;border:0;background:#111;color:var(--acid);cursor:pointer;font-weight:950}.video-section{background:#050505}.media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 48%,rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 45%);pointer-events:none}.bili-link{position:absolute;left:calc(var(--rail-collapsed) + 4vw);top:8vh;z-index:3;display:grid;gap:.5rem;color:#fff}.bili-link a{color:#fff;font-size:2rem;font-weight:950}.bili-link small{color:#ffffffad;font-weight:850}.video-cards{position:absolute;right:2.2vw;bottom:5vh;z-index:3;display:flex;align-items:end;gap:.35rem}.video-card{position:relative;overflow:hidden;width:calc(var(--cm) * 2.8);height:calc(var(--cm) * 1.7);border:1px solid rgba(255,255,255,.24);background:#111;color:#fff;cursor:pointer;text-align:left;transition:width .24s ease,height .24s ease}.video-card.is-active{width:calc(var(--cm) * 7);height:calc(var(--cm) * 3.9);border-color:var(--acid)}.video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000000e0)}.video-card span,.video-card strong{position:relative;z-index:1;display:block;margin-left:.7rem;margin-right:.7rem}.video-card span{margin-top:calc(100% - 2.2rem);color:var(--acid);font-size:.62rem;font-weight:950}.card-arrow{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.2rem;border:0;background:transparent;color:#111;cursor:pointer;font-weight:950}.card-arrow img{width:2.15rem;height:auto;filter:drop-shadow(0 0 .45rem rgba(185,242,59,.45))}.analytics-header{display:grid;gap:.4rem;max-width:54rem}.analytics-header span,.analytics-chart-head span,.analytics-mix>span,.analytics-ranking>span,.analytics-profile span,.analytics-kpis span{color:var(--acid);font-size:.72rem;font-weight:950}.analytics-header h2{margin:0;font-size:clamp(2.8rem,6vw,6rem);line-height:.92}.analytics-header p{margin:0;max-width:42rem;color:#ffffffa8;font-weight:850}.analytics-board{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.72fr);grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;margin-top:4vh;min-height:64vh}.analytics-profile,.analytics-kpis,.analytics-chart,.analytics-mix,.analytics-ranking{border:1px solid rgba(255,255,255,.13);background:#0a0d12c7;backdrop-filter:blur(10px)}.analytics-profile{display:flex;align-items:center;gap:.85rem;padding:.85rem}.analytics-profile img{width:4rem;height:4rem;border:1px solid rgba(185,242,59,.65);object-fit:cover}.analytics-profile strong{display:block;margin:.12rem 0;font-size:1.35rem}.analytics-profile small{color:#ffffff94;font-weight:800}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-kpis div{padding:.8rem;border-left:1px solid rgba(255,255,255,.1)}.analytics-kpis div:first-child{border-left:0}.analytics-kpis strong{display:block;margin-top:.28rem;font-size:clamp(1.2rem,2.2vw,2.1rem);line-height:1}.analytics-chart{grid-row:span 2;padding:1rem}.analytics-chart-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.analytics-chart-head strong,.analytics-mix>strong,.analytics-ranking>strong{display:block;margin-top:.18rem;font-size:1.35rem}.analytics-tabs{display:flex;gap:.35rem}.analytics-tabs button{height:2rem;padding:0 .7rem;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#ffffffad;cursor:pointer;font-weight:950}.analytics-tabs button.is-active{border-color:var(--acid);background:#b9f23b29;color:var(--acid)}.analytics-chart svg{display:block;width:100%;height:clamp(12rem,30vh,22rem);margin-top:1rem;overflow:visible}.analytics-chart polyline{fill:none;stroke:var(--acid);stroke-width:1.8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .45rem rgba(185,242,59,.55))}.analytics-months{display:flex;justify-content:space-between;color:#ffffff6b;font-size:.64rem;font-weight:900}.analytics-mix{padding:1rem}.analytics-mix-row{display:grid;grid-template-columns:3.2rem 1fr 4rem;align-items:center;gap:.55rem;margin-top:.72rem;font-size:.78rem;font-weight:900}.analytics-mix-row i,.analytics-ranking i{display:block;height:.42rem;background:linear-gradient(90deg,var(--bar-color, var(--acid)) var(--bar-size),rgba(255,255,255,.1) var(--bar-size))}.analytics-mix-row em{color:#ffffffb3;font-style:normal;text-align:right}.analytics-ranking{grid-row:span 3;padding:1rem}.analytics-ranking a{display:grid;grid-template-columns:4rem 2rem minmax(0,1fr) 4.4rem;grid-template-rows:auto auto;align-items:center;gap:.28rem .55rem;margin-top:.72rem;color:#fff}.analytics-ranking img{grid-row:span 2;width:4rem;aspect-ratio:16 / 10;object-fit:cover;border:1px solid rgba(255,255,255,.16)}.analytics-ranking b{color:var(--acid)}.analytics-ranking a>span{overflow:hidden;font-size:1.3rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.analytics-ranking i{grid-column:3 / 4;--bar-color: var(--acid)}.analytics-ranking em{grid-column:4;grid-row:1 / span 2;color:#ffffffbd;font-style:normal;font-size:.74rem;font-weight:950;text-align:right}.projects-section{--project-title-x: -42vw;--project-card-x: 46vw;padding:12vh 7vw 8vh calc(var(--rail-collapsed) + 7vw);background:#f7f8f2;overflow:hidden}.project-header{transform:translate(var(--project-title-x));will-change:transform}.project-header h2{margin:.5rem 0 3rem;font-size:clamp(3rem,7vw,7rem);line-height:.9;font-weight:950}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;transform:translate(var(--project-card-x));will-change:transform}.project-card{min-height:17rem;padding:1.4rem;background:#111;color:#fff;border-left:.15cm solid var(--acid)}.project-card span{color:var(--acid);font-size:.8rem;font-weight:950}.project-card h3{margin:4rem 0 .8rem;font-size:2.6rem}.project-card p{color:#ffffffb3}.article-shell{min-height:100vh;display:grid;grid-template-columns:13.5rem minmax(0,1fr) 14rem;grid-template-rows:4.25rem 1fr;background:#f7f8f2}.article-topbar{position:sticky;top:0;z-index:10;grid-column:1 / -1;display:flex;align-items:center;gap:2rem;padding:0 1.2rem;background:#111;color:#fff}.article-home-link{color:var(--acid);font-weight:950;white-space:nowrap}.article-topbar nav{display:flex;gap:.5rem;align-items:center}.docs-top-nav{overflow-x:auto}.docs-top-nav button{display:grid;place-items:center;min-width:max-content;height:2.5rem;padding:0 .85rem;color:#ffffffb8;background:transparent;border:0;font-size:.82rem;font-weight:900;white-space:nowrap;cursor:pointer}.docs-top-nav button:hover,.docs-top-nav button.is-active{color:var(--acid);background:#b9f23b1a;opacity:1}.article-topbar button,.article-left button{border:0;background:transparent;cursor:pointer}.article-topbar button{display:grid;place-items:center;min-width:7.5rem;height:3rem;padding:.25rem .75rem;color:#fff;font-weight:850;opacity:.5;transition:opacity .18s ease,background .18s ease}.article-topbar button.is-active{background:#b9f23b1f;color:#111;opacity:1}.article-topbar button img{display:block;max-width:7rem;max-height:2.1rem;object-fit:contain}.article-left{position:sticky;top:4.25rem;align-self:start;height:calc(100vh - 4.25rem);padding:.9rem .8rem;border-right:1px solid var(--line);background:#fff;overflow-y:auto}.article-left strong,.article-right strong{display:block;margin-bottom:.65rem;font-weight:950}.article-category{display:grid;gap:.18rem;margin-bottom:.8rem}.article-category h2{margin:.8rem 0 .25rem;color:#111;font-size:.72rem;letter-spacing:0;font-weight:950}.article-left button{display:block;width:100%;padding:.48rem .55rem;text-align:left;font-size:.78rem;line-height:1.25;font-weight:850;border-left:.08cm solid transparent}.article-left button.is-active{background:#111;color:var(--acid);border-left-color:var(--acid)}.article-left button span{display:none}.article-left button.is-active span{color:#ffffffb3}.article-content{padding:3rem min(8vw,7rem);background:#f7f8f2}.article-kicker{color:#5c7d14;font-size:.8rem;font-weight:950}.article-content h1{margin:.5rem 0 1.5rem;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95}.article-audience{display:inline-block;margin-bottom:1rem;padding:.35rem .55rem;background:#111;color:var(--acid);font-size:.78rem;font-weight:950}.article-content p{color:#444;font-size:1.08rem;line-height:1.9}.article-content section h2{margin:0 0 .8rem;font-size:1.55rem}.article-content h3{margin:2rem 0 .55rem;font-size:1.28rem}.article-content h4{margin:1.6rem 0 .4rem;font-size:1.05rem}.article-content ul{margin:1rem 0 1.4rem;padding-left:1.2rem;color:#444;line-height:1.85}.article-content ol{margin:1rem 0 1.4rem;padding-left:1.45rem;color:#444;line-height:1.85}.article-content li+li{margin-top:.35rem}.article-content blockquote{margin:1.2rem 0;padding:.85rem 1rem;border-left:.12cm solid var(--acid);background:#b9f23b1f;color:#2c2c2c;font-weight:850;line-height:1.75}.article-content a{color:#111;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}.article-content code{padding:.1rem .28rem;background:#11111114;color:#111;font-family:inherit;font-size:.92em}.article-content pre{overflow-x:auto;margin:1.2rem 0;padding:1rem;background:#111;color:#f5f7ef;border-left:.1cm solid var(--acid)}.article-content pre code{padding:0;background:transparent;color:inherit;font-family:inherit}.article-table-wrap{overflow-x:auto;margin:1.2rem 0 1.6rem}.article-content table{width:100%;border-collapse:collapse;background:#fff}.article-content th,.article-content td{padding:.72rem .8rem;border:1px solid var(--line);text-align:left;vertical-align:top}.article-content th{background:#111;color:var(--acid)}.article-image,.article-pointcloud{margin:1.6rem 0;background:#fff;border-left:.1cm solid var(--acid)}.article-image img{display:block;width:100%;max-height:34rem;object-fit:contain;background:#111}.article-image figcaption,.article-pointcloud figcaption{padding:.75rem 1rem;color:#666;font-size:.9rem}.article-pointcloud{overflow:hidden}.article-pointcloud-header{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#111;color:#fff}.article-pointcloud-header strong{color:var(--acid)}.article-pointcloud-header span{color:#ffffffa8;font-weight:800}.article-pointcloud-stage{position:relative;height:100%;min-height:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),#0f1118;background-size:3rem 3rem}.article-pointcloud-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(10.5rem,13rem);height:var(--pointcloud-height);min-height:24rem;background:#0f1118}.article-pointcloud-body .article-pointcloud-stage{min-height:0}.article-pointcloud-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.article-pointcloud-controls{display:grid;align-content:start;gap:.36rem;padding:.45rem;border-left:1px solid rgba(255,255,255,.12);background:#090b10f5;color:#fff;overflow-y:auto}.article-pointcloud-panel{display:grid;gap:.34rem;padding:.42rem;background:#fff1;border-left:.08cm solid rgba(185,242,59,.48)}.article-pointcloud-panel strong,.article-panel-heading strong{color:var(--acid);font-size:1.1rem;font-weight:950}.article-pointcloud-panel small{color:#ffffffad;font-size:.68rem;font-weight:850}.article-pointcloud-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:0}.article-pointcloud-panel dl div{padding:.38rem;background:#00000038}.article-pointcloud-panel dt{color:#ffffff8f;font-size:.66rem;font-weight:850}.article-pointcloud-panel dd{margin:.15rem 0 0;color:#fff;font-size:.78rem;font-weight:950}.article-density{display:grid;grid-template-columns:1fr auto;gap:.3rem .5rem;align-items:center;padding:0}.article-density span,.article-density em{font-size:1.3rem;font-style:normal;font-weight:950}.article-density input{grid-column:1 / -1;width:100%;accent-color:var(--acid)}.article-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.article-panel-heading span{display:flex;gap:.25rem}.article-panel-heading button{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffc2;padding:.22rem .38rem;font:inherit;font-size:.62rem;font-weight:900;cursor:pointer}.article-panel-heading button:hover{border-color:#b9f23bd1;color:var(--acid)}.article-component-list{display:grid;gap:.32rem}.article-component-list label{display:grid;grid-template-columns:auto .45rem minmax(0,1fr) auto;gap:.36rem;align-items:center;padding:.34rem .38rem;background:#ffffff12;border-left:.08cm solid rgba(185,242,59,.36)}.article-component-list input{accent-color:var(--acid)}.article-component-list i{width:.45rem;height:.45rem;border-radius:50%;background:var(--component-color);box-shadow:0 0 .38rem var(--component-color)}.article-component-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:850}.article-component-list small{color:#ffffff94;font-size:.62rem;font-weight:850}.article-content section{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line)}.article-note{display:flex;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:.85rem 1rem;background:#fff;border-left:.1cm solid var(--acid)}.article-note strong{flex:0 0 auto}.article-note span{color:#666}.article-right{position:sticky;top:4.25rem;align-self:start;height:calc(100vh - 4.25rem);padding:1.4rem;border-left:1px solid var(--line);background:#fff;overflow-y:auto}.article-right a{display:block;padding:.55rem 0;color:#555;font-weight:850}@media(max-width:980px){:root{--cm: calc(100vw / 18)}.side-rail,.side-rail:hover{width:100vw;height:4.6rem;inset:auto 0 0}.side-rail__logo{display:none}.side-rail__nav{display:flex;width:100vw;height:100%;overflow-x:auto}.side-rail__nav button{min-width:8.6rem;grid-template-columns:2.4rem 1fr}.side-rail__nav span{opacity:1}.portfolio-selector{left:1rem;width:4rem}.portfolio-art{right:-55vw;width:150vw;opacity:.75}.portfolio-info{left:5.4rem;right:1rem;min-width:0}.renderer-panel{width:82vw;right:calc(-82vw + 1rem)}.project-grid,.article-shell,.home-actions{grid-template-columns:1fr}.home-actions a:first-child{grid-column:auto}.article-shell{grid-template-rows:auto}.article-topbar{position:relative;flex-wrap:wrap;min-height:4.25rem;padding:.8rem 1rem}.article-topbar nav{overflow-x:auto;width:100%}.article-left,.article-right{position:relative;top:auto;height:auto}.article-pointcloud-body{grid-template-columns:1fr}.article-pointcloud-controls{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.article-component-list{max-height:16rem}}.analytics-section{min-height:100vh;padding:4.6vh 3.2vw 3.6vh calc(var(--rail-collapsed) + 3.2vw);background:linear-gradient(90deg,rgba(185,242,59,.07) 1px,transparent 1px),linear-gradient(rgba(185,242,59,.045) 1px,transparent 1px),radial-gradient(circle at 75% 22%,rgba(89,225,255,.12),transparent 26%),#07090d;background-size:3.2rem 3.2rem,3.2rem 3.2rem,auto,auto;color:#fff}.analytics-section>.bili-analysis-layout{height:91vh;margin-top:1.5vh}.bili-analysis-layout{display:grid;grid-template-columns:minmax(16rem,18rem) minmax(0,1fr) minmax(21rem,24rem);gap:1.2rem;padding:1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#0a0e14a6;box-shadow:inset 0 0 0 1px #ffffff0f,0 1.5rem 4rem #00000073,0 0 40px #b9f23b0a;backdrop-filter:blur(24px) saturate(1.2)}.bili-analysis-side,.bili-analysis-main,.bili-detail{min-height:0}.bili-analysis-side,.bili-detail,.bili-kpis,.bili-chart-card,.bili-mix-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff08;backdrop-filter:blur(8px)}.bili-analysis-side{display:grid;grid-template-rows:auto auto auto auto auto;gap:.65rem;overflow:hidden;padding:.85rem;background:linear-gradient(135deg,rgba(185,242,59,.06),transparent 40%),#ffffff05}.bili-profile{display:grid;grid-template-columns:3.8rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.75rem;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.bili-profile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b9f23b1f;border-color:#b9f23b66}.bili-profile img{width:3.8rem;height:3.8rem;object-fit:cover;border-radius:50%;border:2px solid rgba(185,242,59,.8);box-shadow:0 0 12px #b9f23b66}.bili-profile span,.bili-kpis span,.bili-account-stats span{color:var(--acid, #b9f23b);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.5px}.bili-profile strong{display:block;margin:.15rem 0;font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bili-profile small,.bili-sign,.bili-sync{color:#ffffffa6;font-size:.72rem;font-weight:850;line-height:1.5}.bili-sign,.bili-sync{margin:0;padding:0 .4rem}.bili-account-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.bili-account-stats div{padding:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0003;transition:background .3s ease}.bili-account-stats div:hover{background:#b9f23b14;border-color:#b9f23b4d}.bili-account-stats strong{display:block;margin-top:.2rem;font-size:1.25rem;line-height:1}.bili-mix-card{display:grid;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:.8rem;padding:.85rem}.bili-mix-card--dock{border-color:#b9f23b4d;background:#b9f23b0f}.bili-mix-summary{margin:0;color:#ffffffe0;font-size:1.3rem;font-weight:950}.bili-donut{place-self:center;display:grid;place-items:center;width:min(10rem,65%);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--mix, var(--acid, #b9f23b) 0 100%));box-shadow:0 0 2rem #b9f23b2e;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.bili-donut:hover{transform:scale(1.05);box-shadow:0 0 3rem #b9f23b40}.bili-donut:before{content:"";grid-area:1 / 1;width:70%;aspect-ratio:1;border-radius:50%;background:#0d1117;border:1px solid rgba(255,255,255,.12)}.bili-donut span,.bili-donut em{grid-area:1 / 1;z-index:1}.bili-donut span{margin-top:-.8rem;color:#fff;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:950;text-shadow:0 2px 8px rgba(0,0,0,.6)}.bili-donut em{margin-top:1.8rem;color:#ffffff80;font-size:.72rem;font-style:normal;font-weight:900}.bili-analysis-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;overflow:hidden}.bili-kpis--eight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.bili-kpis--eight button{min-width:0;padding:.75rem .85rem;color:#fff;text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff08;backdrop-filter:blur(8px);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease,box-shadow .25s ease}.bili-kpis--eight button:before{content:"";display:block;width:1.8rem;height:.2rem;margin-bottom:.45rem;border-radius:2px;background:var(--metric-color, #b9f23b);box-shadow:0 0 .8rem color-mix(in srgb,var(--metric-color) 80%,transparent);transition:width .3s ease}.bili-kpis--eight button:hover{transform:translateY(-3px) scale(1.01);background:color-mix(in srgb,var(--metric-color) 12%,rgba(0,0,0,.25));border-color:color-mix(in srgb,var(--metric-color) 55%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--metric-color) 15%,transparent)}.bili-kpis--eight button:hover:before{width:2.4rem}.bili-kpis--eight button.is-active{background:color-mix(in srgb,var(--metric-color) 18%,rgba(0,0,0,.35));border-color:var(--metric-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metric-color) 50%,transparent)}.bili-kpis--eight button.is-active:before{width:100%}.bili-kpis--eight strong{display:block;margin-top:.2rem;font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1}.bili-visual-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-height:0}.bili-chart-card{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:1.1rem}.bili-chart-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-bottom:.5rem}.bili-chart-head strong{display:block;color:#fff;font-size:1.55rem}.bili-chart-head small{color:#ffffff80;font-size:1.3rem;font-weight:850}.bili-metric-tabs{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto}.bili-metric-tabs button{min-height:2.1rem;padding:0 .7rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#ffffffbf;cursor:pointer;font:inherit;font-size:1rem;font-weight:950;white-space:nowrap;transition:all .2s ease}.bili-metric-tabs button:hover,.bili-metric-tabs button.is-active{border-color:var(--metric-color, #b9f23b);background:color-mix(in srgb,var(--metric-color) 15%,transparent);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--metric-color) 20%,transparent)}.bili-metric-tabs button:disabled{cursor:not-allowed;opacity:.5}.bili-combo-chart{min-height:0;overflow-x:auto;overflow-y:hidden}.bili-combo-chart svg{display:block;width:100%;min-width:48rem;height:100%}.bili-chart-gridline{stroke:#ffffff1a;stroke-width:1}.bili-axis-title{fill:#ffffff9e;font-size:.86rem;font-weight:950;text-anchor:middle}.bili-axis-title--left,.bili-axis-title--right{pointer-events:none}.bili-axis-label{fill:#ffffff6b;font-size:.78rem;font-weight:850;pointer-events:none}.bili-axis-label--left{text-anchor:end}.bili-axis-label--right{text-anchor:start}.bili-chart-hit{fill:transparent;cursor:pointer}.bili-quarter-bar{display:none;fill:#b9f23b1a;stroke:#b9f23b4d;stroke-width:1;transition:fill .25s ease,filter .25s ease}.bili-month-bar{fill:var(--metric-color, #b9f23b);opacity:.85;filter:drop-shadow(0 0 .4rem color-mix(in srgb,var(--metric-color) 40%,transparent));transition:opacity .25s ease,filter .25s ease,height .3s ease,y .3s ease}.bili-quarter-label{fill:#ffffff4d;font-size:.65rem;font-weight:950;text-anchor:middle}.bili-chart-line{fill:none;stroke:var(--metric-color, #b9f23b);stroke-width:2.6;opacity:.95;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .5rem color-mix(in srgb,var(--metric-color) 70%,transparent));transition:d .3s ease}.bili-combo-chart g:hover .bili-quarter-bar,.bili-combo-chart g.is-active .bili-quarter-bar{fill:#b9f23b59;filter:drop-shadow(0 0 .5rem rgba(185,242,59,.4))}.bili-combo-chart g:hover .bili-month-bar,.bili-combo-chart g.is-active .bili-month-bar{opacity:1;filter:drop-shadow(0 0 .6rem color-mix(in srgb,var(--metric-color) 65%,transparent))}.bili-chart-label{fill:#ffffff73;font-size:.8rem;font-weight:900;text-anchor:middle;cursor:pointer;user-select:none}.bili-chart-label:hover{fill:#fff}.bili-chart-label--year{fill:#ffffffb3;font-size:1.5rem}.bili-chart-label--quarter{fill:#b9f23bb3;font-size:1.3rem}.bili-chart-label--month{fill:#fff6;font-size:1.1rem}.bili-chart-label--count{fill:#ffffffe6;font-size:.9rem;font-weight:950;pointer-events:none}.bili-detail{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.bili-detail-head{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 4rem;gap:.6rem;align-items:center;padding:.85rem;border-bottom:1px solid rgba(255,255,255,.15)}.bili-detail-head strong{color:#fff;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bili-detail-head select,.bili-detail-head button{min-height:2.2rem;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0000004d;color:#fff;font-size:1.3rem;font-weight:900;cursor:pointer;transition:all .2s ease}.bili-detail-head select{padding:0 .6rem}.bili-detail-head button:hover{background:#b9f23b26;border-color:#b9f23b80;color:var(--acid, #b9f23b)}.bili-video-list{display:grid;align-content:start;gap:.6rem;overflow:auto;padding:.85rem}.bili-video-list a{display:grid;grid-template-columns:5.8rem minmax(0,1fr);grid-template-rows:auto auto;gap:.25rem .7rem;min-height:3.6rem;padding:.4rem;border-radius:8px;color:#fff;text-decoration:none;transition:background .25s ease,transform .25s ease}.bili-video-list a:hover{background:#ffffff14;transform:translate(4px)}.bili-video-list img{grid-row:span 2;width:5.8rem;aspect-ratio:16 / 10;object-fit:cover;border:1px solid rgba(255,255,255,.15);border-radius:6px;transition:border-color .25s ease}.bili-video-list a:hover img{border-color:var(--acid, #b9f23b)}.bili-video-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;padding-top:.1rem}.bili-video-list a:hover strong{color:var(--acid, #b9f23b)}.bili-video-list span{color:#fff9;font-size:.68rem;font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1180px){.bili-analysis-layout{grid-template-columns:14rem minmax(0,1fr)}.bili-detail{display:none}.bili-kpis--eight{grid-template-columns:repeat(2,minmax(0,1fr))}}