@font-face{font-family:Zhe Display;src:local(Arial Narrow),local(Helvetica Neue Condensed Bold);font-display:swap;font-weight:700}:root{color-scheme:dark;--ink:#080b14;--surface:#0d1220;--surface-raised:#11182a;--paper:#f5f7fc;--muted:#9aa5bd;--muted-dark:#65708a;--line:#b2c3e724;--line-bright:#b2ccff57;--blue:#72a8ff;--violet:#9b83ff;--cyan:#6ce5ee;--radius:24px;--content:1180px;--ease:cubic-bezier(.22, 1, .36, 1);background:var(--ink);color:var(--paper);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);min-width:320px;scroll-padding-top:96px}body{background:radial-gradient(circle at 78% 12%, #6858c61c, transparent 32rem), radial-gradient(circle at 12% 72%, #488ecf14, transparent 34rem), var(--ink);min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-2;content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 72%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}#starfield{z-index:-1;pointer-events:none;position:fixed;inset:0}.ambient{z-index:-1;filter:blur(120px);opacity:.07;pointer-events:none;border-radius:50%;width:34vw;height:34vw;position:fixed}.ambient-a{background:var(--violet);top:-18vw;right:-8vw}.ambient-b{background:var(--blue);bottom:-20vw;left:-8vw}.site-header{z-index:30;width:100%;min-height:76px;padding:0 max(24px, calc((100% - var(--content)) / 2));border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#080b14c7;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.wordmark{letter-spacing:.13em;align-items:center;gap:11px;width:max-content;min-height:44px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-flex}.wordmark small{color:var(--muted-dark);letter-spacing:.08em;font-size:8px}.wordmark-mark{border:1px solid var(--line-bright);border-radius:50%;width:19px;height:19px;position:relative}.wordmark-mark:after{border-top:1px solid var(--cyan);content:"";border-radius:50%;width:25px;height:5px;position:absolute;top:7px;left:-4px;transform:rotate(-19deg)}.site-header nav{align-items:center;gap:34px;display:flex}.site-header nav a{min-height:44px;color:var(--muted);align-items:center;font-size:12px;transition:color .2s;display:inline-flex}.site-header nav a:hover{color:var(--paper)}.system-state{color:var(--muted-dark);letter-spacing:.15em;justify-self:end;align-items:center;gap:9px;margin:0;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.system-state span{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:2.8s ease-in-out infinite status-pulse;box-shadow:0 0 11px #6ce5eecc}main{width:min(var(--content), calc(100% - 48px));margin:0 auto}.hero{grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:center;gap:clamp(36px,7vw,94px);min-height:calc(100svh - 76px);padding:clamp(72px,10vh,118px) 0;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--muted-dark);letter-spacing:.2em;margin:0;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow span{color:var(--cyan)}.hero h1{color:#d6dbea;letter-spacing:-.055em;max-width:760px;margin:27px 0 0;font-size:clamp(42px,4.7vw,68px);font-weight:560;line-height:1.08}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--paper);font-weight:720}.hero-lede{max-width:42em;color:var(--muted);margin:30px 0 0;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{border:1px solid var(--line-bright);min-height:50px;transition:transform .25s var(--ease), border-color .25s ease, background .25s ease;border-radius:12px;justify-content:center;align-items:center;gap:26px;padding:0 20px;font-size:12px;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:#6ce5ee1c;border-color:#6ce5ee6b}.button-primary:hover{border-color:var(--cyan);background:#6ce5ee29}.button-secondary{color:#d2d8e8;background:#ffffff06}.button-secondary:hover{border-color:#ffffff6b}.button span{color:var(--cyan)}.hero-meta{gap:clamp(28px,4vw,58px);margin:50px 0 0;display:flex}.hero-meta div{gap:8px;display:grid}.hero-meta dt{color:var(--muted-dark);letter-spacing:.18em;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-meta dd{color:#bbc3d6;margin:0;font-size:11px}.orbit-visual{aspect-ratio:1;width:min(100%,520px);animation:visual-arrive 1s var(--ease) both;justify-self:end;position:relative}.orbit-visual:before,.orbit-visual:after{content:"";pointer-events:none;position:absolute}.orbit-visual:before{border:1px solid #a6c1ff14;border-radius:50%;inset:7%}.orbit-visual:after{background:linear-gradient(90deg,#0000,#b2ccff1a,#0000);height:1px;top:50%;left:4%;right:4%}.orbit-glow{filter:blur(55px);background:#7862e021;border-radius:50%;position:absolute;inset:22%}.orbit-ring{transform:translate(-50%, -50%) rotate(var(--start));animation:orbit-turn var(--duration) linear infinite;border:1px solid #b2ccff2e;border-radius:50%;position:absolute;top:50%;left:50%}.ring-outer{--start:-22deg;--duration:56s;width:90%;height:72%}.ring-middle{--start:31deg;--duration:42s;border-style:dashed;width:67%;height:53%}.ring-inner{--start:148deg;--duration:31s;width:44%;height:35%}.planet{width:var(--planet-size);height:var(--planet-size);background:radial-gradient(circle at 31% 27%, #fff 0 5%, var(--planet-color) 23%, var(--planet-dark) 68%, #080b14 100%);box-shadow:0 0 20px var(--planet-glow);border:1px solid #ffffff7a;border-radius:50%;display:block;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.planet-cyan{--planet-size:28px;--planet-color:#6ce5ee;--planet-dark:#155666;--planet-glow:#6ce5ee6b}.planet-violet{--planet-size:22px;--planet-color:#a28cff;--planet-dark:#392d70;--planet-glow:#9b83ff66}.planet-blue{--planet-size:17px;--planet-color:#72a8ff;--planet-dark:#1c426c;--planet-glow:#72a8ff66}.visual-core{z-index:2;aspect-ratio:1;text-align:center;background:radial-gradient(circle at 34% 28%,#ffffffeb 0 1%,#0000 4%),radial-gradient(circle at 45% 42%,#edf4ff 0 4%,#a8a0f4 22%,#4b468f 50%,#171a43 73%,#0a0c21 100%);border:1px solid #dae4ff61;border-radius:50%;place-items:center;width:33%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px #9082ff52,0 0 88px #669ae424,inset -18px -20px 28px #040617a6}.visual-core span{letter-spacing:-.04em;text-shadow:0 2px 12px #0009;font:700 clamp(18px,2.4vw,33px)/1 Zhe Display,Impact,sans-serif}.visual-core small{color:var(--muted-dark);letter-spacing:.18em;font:7px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:-42px}.visual-label{color:var(--muted-dark);letter-spacing:.18em;font:7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.visual-label-top{top:11%;left:1%}.visual-label-bottom{bottom:13%;right:2%}.section{border-top:1px solid var(--line);padding:clamp(82px,11vw,148px) 0}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px;display:flex}.section-heading h2,.about-copy h2{letter-spacing:-.045em;margin:15px 0 0;font-size:clamp(34px,4vw,54px);line-height:1.08}.section-heading>p{max-width:34em;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.portal-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.portal-card{border:1px solid var(--line);border-radius:var(--radius);min-height:250px;transition:transform .35s var(--ease), border-color .3s ease, background .3s ease;background:linear-gradient(145deg,#ffffff09,#ffffff03);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;padding:28px;display:grid;position:relative;overflow:hidden}.portal-card:before{background:var(--card-glow);filter:blur(54px);opacity:.12;content:"";border-radius:50%;width:190px;height:190px;transition:opacity .3s;position:absolute;bottom:-80px;right:-60px}.portal-card:hover{border-color:var(--line-bright);background:#ffffff0a;transform:translateY(-5px)}.portal-card:hover:before{opacity:.25}.portal-blog{--card-glow:var(--cyan)}.portal-github{--card-glow:var(--violet)}.portal-about{--card-glow:var(--blue)}.portal-index{color:var(--muted-dark);letter-spacing:.14em;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.portal-icon{border:1px solid var(--line-bright);border-radius:50%;justify-self:end;place-items:center;width:42px;height:42px;display:grid}.portal-icon i{background:var(--card-glow);width:6px;height:6px;box-shadow:0 0 15px var(--card-glow);border-radius:50%}.portal-text{flex-direction:column;grid-column:1/3;align-self:end;display:flex}.portal-text small{color:var(--cyan);letter-spacing:.2em;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.portal-text strong{letter-spacing:-.02em;margin-top:11px;font-size:26px}.portal-text em{color:var(--muted);margin-top:7px;font-size:12px;font-style:normal}.portal-arrow{color:var(--cyan);place-self:end;font-size:17px}.section-link{color:#cad2e4;align-items:center;gap:18px;min-height:44px;font-size:12px;display:inline-flex}.section-link span{color:var(--cyan)}.article-grid{border-top:1px solid var(--line);display:grid}.article-card{border-bottom:1px solid var(--line);min-height:116px;transition:padding .3s var(--ease), background .25s ease;grid-template-columns:68px 150px 1fr 30px;align-items:center;display:grid}.article-card:hover{background:#ffffff06;padding:0 18px}.article-number,.article-card time,.feed-source{color:var(--muted-dark);letter-spacing:.14em;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.article-card h3{margin:0;font-size:clamp(17px,2vw,22px);font-weight:540;line-height:1.4}.article-arrow{color:var(--cyan);justify-self:end}.article-empty{min-height:150px;color:var(--muted);place-items:center;display:grid}.feed-source{margin:18px 0 0}.about-section{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(60px,10vw,150px);display:grid}.about-mark{aspect-ratio:1;border:1px solid var(--line-bright);border-radius:50%;justify-self:center;place-items:center;width:min(100%,320px);display:grid;position:relative}.about-mark:before,.about-mark:after{border:1px solid var(--line);content:"";border-radius:50%;position:absolute}.about-mark:before{width:118%;height:46%;transform:rotate(-18deg)}.about-mark:after{width:46%;height:118%;transform:rotate(31deg)}.about-mark span{letter-spacing:-.07em;font:700 clamp(50px,7vw,82px)/1 Zhe Display,Impact,sans-serif}.about-copy>p:not(.eyebrow){max-width:45em;color:var(--muted);margin:27px 0 0;font-size:15px;line-height:2}.about-links{gap:12px;margin-top:34px;display:flex}.about-links a{border:1px solid var(--line);color:#d4daea;border-radius:11px;justify-content:space-between;align-items:center;min-width:132px;min-height:48px;padding:0 16px;font-size:12px;transition:border-color .25s,background .25s;display:inline-flex}.about-links a:hover{border-color:var(--line-bright);background:#ffffff06}.about-links span{color:var(--cyan)}footer{width:min(var(--content), calc(100% - 48px));border-top:1px solid var(--line);min-height:110px;color:var(--muted-dark);letter-spacing:.14em;justify-content:space-between;align-items:center;margin:0 auto;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}footer a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.error-page{text-align:center;place-items:center;min-height:100svh;display:grid}.error-page main>p{color:var(--cyan);letter-spacing:.24em;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.error-page h1{letter-spacing:-.06em;margin:24px 0;font:700 clamp(80px,18vw,190px)/.72 Zhe Display,Impact,sans-serif}.error-page span{color:var(--muted);font-size:13px;display:block}.error-page a{min-height:48px;color:var(--cyan);align-items:center;margin-top:32px;font-size:12px;display:inline-flex}@keyframes status-pulse{50%{opacity:.35;box-shadow:0 0 3px var(--cyan)}}@keyframes orbit-turn{to{transform:translate(-50%, -50%) rotate(calc(var(--start) + 360deg))}}@keyframes visual-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:720px}.orbit-visual{justify-self:center;width:min(78vw,560px)}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:190px}}@media (width<=700px){html{scroll-padding-top:76px}main,footer{width:min(100% - 32px, var(--content))}.site-header{min-height:68px;padding-inline:16px}.wordmark small{display:none}.system-state{font-size:0}.system-state:after{content:"ONLINE";font-size:8px}.hero{gap:70px;padding:68px 0 88px}.hero h1{font-size:clamp(36px,10.4vw,48px)}.hero-lede{font-size:14px;line-height:1.8}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.button{gap:14px;padding:0 14px}.hero-meta{gap:20px;display:grid}.orbit-visual{width:min(94vw,480px)}.visual-label{display:none}.section{padding:88px 0}.section-heading{align-items:start;gap:22px;margin-bottom:34px;display:grid}.section-heading>p{max-width:none}.portal-card{min-height:176px;padding:23px}.article-card{grid-template-rows:auto 1fr;grid-template-columns:44px 1fr 22px;min-height:130px;padding:22px 0}.article-card:hover{padding:22px 10px}.article-card time{grid-column:2/4}.article-card h3{grid-column:2/3;align-self:end}.article-arrow{grid-column:3;align-self:end}.article-number{grid-row:1/3}.about-section{grid-template-columns:1fr;gap:72px}.about-mark{width:min(64vw,270px)}footer{grid-template-columns:1fr auto;min-height:150px;display:grid}footer span:nth-child(2){display:none}}@media (width<=430px){.hero-actions{grid-template-columns:1fr}.orbit-visual{width:100%}.planet-cyan{--planet-size:22px}.planet-violet{--planet-size:18px}.planet-blue{--planet-size:14px}.about-links{grid-template-columns:1fr 1fr;display:grid}.about-links a{min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}