:root{--page-bg:#f4f4f1;--page-grid:#0e0f1213;--text-main:#111214;--text-muted:#62646b;--surface:#ffffffd6;--surface-solid:#fff;--border:#1112141f;--accent:#111214;--accent-strong:#050505;--accent-soft:#11121414;--highlight:#d9b76e;--brand-bg:#111214;--header-bg:#f4f4f1d1;--hero-bg:#0b0c0f;--hero-text:#fff;--grid-size:48px 48px;--body-overlay:radial-gradient(circle at 82% 8%, #11121417, transparent 24%), linear-gradient(115deg, transparent 0 64%, #11121409 64% 66%, transparent 66%);--card-shadow:0 24px 70px #11121417;--card-shadow-strong:0 34px 90px #11121429;--hero-overlay:radial-gradient(circle at 16% 18%, #ffffff14, transparent 24%), radial-gradient(circle at 76% 34%, #d9b76e38, transparent 24%), linear-gradient(120deg, transparent 0 42%, #ffffff14 50%, transparent 58%);color:var(--text-main);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}:root[data-theme=ORANGE]{--page-bg:#fff6eb;--page-grid:#e86f2d1f;--text-main:#24170e;--text-muted:#735b49;--surface:#fffcf7e6;--surface-solid:#fffaf3;--border:#ae5b192e;--accent:#f07824;--accent-strong:#a64008;--accent-soft:#f0782429;--highlight:#ffc857;--brand-bg:#24170e;--header-bg:#fff6ebdb;--hero-bg:#1f130b;--body-overlay:radial-gradient(circle at 14% 14%, #ffc85738, transparent 24%), radial-gradient(circle at 88% 12%, #f0782433, transparent 28%), linear-gradient(135deg, #f0782412, transparent 34% 68%, #ffc8571f);--card-shadow:0 24px 74px #974f1421;--card-shadow-strong:0 36px 100px #974f1433;--hero-overlay:radial-gradient(circle at 16% 24%, #ffc85747, transparent 22%), radial-gradient(circle at 74% 36%, #f078245c, transparent 24%), linear-gradient(120deg, transparent 0 36%, #ffffff1f 46%, transparent 56%)}:root[data-theme=PAPER]{--page-bg:#fbf6e9;--page-grid:#78603e17;--text-main:#28231a;--text-muted:#756b5b;--surface:#fffcf2e6;--surface-solid:#fffaf0;--border:#65503429;--accent:#8b6a3e;--accent-strong:#523d23;--accent-soft:#8b6a3e24;--highlight:#d9a545;--brand-bg:#33271a;--header-bg:#fbf6e9e6;--hero-bg:#2a2118;--grid-size:32px 32px;--body-overlay:linear-gradient(90deg, #ffffff47, transparent 18% 82%, #5f48280f), radial-gradient(circle at 20% 18%, #d9a5451f, transparent 24%);--card-shadow:0 18px 50px #533f241a;--card-shadow-strong:0 28px 80px #533f2429;--hero-overlay:radial-gradient(circle at 18% 18%, #d9a5452e, transparent 24%), linear-gradient(120deg, #fff6e114, transparent 55%)}:root[data-mode=DARK]{--page-bg:#0d0e11;--page-grid:#ffffff0e;--text-main:#f5f5f1;--text-muted:#aaaeb8;--surface:#17181cd6;--surface-solid:#17181c;--border:#ffffff1f;--accent:#f5f5f1;--accent-strong:#fff;--accent-soft:#ffffff1a;--highlight:#d9b76e;--brand-bg:#f5f5f1;--header-bg:#0d0e11d1;--hero-bg:#050506;--body-overlay:radial-gradient(circle at 78% 0%, #ffffff1f, transparent 22%), radial-gradient(circle at 20% 20%, #d9b76e1a, transparent 24%);--card-shadow:0 24px 70px #00000042;--card-shadow-strong:0 34px 100px #00000061}:root[data-theme=ORANGE][data-mode=DARK]{--page-bg:#140b06;--page-grid:#ffa05018;--text-main:#fff4e6;--text-muted:#dfbda1;--surface:#27180ddb;--surface-solid:#26170d;--border:#ffab5c33;--accent:#ff8a35;--accent-strong:#ffbd59;--accent-soft:#ff8a3529;--highlight:#ffd36e;--brand-bg:#fff4e6;--header-bg:#140b06d6;--hero-bg:#160a04;--body-overlay:radial-gradient(circle at 14% 8%, #ff893338, transparent 24%), radial-gradient(circle at 90% 16%, #ffd36e2b, transparent 28%)}:root[data-theme=PAPER][data-mode=DARK]{--page-bg:#15110c;--page-grid:#d9a54512;--text-main:#f7ead4;--text-muted:#c3ad8f;--surface:#241c13e0;--surface-solid:#241c13;--border:#d9a5452e;--accent:#d9a545;--accent-strong:#f0cf87;--accent-soft:#d9a54526;--highlight:#e7bd67;--brand-bg:#f7ead4;--header-bg:#15110ce0;--hero-bg:#1c140b;--body-overlay:linear-gradient(90deg, #ffffff09, transparent 28% 72%, #d9a5450f), radial-gradient(circle at 14% 20%, #d9a5451f, transparent 24%)}*{box-sizing:border-box}html,#app{max-width:100%;overflow-x:hidden}body{min-width:320px;color:var(--text-main);margin:0;transition:background .28s,color .28s;overflow-x:hidden}:root:not([data-grid=off]) body{background:var(--body-overlay), linear-gradient(90deg, var(--page-grid) 1px, transparent 1px), linear-gradient(0deg, var(--page-grid) 1px, transparent 1px), var(--page-bg);background-size:auto, var(--grid-size), var(--grid-size), auto}:root[data-grid=off] body{background:var(--body-overlay), var(--page-bg);background-size:auto,auto}.app-shell{z-index:1;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden}.site-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-background.is-scroll{min-height:100%;position:absolute}.site-header,.app-shell main{z-index:1;position:relative}.site-background img,.site-background video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site-background.is-scroll img,.site-background.is-scroll video{object-position:center top}.site-background-overlay,.site-background-grid{position:absolute;inset:0}.site-background-overlay{background:var(--page-bg);opacity:var(--site-background-overlay-opacity,.42)}.site-background-grid{background:linear-gradient(90deg, var(--page-grid) 1px, transparent 1px), linear-gradient(0deg, var(--page-grid) 1px, transparent 1px);background-size:var(--grid-size), var(--grid-size);opacity:.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{z-index:20;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 6vw;display:flex;position:sticky;top:0}.brand,.site-nav{align-items:center;display:flex}.brand{letter-spacing:0;gap:10px;font-weight:800}.brand-mark{background:var(--brand-bg);width:34px;height:34px;color:var(--highlight);border-radius:8px;place-items:center;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand-mark.has-brand-avatar{background:var(--surface-solid);color:#0000}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-nav a{color:var(--text-muted);border-radius:8px;padding:9px 12px}.site-nav a.router-link-active,.site-nav a:hover{background:var(--brand-bg);color:var(--page-bg)}.admin-link{border:1px solid var(--border)}.mobile-menu-button,.mobile-menu,.mobile-menu-mask,.mobile-back-top{display:none}.mobile-menu-button,.mobile-menu-close,.mobile-back-top{border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer}.mobile-menu-button{border-radius:12px;place-items:center;width:44px;height:44px}.mobile-menu-button span{background:currentColor;border-radius:999px;width:18px;height:2px;display:block}.mobile-back-top{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.08rem;font-weight:950}.mobile-menu-close{border-radius:999px;width:42px;height:42px;font-size:1.5rem;line-height:1}.mobile-menu-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.mobile-menu-links{gap:10px;margin-top:28px;display:grid}.mobile-menu-links a{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);color:var(--text-main);border-radius:12px;padding:14px 16px;font-size:1.05rem;font-weight:900}.mobile-menu-links a.router-link-active,.mobile-menu-links a:hover{background:var(--brand-bg);color:var(--page-bg)}.mobile-menu-appearance{border-top:1px solid var(--border);gap:10px;margin-top:24px;padding-top:20px;display:grid}.mobile-menu-appearance p{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:900}.mobile-fade-enter-active,.mobile-fade-leave-active,.mobile-drawer-enter-active,.mobile-drawer-leave-active{transition:opacity .24s,transform .24s}.mobile-fade-enter-from,.mobile-fade-leave-to{opacity:0}.mobile-drawer-enter-from,.mobile-drawer-leave-to{opacity:.98;transform:translate(100%)}.appearance-switch,.appearance-menu{position:relative}.appearance-menu summary{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 78%, transparent);min-height:42px;color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.86rem;font-weight:900;list-style:none;display:inline-flex}.appearance-menu summary::-webkit-details-marker{display:none}.appearance-menu summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.appearance-menu[open] summary{background:var(--surface-solid);color:var(--text-main);box-shadow:var(--card-shadow)}.appearance-popover{z-index:60;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 94%, transparent);width:230px;box-shadow:var(--card-shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;gap:12px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.appearance-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.appearance-group p{color:var(--text-muted);grid-column:1/-1;margin:0 0 2px;font-size:.78rem;font-weight:900}.appearance-group button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:9px;padding:7px 0;font-size:.82rem;font-weight:800}.appearance-group button:hover,.appearance-group button.active{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:var(--accent-soft);color:var(--accent-strong)}.hero-section{background:var(--hero-bg);min-height:620px;color:var(--hero-text);background-position:50%;background-size:cover;align-items:center;display:grid;position:relative;overflow:hidden}.hero-section:after{z-index:1;background:var(--hero-overlay);content:"";mix-blend-mode:screen;opacity:.75;pointer-events:none;position:absolute;inset:0}.hero-section.has-hero-image .hero-scene{background:#11121414}.hero-section.has-hero-image .scene-grid{opacity:.38}.hero-section.has-hero-image .scene-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d}.hero-video{object-fit:cover;opacity:.42;filter:saturate(.9)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.hero-video:after{content:"";position:absolute;inset:0}.ambient-particles{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-particles span{background:var(--highlight);opacity:.34;border-radius:50%;width:5px;height:5px;animation:12s ease-in-out infinite particle-drift;position:absolute}.ambient-particles span:nth-child(3n){background:var(--accent)}.ambient-particles span:first-child{animation-delay:-1s;top:22%;left:8%}.ambient-particles span:nth-child(2){animation-delay:-3s;top:68%;left:18%}.ambient-particles span:nth-child(3){animation-delay:-5s;top:16%;left:28%}.ambient-particles span:nth-child(4){animation-delay:-2s;top:78%;left:36%}.ambient-particles span:nth-child(5){animation-delay:-7s;top:28%;left:46%}.ambient-particles span:nth-child(6){animation-delay:-4s;top:72%;left:56%}.ambient-particles span:nth-child(7){animation-delay:-8s;top:18%;left:66%}.ambient-particles span:nth-child(8){animation-delay:-6s;top:58%;left:74%}.ambient-particles span:nth-child(9){animation-delay:-9s;top:34%;left:84%}.ambient-particles span:nth-child(10){animation-delay:-2.5s;top:74%;left:92%}.ambient-particles span:nth-child(n+11){opacity:.24;width:3px;height:3px;animation-duration:16s}.hero-content{z-index:3;width:min(1100px,88vw);margin:0 auto;padding:96px 0 120px;position:relative}.hero-scanline{z-index:2;pointer-events:none;background:linear-gradient(#0000,#ffffff0b,#0000);height:36%;animation:6s ease-in-out infinite hero-scan;position:absolute;inset:auto 0 0;transform:translateY(100%)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.hero-content h1,.page-hero h1{letter-spacing:0;margin:0;font-size:clamp(3.4rem,9vw,7.5rem);line-height:.95;position:relative}.easter-dot{z-index:3;opacity:.42;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:34px;left:6vw}.easter-dot:before{background:var(--highlight);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);content:"";width:14px;height:14px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--highlight) 42%, transparent));transition:filter .2s,transform .2s;animation:2.6s ease-in-out infinite star-twinkle}.easter-dot:hover{opacity:1}.easter-dot:hover:before{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--highlight) 85%, transparent));transform:scale(1.18)rotate(45deg)}.hero-copy{color:#ffffffc7;width:min(640px,100%);margin:24px 0 0;font-size:1.18rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-actions a,.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.hero-actions a:last-child{background:var(--highlight);color:var(--text-main)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.primary-button.inline{width:fit-content;margin-top:20px}.hero-scene{position:absolute;inset:0;overflow:hidden}.scene-grid{transform-origin:bottom;background-color:#0000;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(0deg,#ffffff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:perspective(800px)rotateX(62deg)translateY(120px)}.scene-track{color:#ffffff80;gap:18px;width:max-content;font-family:Consolas,monospace;animation:26s linear infinite slide-track;display:flex;position:absolute}.scene-track span{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:10px 14px}.track-a{top:18%;right:-360px}.track-b{animation-duration:34s;bottom:18%;right:-420px}.scene-panel{background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;width:260px;height:170px;animation:7s ease-in-out infinite float-panel;position:absolute;box-shadow:0 24px 80px #00000059}.panel-a{top:24%;right:10vw}.panel-b{width:190px;height:120px;animation-delay:-2s;bottom:14%;right:24vw}@keyframes slide-track{0%{transform:translate(0)}to{transform:translate(-760px)}}@keyframes float-panel{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes particle-drift{0%,to{transform:translate(0,0)scale(.8)}50%{transform:translate(24px,-34px)scale(1.4)}}@keyframes hero-scan{0%,18%{opacity:0;transform:translateY(100%)}42%{opacity:.8}68%,to{opacity:0;transform:translateY(-220%)}}@keyframes star-twinkle{0%,to{opacity:.42;transform:scale(.82)rotate(0)}45%{opacity:.92;transform:scale(1)rotate(45deg)}60%{opacity:.58;transform:scale(.9)rotate(45deg)}}@keyframes home-pop-in{0%{opacity:0;transform:translateY(34px)scale(.94)rotateX(8deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes home-slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.section-wrap,.content-layout,.about-panel,.article-detail,.project-detail,.page-hero{width:min(1120px,88vw);margin:0 auto}.section-wrap,.content-layout,.article-list,.article-card,.article-card-body,.project-grid,.project-card,.project-body,.about-panel,.article-detail,.article-reader-layout,.article-reader-main,.project-detail,.project-detail-hero,.project-detail-grid,.project-detail-main,.project-detail-main section,.project-side-panel,.page-hero,.filter-panel{min-width:0}.section-wrap{padding:72px 0}[data-reveal]{opacity:0;transition:opacity .72s,transform .72s;transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-grid>*,:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-tags>*{animation:.82s cubic-bezier(.2,.8,.2,1) both home-pop-in}:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-list>*{animation:.76s cubic-bezier(.2,.8,.2,1) both home-slide-in}:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-grid>:nth-child(2),:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-list>:nth-child(2),:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-tags>:nth-child(2n){animation-delay:80ms}:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-grid>:nth-child(3),:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-list>:nth-child(3),:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-tags>:nth-child(3n){animation-delay:.16s}:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-grid>:nth-child(4),:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-list>:nth-child(4),:root:not([data-motion=off]) .reveal-section.is-visible .home-motion-tags>:nth-child(4n){animation-delay:.24s}:root[data-motion=off] [data-reveal]{opacity:1;transition:none;transform:none}:root[data-motion=off] .hero-scanline,:root[data-motion=off] .ambient-particles{display:none}:root[data-motion=rich] .hero-section:after{animation:10s ease-in-out infinite alternate hero-aurora}:root[data-motion=rich] .ambient-particles span{box-shadow:0 0 18px color-mix(in srgb, var(--highlight) 48%, transparent);animation-duration:8s}:root[data-motion=rich] .article-card,:root[data-motion=rich] .project-card,:root[data-motion=rich] .lab-card,:root[data-motion=rich] .timeline-item>div{transition-duration:.32s}:root[data-theme=CLASSIC] .article-card,:root[data-theme=CLASSIC] .project-card,:root[data-theme=CLASSIC] .lab-card,:root[data-theme=CLASSIC] .timeline-item>div,:root[data-theme=CLASSIC] .admin-panel{border-radius:4px}:root[data-theme=ORANGE] .article-card,:root[data-theme=ORANGE] .project-card,:root[data-theme=ORANGE] .lab-card{border-radius:14px}:root[data-theme=ORANGE][data-motion=rich] .article-card:hover,:root[data-theme=ORANGE][data-motion=rich] .project-card:hover,:root[data-theme=ORANGE][data-motion=rich] .lab-card:hover{transform:translateY(-12px)scale(1.025)rotate(-.4deg)}:root[data-theme=PAPER] .article-card,:root[data-theme=PAPER] .project-card,:root[data-theme=PAPER] .lab-card,:root[data-theme=PAPER] .article-detail,:root[data-theme=PAPER] .project-detail,:root[data-theme=PAPER] .about-panel{border-radius:2px;box-shadow:0 10px 30px #533f2414}:root[data-theme=PAPER] .hero-section{min-height:560px}@keyframes hero-aurora{0%{opacity:.66;transform:translate(-1.5%)scale(1)}to{opacity:.92;transform:translate(1.5%,-1%)scale(1.04)}}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}h2{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.section-heading a,.back-link,.project-actions a{color:var(--accent);font-weight:800}.article-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.article-card,.project-card,.filter-panel,.login-panel,.about-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:8px}.spotlight-card{--spotlight-x:50%;--spotlight-y:50%;transform-style:preserve-3d;position:relative;overflow:hidden}.spotlight-card:before{z-index:0;background:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), color-mix(in srgb, var(--accent) 24%, transparent), transparent 34%);content:"";opacity:0;transition:opacity .22s;position:absolute;inset:0}.spotlight-card:after{z-index:0;border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;position:absolute;inset:-1px;transform:scale(.98)}.spotlight-card:hover:before{opacity:1}.spotlight-card:hover:after{opacity:1;transform:scale(1)}.spotlight-card>*{z-index:1;position:relative}.article-card{flex-direction:column;min-height:220px;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;overflow:hidden}.article-card-cover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--highlight) 22%, transparent)), #1d1d1f0a;color:#fff;background-position:50%;background-size:cover;place-items:center;min-height:118px;transition:transform .28s,filter .28s;display:grid}.article-card-cover span{background:color-mix(in srgb, var(--accent) 42%, transparent);border-radius:999px;width:42px;height:4px;display:block}.article-card-body{flex-direction:column;padding:22px;display:flex}.article-card:hover,.project-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:var(--card-shadow-strong);transform:translateY(-9px)scale(1.015)}:root:not([data-motion=off]) .article-card:hover .article-card-cover,:root:not([data-motion=off]) .project-card:hover .project-cover{filter:saturate(1.08)contrast(1.04);transform:scale(1.04)}:root:not([data-motion=off]) .hero-actions a:hover{transform:translateY(-3px);box-shadow:0 18px 42px #00000038}:root:not([data-motion=off]) .hero-actions a{transition:transform .2s,box-shadow .2s,background .2s}.meta-line{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin:0 0 16px;font-size:.88rem;display:flex}.article-card h3,.project-card h3{overflow-wrap:anywhere;margin:0;font-size:1.28rem;line-height:1.35}.summary,.section-copy,.article-summary{color:var(--text-muted);overflow-wrap:anywhere;line-height:1.75}.tag-row{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.tag-row span{background:var(--accent-soft);color:var(--accent-strong);overflow-wrap:anywhere;border-radius:8px;padding:6px 9px;font-size:.82rem;font-weight:700}.tag-row.large span{font-size:.95rem}.split-section{grid-template-columns:.7fr 1.3fr;gap:36px;display:grid}.roadmap-section{padding-top:96px}.timeline-list{gap:22px;max-width:880px;margin:0 auto;display:grid;position:relative}.timeline-list:before{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 30%, transparent), transparent);content:"";width:1px;position:absolute;top:12px;bottom:12px;left:43px}.timeline-item{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:24px;display:grid;position:relative}.timeline-item>span{z-index:1;border:1px solid var(--border);background:var(--page-bg);width:86px;height:86px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.35rem;font-weight:900;transition:transform .22s,background .22s,color .22s;display:grid;position:relative}.timeline-item>div{border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:8px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s}:root:not([data-motion=off]) .timeline-item:hover>span{background:var(--accent);color:#fff;transform:scale(1.08)}:root:not([data-motion=off]) .timeline-item:hover>div{border-color:color-mix(in srgb, var(--accent) 34%, transparent);box-shadow:var(--card-shadow-strong);transform:translate(8px)}.timeline-item h3{margin:0 0 12px;font-size:1.35rem}.timeline-item p{color:var(--text-muted);margin:0;line-height:1.75}.roadmap-grid,.lab-grid,.fun-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.roadmap-card,.lab-card,.fun-card{border:1px solid var(--border);background:var(--surface);min-height:260px;box-shadow:var(--card-shadow);border-radius:8px;padding:24px}.roadmap-card span,.fun-card span{color:var(--accent);margin-bottom:34px;font-size:2.4rem;font-weight:900;display:inline-flex}.roadmap-card h3,.lab-card h3,.fun-card h2{margin:0 0 14px;font-size:1.35rem}.roadmap-card p,.lab-card p,.fun-card p{color:var(--text-muted);margin:0;line-height:1.75}.tech-band{background:var(--hero-bg);color:#fff;margin:64px 0;padding:86px 0}.tech-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:44px;width:min(1120px,88vw);margin:0 auto;display:grid}.tech-inner .section-copy{color:#ffffffad}.tech-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tech-matrix span{color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;min-height:58px;font-weight:800;transition:transform .22s,background .22s,border-color .22s;display:flex}:root:not([data-motion=off]) .tech-matrix span:hover{border-color:color-mix(in srgb, var(--highlight) 50%, transparent);background:color-mix(in srgb, var(--accent) 26%, #ffffff14);transform:translateY(-6px)scale(1.04)}.lab-section{grid-template-columns:.75fr 1.25fr;gap:36px;padding-bottom:110px;display:grid}.lab-card{background:var(--surface-solid);min-height:210px;transition:transform .24s,border-color .24s,box-shadow .24s}:root:not([data-motion=off]) .lab-card:hover{border-color:color-mix(in srgb, var(--accent) 38%, transparent);box-shadow:var(--card-shadow-strong);transform:translateY(-8px)}.orange-home-hero{background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--highlight) 34%, transparent), transparent 24%), radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 28%), var(--hero-bg);min-height:680px;color:var(--hero-text);background-position:50%;background-size:cover;grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);align-items:center;gap:38px;padding:86px 7vw;display:grid;position:relative;overflow:hidden}.orange-home-hero:after{background:linear-gradient(115deg, #ffffff14, transparent 28% 70%, #ffffff1a), var(--hero-overlay);content:"";pointer-events:none;position:absolute;inset:0}.orange-hero-copy,.orange-hero-board,.orange-strip,.orange-feature-grid,.orange-project-stage,.orange-roadmap,.paper-cover,.paper-layout{z-index:2;position:relative}.orange-hero-copy h1{max-width:780px;margin:0;font-size:clamp(4.4rem,12vw,10rem);line-height:.9}.orange-hero-copy p:not(.eyebrow){color:#ffffffc2;max-width:620px;font-size:1.15rem;line-height:1.8}.orange-hero-board{gap:14px;display:grid}.orange-mini-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;padding:22px;box-shadow:0 30px 90px #00000038}.orange-mini-card:nth-child(2){transform:translate(34px)}.orange-mini-card span{background:var(--highlight);min-width:46px;height:46px;color:var(--hero-bg);border-radius:12px;place-items:center;font-weight:900;display:inline-grid}.orange-mini-card h3{margin:18px 0 8px}.orange-mini-card p{color:#ffffffb8;margin:0;line-height:1.7}.orange-orbit{z-index:1;pointer-events:none;position:absolute;inset:0}.orange-orbit span{border:1px solid color-mix(in srgb, var(--highlight) 50%, transparent);border-radius:999px;width:110px;height:110px;animation:10s ease-in-out infinite orange-float;position:absolute}.orange-orbit span:first-child{top:12%;left:10%}.orange-orbit span:nth-child(2){animation-delay:-2s;top:18%;right:18%}.orange-orbit span:nth-child(3){animation-delay:-4s;bottom:14%;left:42%}.orange-orbit span:nth-child(4){animation-delay:-6s;bottom:16%;right:8%}.orange-orbit span:nth-child(5){animation-delay:-8s;top:56%;left:24%}.orange-orbit span:nth-child(6){animation-delay:-5s;top:46%;right:38%}@keyframes orange-float{0%,to{opacity:.18;transform:translate(0,0)scale(.85)}50%{opacity:.36;transform:translate(18px,-22px)scale(1.08)}}.orange-strip{gap:12px;width:min(1120px,88vw);margin:34px auto 0;display:flex;overflow:hidden}.orange-strip span{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;flex:none;padding:12px 16px;font-weight:900}.orange-feature-grid,.orange-project-stage,.orange-roadmap{width:min(1120px,88vw);margin:0 auto}.orange-feature-grid{grid-template-columns:.58fr 1fr;gap:34px;padding:86px 0;display:grid}.orange-article-stack{gap:18px;display:grid}.orange-project-stage{padding:34px 0 86px}.orange-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.orange-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:110px;display:grid}.orange-roadmap article{border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:18px;padding:24px}.orange-roadmap span{color:var(--accent);font-size:2.4rem;font-weight:900}.paper-home{width:min(1180px,90vw);margin:0 auto;padding:72px 0 110px}.paper-cover{border:1px solid var(--border);background:linear-gradient(90deg, var(--surface-solid), color-mix(in srgb, var(--surface-solid) 82%, transparent)), var(--hero-bg);min-height:430px;box-shadow:var(--card-shadow);background-position:50%;background-size:cover;border-radius:2px;padding:56px;position:relative;overflow:hidden}.paper-cover:after{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);content:"";pointer-events:none;position:absolute;inset:18px}.paper-cover h1{z-index:2;max-width:780px;margin:0;font-size:clamp(3.8rem,9vw,8rem);line-height:.95;position:relative}.paper-cover p{z-index:2;max-width:620px;color:var(--text-muted);line-height:1.85;position:relative}.paper-cover-links{z-index:2;gap:12px;margin-top:28px;display:flex;position:relative}.paper-cover-links a{border:1px solid var(--border);background:var(--surface);color:var(--accent-strong);border-radius:999px;padding:10px 14px;font-weight:900}.paper-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:34px;margin-top:42px;display:grid}.paper-sidebar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);padding:22px;position:sticky;top:98px}.paper-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.paper-tags span{border-bottom:2px solid var(--highlight);color:var(--text-main);font-weight:800}.paper-sidebar ol{gap:18px;margin:0;padding-left:18px;display:grid}.paper-sidebar li span{color:var(--text-muted);margin-top:6px;line-height:1.6;display:block}.paper-feed{gap:18px;display:grid}.paper-heading{margin-bottom:8px}.paper-article{border-top:1px solid var(--border);padding:28px 0}.paper-article span{color:var(--accent);font-weight:900}.paper-article h3{margin:8px 0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.1}.paper-article p{max-width:720px;color:var(--text-muted);line-height:1.8}.paper-projects{gap:18px;margin-top:42px;display:grid}.fun-hero{align-content:center;width:min(1120px,88vw);min-height:440px;margin:0 auto;padding:80px 0 40px;display:grid}.fun-hero h1{color:var(--text-main);margin:0;font-size:clamp(3.2rem,8vw,6.4rem);line-height:1}.fun-hero p:last-child{color:#58595f;max-width:720px;font-size:1.08rem;line-height:1.8}.fun-grid{padding-bottom:96px}.project-card{transition:transform .24s,border-color .24s,box-shadow .24s;overflow:hidden}.project-cover{color:#fff;background-color:#1d1d1f;background-image:linear-gradient(135deg,#2f80edbf,#f2b84bb8),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;height:160px;font-size:4rem;font-weight:900;transition:transform .28s,filter .28s;display:grid}.project-body{padding:20px}.project-actions{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.project-detail{padding:80px 0 96px}.project-detail-hero{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:40px;margin-bottom:44px;display:grid}.project-detail-hero h1{letter-spacing:0;overflow-wrap:anywhere;max-width:880px;margin:18px 0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.04}.project-detail-cover{color:#fff;background-color:#1d1d1f;background-image:linear-gradient(135deg,#2f80edbf,#f2b84bb8),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;place-items:center;min-height:280px;font-size:6rem;font-weight:900;display:grid;box-shadow:0 30px 90px #1d1d1f2e}.project-detail-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;display:grid}.project-side-panel{background:#ffffffc2;border:1px solid #1d1d1f1a;border-radius:8px;padding:20px;position:sticky;top:96px;box-shadow:0 24px 70px #1d1d1f14}.project-detail-main{gap:28px;display:grid}.project-detail-main section{background:#ffffffc2;border:1px solid #1d1d1f1a;border-radius:8px;padding:24px}.project-detail-main h2{overflow-wrap:anywhere;margin:0 0 14px;font-size:1.55rem}.project-markdown{border-top:0;margin-top:0;padding-top:0}.detail-actions{margin-top:24px}.page-hero{padding:80px 0 42px}.compact-hero h1{color:#1d1d1f}.compact-hero p:last-child{color:#58595f;max-width:720px;line-height:1.75}.content-layout{grid-template-columns:280px minmax(0,1fr);gap:24px;padding-bottom:72px;display:grid}.filter-panel{align-self:start;padding:20px}.filter-panel h2{margin-bottom:18px;font-size:1.3rem}label{color:#3b3b3f;gap:8px;margin-bottom:16px;font-weight:800;display:grid}input,select,textarea{color:#1d1d1f;background:#fff;border:1px solid #1d1d1f24;border-radius:8px;min-height:42px;padding:0 12px}textarea{resize:vertical;padding-top:10px}.tag-cloud{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag-cloud button{color:#1d1d1f;cursor:pointer;background:#ffffffc7;border:1px solid #1d1d1f1a;border-radius:8px;padding:6px 9px;font-size:.82rem;font-weight:900}.tag-cloud button.active{border-color:color-mix(in srgb, var(--tag-color) 70%, #1d1d1f);background:color-mix(in srgb, var(--tag-color) 18%, #fff);color:color-mix(in srgb, var(--tag-color) 68%, #1d1d1f)}.article-list{gap:16px;display:grid}.front-pagination{color:#6f7077;justify-content:center;align-items:center;gap:14px;margin-top:14px;font-weight:800;display:flex}.front-pagination button{color:#1d1d1f;cursor:pointer;background:#ffffffd1;border:1px solid #1d1d1f1f;border-radius:8px;min-height:38px;padding:0 14px}.front-pagination button:disabled{cursor:not-allowed;opacity:.45}.article-detail{padding:80px 0}.article-detail h1{letter-spacing:0;overflow-wrap:anywhere;max-width:880px;margin:18px 0;font-size:clamp(2.4rem,6vw,5rem);line-height:1.05}.article-detail-cover{background-position:50%;background-size:cover;border-radius:8px;min-height:360px;margin:34px 0 10px;box-shadow:0 28px 80px #1d1d1f29}.article-reader-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:34px;display:grid}.article-toc{border-left:1px solid var(--border);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 42%, transparent) transparent;flex-direction:column;height:calc(100vh - 120px);padding:8px 6px 8px 14px;display:flex;position:sticky;top:96px;overflow:hidden}.article-toc-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 42%, transparent) transparent;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.article-toc-list::-webkit-scrollbar{width:6px}.article-toc-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 42%, transparent);border-radius:999px}.article-toc a{min-height:30px;color:var(--text-muted);border-radius:8px;align-items:center;margin:4px 0;padding:4px 8px 4px 16px;font-size:.9rem;font-weight:800;line-height:1.45;display:flex;position:relative}.article-toc a:before{content:"";background:color-mix(in srgb, var(--text-muted) 46%, transparent);border-radius:50%;width:5px;height:5px;position:absolute;left:4px}.article-toc a:hover{color:var(--accent)}.article-toc a.active{background:var(--accent-soft);color:var(--accent-strong)}.article-toc a.active:before{background:var(--accent)}.article-toc .toc-level-2{color:var(--text-main);font-size:.95rem;font-weight:950}.article-toc .toc-level-2:before{background:color-mix(in srgb, var(--accent) 46%, transparent);border-radius:999px;width:3px;height:18px}.article-toc .toc-level-3{margin-left:16px;font-size:.88rem}.article-toc .toc-level-4{color:color-mix(in srgb, var(--text-muted) 78%, transparent);margin-left:32px;font-size:.82rem}.toc-drawer-button,.toc-drawer-mask,.toc-mobile-heading{display:none}@media (width>=901px){.article-toc{z-index:15;width:250px;height:auto;position:fixed;top:96px;bottom:24px;right:max(6vw,50vw - 560px)}}.markdown-body{border-top:1px solid var(--border);max-width:100%;color:var(--text-main);overflow-wrap:anywhere;word-break:break-word;margin-top:34px;padding-top:28px;font-size:1.05rem;line-height:1.9}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-main);letter-spacing:0;overflow-wrap:anywhere;margin:34px 0 14px;scroll-margin-top:92px;line-height:1.22}.markdown-body p,.markdown-body li,.markdown-body blockquote{overflow-wrap:anywhere;word-break:break-word}.markdown-body h1{font-size:2.1rem}.markdown-body h2{font-size:1.65rem}.markdown-body h3{font-size:1.32rem}.markdown-body p{margin:16px 0}.markdown-body ul,.markdown-body ol{margin:16px 0;padding-left:1.4em}.markdown-body li{margin:7px 0}.markdown-body blockquote{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--text-main);margin:22px 0;padding:10px 16px}.markdown-body pre{overscroll-behavior-x:contain;color:#f5f2eb;background:#111214;border-radius:8px;max-width:100%;margin:22px 0;padding:42px 18px 18px;line-height:1.7;position:relative;overflow-x:auto}.markdown-body pre:before{content:attr(data-language);color:color-mix(in srgb, var(--text-muted) 72%, transparent);letter-spacing:.08em;font-size:.72rem;font-weight:900;position:absolute;top:12px;right:16px}.markdown-body code{background:var(--accent-soft);color:var(--text-main);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-family:Consolas,Courier New,monospace;font-size:.94em}.markdown-body pre code{color:inherit;overflow-wrap:normal;white-space:pre;word-break:normal;background:0 0;padding:0}.markdown-body img,.markdown-body video,.markdown-body iframe{max-width:100%;height:auto;display:block}.markdown-body img{object-fit:contain;border-radius:8px;max-height:680px;margin:22px auto;box-shadow:0 18px 54px #1d1d1f24}.markdown-body table{border-collapse:collapse;max-width:100%;margin:22px 0;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);white-space:nowrap;padding:10px 12px}.syntax-token.keyword{color:#ffcb6b}.syntax-token.string{color:#c3e88d}.syntax-token.comment{color:#697386;font-style:italic}.syntax-token.number{color:#f78c6c}.syntax-token.property{color:#82aaff}.markdown-body a{color:var(--accent);font-weight:800;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.about-panel{grid-template-columns:1fr 1fr;gap:36px;margin-bottom:72px;padding:28px;display:grid}.about-panel p{color:var(--text-muted);line-height:1.8}.about-avatar,.profile-avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 68%, transparent), color-mix(in srgb, var(--highlight) 64%, transparent)), var(--brand-bg);color:#fff;background-position:50%;background-size:cover;place-items:center;font-weight:900;display:grid}.about-avatar{border-radius:8px;width:96px;height:96px;margin-bottom:18px}.about-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.about-links a{color:var(--accent);font-weight:900}.login-page{place-items:center;min-height:calc(100vh - 72px);padding:48px 6vw;display:grid}.login-panel{width:min(420px,100%);padding:28px}.login-panel h1{margin:0 0 26px;font-size:2.4rem}.login-panel .primary-button{width:100%}.form-message{color:#58595f;min-height:24px}.empty-state{color:#6f7077;border:1px dashed #1d1d1f38;border-radius:8px;padding:22px}.page-empty{margin-top:80px}.admin-shell{background:linear-gradient(to right, var(--hero-bg) 0, var(--hero-bg) 260px, var(--page-bg) 260px, var(--page-bg) 100%);grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.admin-sidebar{border-right:1px solid var(--border);height:calc(100vh - 72px);color:var(--hero-text);background:0 0;padding:24px;position:sticky;top:72px}.admin-brand{align-items:center;gap:10px;margin-bottom:34px;display:flex}.admin-brand span{background:var(--highlight);width:36px;height:36px;color:var(--hero-bg);border-radius:8px;place-items:center;font-weight:900;display:grid}.admin-menu{gap:10px;display:grid}.admin-menu a,.admin-menu-disabled{color:#ffffffbd;border-radius:8px;padding:12px 14px}.admin-menu a.router-link-active,.admin-menu a:hover{background:color-mix(in srgb, var(--accent) 28%, #ffffff14);color:#fff}.admin-menu-disabled{opacity:.38}.admin-main{min-width:0;padding:34px 4vw 64px}.admin-topbar,.admin-panel-heading,.admin-toolbar,.admin-pagination,.dialog-actions,.table-actions{align-items:center;display:flex}.admin-topbar{justify-content:space-between;gap:20px;margin-bottom:24px}.admin-topbar h1,.admin-panel-heading h2{letter-spacing:0;margin:0}.admin-topbar h1{font-size:2rem}.admin-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:8px;padding:24px}.admin-panel-heading{justify-content:space-between;gap:18px;margin-bottom:20px}.profile-editor-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.profile-form{min-width:0}.profile-preview{border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:8px;padding:20px;position:sticky;top:96px}.profile-preview h3{margin:10px 0;font-size:1.45rem}.profile-preview p{color:var(--text-muted);line-height:1.7}.profile-avatar{border-radius:8px;width:96px;height:96px;margin-bottom:18px;font-size:2rem}.profile-hero-editor{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}.profile-hero-preview{aspect-ratio:2.35;width:100%;min-height:150px;font-size:1.35rem;overflow:hidden}.profile-hero-preview video{object-fit:cover;width:100%;height:100%}.switch-row{align-items:center;gap:10px;width:fit-content;min-height:40px;display:inline-flex}.dashboard-panel{gap:22px;display:grid}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-stat{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:18px;transition:transform .2s,border-color .2s;display:grid}.dashboard-stat:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);transform:translateY(-2px)}.dashboard-stat span,.dashboard-stat small{color:var(--text-muted);font-weight:800}.dashboard-stat strong{color:var(--text-main);font-size:2.4rem;line-height:1}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:20px}.dashboard-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dashboard-card-heading h3{margin:0;font-size:1.4rem}.dashboard-card-heading a{color:var(--accent);font-weight:900}.dashboard-list{gap:10px;display:grid}.dashboard-list-item{background:color-mix(in srgb, var(--surface-solid) 76%, var(--page-bg));border:1px solid #1d1d1f14;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.dashboard-list-item strong{margin-bottom:6px;display:block}.dashboard-list-item p{-webkit-line-clamp:2;color:var(--text-muted);-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.admin-toolbar{gap:12px;margin-bottom:18px}.admin-toolbar input{width:min(320px,100%)}.ghost-button{border:1px solid var(--border);background:var(--surface-solid);min-height:40px;color:var(--text-main);cursor:pointer;border-radius:8px;padding:0 14px;font-weight:800}.ghost-button:disabled{cursor:not-allowed;opacity:.42}.inline-filter-button{width:100%;margin-top:10px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:760px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #1d1d1f14;padding:14px 12px}.admin-table th{color:var(--text-muted);font-size:.88rem;font-weight:900}.table-actions{gap:8px}.table-actions button{background:var(--accent-soft);color:var(--accent-strong);cursor:pointer;border:0;border-radius:8px;padding:7px 10px;font-weight:800}.table-actions .danger-action{color:#b42323;background:#eb57571f}.admin-pagination{color:var(--text-muted);justify-content:flex-end;gap:12px;margin-top:18px}.modal-mask{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1112148a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-dialog{background:#fff;border-radius:8px;width:min(520px,100%);padding:24px;box-shadow:0 24px 80px #00000047}.admin-dialog h3{margin:0 0 22px;font-size:1.5rem}.cropper-mask{z-index:70}.cropper-dialog{width:min(960px,100%);max-height:min(90vh,900px);overflow-y:auto}.cropper-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.cropper-heading h3{margin-bottom:0}.cropper-stage{background-color:#111214;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:320px;padding:18px;display:grid}.cropper-image-wrap{-webkit-user-select:none;user-select:none;max-width:100%;display:inline-block;position:relative}.cropper-image-wrap img{pointer-events:none;border-radius:6px;max-width:100%;max-height:54vh;display:block}.cropper-shade{pointer-events:none;background:#00000085;position:absolute}.crop-box{border:2px solid var(--highlight);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 1px #ffffffb8,0 10px 32px #00000047}.crop-line{pointer-events:none;background:#ffffff94;position:absolute}.crop-line-third-one,.crop-line-third-two{width:1px;top:0;bottom:0}.crop-line-third-one{left:33.33%}.crop-line-third-two{left:66.66%}.crop-line-third-three,.crop-line-third-four{height:1px;left:0;right:0}.crop-line-third-three{top:33.33%}.crop-line-third-four{top:66.66%}.crop-handle{background:var(--highlight);border:2px solid #111214;border-radius:50%;width:16px;height:16px;padding:0;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.crop-handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.crop-handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px}.color-chip{vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:8px;display:inline-block;box-shadow:inset 0 0 0 1px #1d1d1f1f}.color-picker-row{align-items:center;gap:12px;min-height:42px;display:flex}.color-picker{cursor:pointer;background:#fff;border:1px solid #1d1d1f24;border-radius:8px;width:58px;min-height:42px;padding:4px}.color-preview{border-radius:8px;width:32px;height:32px;display:inline-block;box-shadow:inset 0 0 0 1px #1d1d1f1f}.color-value{color:#58595f;font-family:Consolas,monospace;font-weight:800}.project-admin-table{min-width:980px}.article-admin-table{min-width:1080px}.admin-muted{color:#8a8b91;margin:6px 0 0;font-size:.82rem}.admin-cover-thumb,.admin-cover-preview{color:#fff;background-color:#1d1d1f;background-image:linear-gradient(135deg,#2f80edb8,#f2b84bb8),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;place-items:center;font-weight:900;display:grid}.admin-cover-thumb{width:76px;height:52px}.admin-cover-preview{width:180px;min-height:120px;font-size:3rem}.status-pill{background:var(--accent-soft);min-height:28px;color:var(--accent-strong);border-radius:999px;align-items:center;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.status-pill.hidden{color:#6f7077;background:#6f707724}.status-pill.draft{color:#8c620e;background:#f2b84b2e}.status-pill.published{background:var(--accent-soft);color:var(--accent-strong)}.project-dialog{width:min(820px,100%);max-height:min(88vh,860px);overflow-y:auto}.article-dialog{width:min(920px,100%);max-height:min(88vh,900px);overflow-y:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cover-editor{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:18px;margin:10px 0 16px;display:grid}.cover-fields{gap:2px;display:grid}.tag-check-list{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.tag-check{border:1px solid var(--border);background:var(--surface);color:#33343a;border-radius:999px;align-items:center;gap:8px;min-height:36px;margin-bottom:0;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-flex}.tag-check input{accent-color:var(--accent)}.markdown-section{width:100%;margin-bottom:18px}.field-heading{color:#3b3b3f;margin-bottom:10px;font-weight:900}.markdown-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.markdown-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.markdown-shortcuts{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.markdown-shortcuts button{color:#3b3b3f;cursor:pointer;background:#ffffffd1;border:1px solid #1d1d1f1f;border-radius:8px;min-height:34px;padding:0 10px;font-size:.86rem;font-weight:900}.markdown-shortcuts button:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);color:var(--accent-strong)}.segmented-control{background:#1d1d1f0a;border:1px solid #1d1d1f1f;border-radius:8px;padding:4px;display:inline-flex}.compact-control{margin-bottom:0}.compact-markdown-toolbar{margin-bottom:10px}.segmented-control button{color:#6f7077;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 14px;font-weight:900}.segmented-control button.active{color:#fff;background:#1d1d1f}.md-upload-button{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #1d1d1f1f;border-radius:8px;align-items:center;min-height:42px;margin-bottom:0;padding:0 14px;font-size:.9rem;font-weight:900;display:inline-flex}.md-upload-button input{display:none}.markdown-editor{box-sizing:border-box;width:100%;min-height:260px;font-family:Consolas,Courier New,monospace;line-height:1.7;display:block}.compact-editor{min-height:150px}.markdown-preview{box-sizing:border-box;background:#ffffffb8;border:1px solid #1d1d1f1f;border-radius:8px;width:100%;min-height:260px;max-height:460px;margin-top:0;padding:18px;overflow:auto}.compact-preview{min-height:150px}@media (width<=900px){.section-heading{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.article-card-cover{min-height:112px}.article-grid,.project-grid,.orange-home-hero,.orange-feature-grid,.orange-project-grid,.orange-roadmap,.paper-layout,.roadmap-grid,.lab-grid,.fun-grid,.split-section,.tech-inner,.lab-section,.content-layout,.about-panel,.project-detail-hero,.project-detail-grid,.article-reader-layout{grid-template-columns:1fr}.project-side-panel,.article-toc{position:static}.article-toc{border-top:1px solid #1d1d1f1a;border-left:0;padding:18px 0 0}.article-reader-layout{gap:22px}.article-toc{z-index:8;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 94%, transparent);scrollbar-width:thin;border-radius:12px;order:-1;max-height:none;padding:10px;display:flex;position:sticky;top:68px;overflow:auto hidden;box-shadow:0 16px 44px #1d1d1f1a}.article-toc .eyebrow{flex:none;align-self:center;margin:0 8px 0 0}.article-toc a{white-space:nowrap;flex:none;min-height:34px;margin:0 4px;padding:6px 12px}.article-toc a:before{display:none}.article-toc .toc-level-3,.article-toc .toc-level-4{margin-left:0}.tech-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{min-height:560px}.scene-panel{opacity:.55}.admin-shell{background:var(--page-bg);grid-template-columns:1fr}.admin-sidebar{background:var(--hero-bg);height:auto;position:static}.admin-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-topbar,.admin-panel-heading,.admin-toolbar,.admin-pagination{flex-direction:column;align-items:flex-start}.dashboard-stats,.dashboard-grid,.profile-editor-grid{grid-template-columns:1fr}.profile-preview{position:static}.form-grid,.cover-editor{grid-template-columns:1fr}.admin-cover-preview{width:100%}.orange-mini-card:nth-child(2){transform:none}.paper-sidebar{position:static}}@media (width<=760px){body.mobile-menu-lock{overflow:hidden}.site-header{min-height:68px;padding:12px 5vw}.site-header>.site-nav{display:none}.mobile-menu-button{z-index:58;background:var(--brand-bg);color:var(--highlight);display:grid;position:fixed;bottom:18px;right:16px;box-shadow:0 18px 46px #1d1d1f38}.mobile-back-top{z-index:58;background:color-mix(in srgb, var(--surface-solid) 88%, transparent);display:inline-flex;position:fixed;bottom:72px;right:16px;box-shadow:0 14px 38px #1d1d1f29}.mobile-menu-mask{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000047;display:block;position:fixed;inset:0}.mobile-menu{z-index:100;background:var(--surface-solid);isolation:isolate;width:min(92vw,360px);max-width:100vw;height:100dvh;padding:22px;display:block;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(0);box-shadow:-24px 0 70px #00000038}.mobile-menu-heading,.mobile-menu-links,.mobile-menu-appearance{z-index:1;position:relative}.mobile-menu .appearance-switch{width:100%}.mobile-menu .appearance-menu summary{justify-content:center;width:100%}.mobile-menu .appearance-popover{width:100%;box-shadow:none;margin-top:10px;position:static}.mobile-drawer-enter-from.mobile-menu,.mobile-drawer-leave-to.mobile-menu{transform:translate(100%)}.article-card,.project-card,.project-detail-main section,.project-side-panel,.filter-panel{max-width:100%}}@media (width<=560px){.site-header{padding:14px 5vw}.site-nav a{padding:8px 9px}.hero-content,.orange-feature-grid,.orange-project-stage,.orange-roadmap,.paper-home,.section-wrap,.tech-inner,.fun-hero,.content-layout,.about-panel,.article-detail,.page-hero,.project-detail{width:min(92vw,1120px)}.hero-content h1,.orange-hero-copy h1,.paper-cover h1,.page-hero h1,.article-detail h1,.project-detail-hero h1{overflow-wrap:anywhere;font-size:3.2rem}.article-detail,.project-detail{padding-top:52px}.article-detail-cover,.project-detail-cover{min-height:220px}.markdown-body{font-size:.98rem;line-height:1.8}.markdown-body pre{padding:36px 14px 16px;font-size:.86rem;line-height:1.65}.markdown-body pre code{overflow-wrap:normal;white-space:pre;word-break:normal}.mobile-menu{width:min(96vw,360px)}.orange-home-hero,.paper-cover{padding:52px 5vw}.easter-dot{top:22px;left:5vw}.tech-matrix{grid-template-columns:1fr}.timeline-list:before{left:24px}.timeline-item{grid-template-columns:48px minmax(0,1fr);gap:16px}.timeline-item>span{width:48px;height:48px;font-size:.9rem}}@media (width<=900px){.toc-drawer-button{z-index:45;border:1px solid var(--border);background:var(--brand-bg);min-height:42px;color:var(--highlight);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:900;display:inline-flex;position:fixed;bottom:18px;left:16px;box-shadow:0 18px 46px #1d1d1f38}.toc-drawer-mask{z-index:78;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000052;display:block;position:fixed;inset:0}.toc-mobile-heading{border-bottom:1px solid var(--border);color:var(--text-main);justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.toc-mobile-heading button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-main);cursor:pointer;border-radius:999px;place-items:center;font-size:1.4rem;display:grid}.article-toc{z-index:86;border:0;border-right:1px solid var(--border);background:var(--surface-solid);border-radius:0 18px 18px 0;width:min(86vw,330px);height:100dvh;max-height:none;padding:22px;transition:transform .22s;display:block;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-105%);box-shadow:24px 0 70px #1d1d1f38}.article-toc-list{padding-right:0;overflow-y:visible}.article-toc.open{transform:translate(0)}.article-toc .eyebrow{margin:0 0 12px}.article-toc a{white-space:normal;align-items:center;min-height:36px;margin:4px 0;padding:6px 10px 6px 18px;display:flex}.article-toc a:before{display:block}.article-toc .toc-level-3{margin-left:14px}.article-toc .toc-level-4{margin-left:28px}.markdown-body{overflow-x:hidden}}