:root{color-scheme:dark;--bg: #041019;--bg-deep: #02070d;--text: #f4fbff;--muted: rgba(235, 248, 255, .72);--soft: rgba(235, 248, 255, .48);--line: rgba(255, 255, 255, .18);--glass: rgba(9, 21, 33, .5);--glass-strong: rgba(12, 29, 45, .72);--accent-lime: #c7ff36;--accent-cyan: #5ce7ff;--shadow: 0 24px 80px rgba(0, 0, 0, .38);--radius-card: 8px;--radius-panel: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg-deep);color:var(--text)}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app{position:relative;min-height:100vh;overflow-x:hidden;isolation:isolate;background:radial-gradient(circle at 20% 14%,rgba(92,231,255,.16),transparent 24rem),radial-gradient(circle at 77% 18%,rgba(199,255,54,.12),transparent 20rem),linear-gradient(140deg,#041019,#0b2131 44%,#02070d)}.app:before{position:fixed;inset:0;z-index:-4;content:"";background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 78%,transparent 100%);opacity:.28}.app:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(to bottom,#02070d14,#02070db8),radial-gradient(circle at 50% 110%,rgba(92,231,255,.16),transparent 40rem)}.liquid-canvas{position:fixed;inset:0;z-index:-3;width:100vw;height:100vh;pointer-events:none}.atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 35% 34%,rgba(255,255,255,.14),transparent 25rem),radial-gradient(ellipse at 70% 38%,rgba(92,231,255,.12),transparent 28rem),linear-gradient(to bottom,#0410191f,#041019a3);filter:saturate(1.12)}.glass{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff24,#ffffff09),var(--glass);box-shadow:var(--shadow),inset 0 1px #fff3;-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35)}.site-header{position:fixed;top:18px;left:50%;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:min(1180px,calc(100% - 48px));min-height:58px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#08131e7a;box-shadow:0 18px 48px #00000052;transform:translate(-50%);-webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35)}.brand,.contact-button,.main-nav button,.primary-action,.text-action,.icon-button,.orb-action{display:inline-flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer}.brand{gap:9px;min-height:40px;padding:0 18px 0 10px;border-radius:999px;background:var(--accent-lime);color:#071007;font-size:15px;font-weight:900;line-height:1;box-shadow:0 0 28px #c7ff366b}.brand-mark{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#071007;color:var(--accent-lime)}.main-nav{display:flex;justify-content:center;gap:34px}.main-nav button{padding:9px 2px;background:transparent;color:#f4fbffbd;font-size:14px;font-weight:650;transition:color .18s ease,text-shadow .18s ease}.main-nav button:hover{color:#fff;text-shadow:0 0 18px rgba(92,231,255,.64)}.contact-button{gap:8px;min-height:40px;padding:0 18px;border-radius:999px;background:#ffffff1a;color:#f4fbffe6;font-size:14px;font-weight:700;transition:background .18s ease,transform .18s ease}.contact-button:hover{background:#ffffff2e;transform:translateY(-1px)}main{position:relative;z-index:1}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:100svh;padding:112px 48px 34px;grid-template-rows:1fr auto;align-items:end;justify-items:center}.hero-grid{display:grid;width:min(1180px,100%);margin:0 auto 34px;grid-template-columns:minmax(0,1.05fr) 390px;gap:46px;align-items:center}.hero-copy{max-width:760px}.hero-copy h1{margin:0;font-size:104px;font-weight:950;line-height:.9;letter-spacing:0;text-transform:uppercase}.hero-copy h1 span,.hero-copy h1 strong{display:block}.hero-copy h1 span{color:var(--accent-lime);text-shadow:0 0 36px rgba(199,255,54,.28)}.hero-copy h1 strong{color:#fffffff0;font-weight:820}.hero-copy p{max-width:620px;margin:24px 0 0;color:var(--muted);font-size:22px;font-weight:520;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:34px}.primary-action{gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:#c7ff36f0;color:#061006;font-size:15px;font-weight:850;box-shadow:0 16px 44px #c7ff3640;transition:transform .18s ease,box-shadow .18s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 20px 54px #c7ff3657}.orb-action{width:72px;height:72px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.56),transparent 35%),#ffffff1f;color:#fff;box-shadow:0 14px 54px #5ce7ff38;-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);transition:transform .18s ease,background .18s ease}.orb-action:hover{transform:translateY(-2px) scale(1.02);background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.72),transparent 35%),#5ce7ff2e}.article-preview{position:relative;overflow:hidden;min-height:362px;padding:28px;border-radius:var(--radius-panel)}.article-preview:before,.topic-card:before,.article-reader:before,.topic-node:before,.contact-card:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 36%),radial-gradient(circle at 74% 18%,color-mix(in srgb,var(--accent, #5ce7ff) 32%,transparent),transparent 15rem);opacity:.72}.preview-topline{position:relative;z-index:1;display:flex;justify-content:space-between;color:var(--soft);font-size:12px;font-weight:760}.article-preview h2{position:relative;z-index:1;margin:40px 0 0;max-width:12ch;font-size:35px;line-height:1.08;letter-spacing:0}.article-preview p{position:relative;z-index:1;margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.72}.article-preview ul{position:relative;z-index:1;display:grid;gap:8px;margin:20px 0 24px;padding:0;color:#f4fbffc2;font-size:13px;list-style:none}.article-preview li{display:flex;align-items:center;gap:8px}.article-preview li:before{width:6px;height:6px;border-radius:50%;background:var(--accent-lime);content:"";box-shadow:0 0 16px #c7ff3680}.text-action{position:relative;z-index:1;gap:9px;min-height:40px;padding:0 15px;border-radius:999px;background:#ffffff21;color:#fff;font-size:14px;font-weight:760;transition:background .18s ease,transform .18s ease}.text-action:hover{background:#c7ff3633;transform:translateY(-1px)}.topic-dock{position:relative;width:min(1260px,100%);margin:0 auto}.dock-controls{position:absolute;right:0;top:-54px;display:flex;gap:10px}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff1a;color:#ffffffc7;transition:color .18s ease,background .18s ease,transform .18s ease}.icon-button:hover{color:#fff;background:#ffffff2e;transform:translateY(-1px)}.topic-track{display:flex;gap:18px;width:100%;overflow-x:auto;padding:14px 4px 24px;cursor:grab;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x}.topic-track::-webkit-scrollbar{display:none}.topic-track.is-dragging{cursor:grabbing}.topic-card{position:relative;display:grid;flex:0 0 218px;height:246px;overflow:hidden;padding:14px;border-radius:var(--radius-card);color:#fff;text-align:left;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.topic-card.is-active{border-color:color-mix(in srgb,var(--accent) 68%,white 8%);box-shadow:0 24px 72px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px #ffffff38;transform:translateY(-14px)}.topic-card:hover{transform:translateY(-10px)}.topic-card.is-active:hover{transform:translateY(-16px)}.article-visual{position:relative;height:128px;overflow:hidden;border-radius:6px;background:#081827;box-shadow:inset 0 0 0 1px #ffffff1f}.article-visual span{position:absolute;display:block}.article-visual--ai{background:radial-gradient(circle at 70% 24%,rgba(199,255,54,.9),transparent 4rem),linear-gradient(135deg,#07131d,#123548 58%,#061017)}.article-visual--ai span:nth-child(1){inset:22px 34px auto auto;width:72px;height:72px;border:1px solid rgba(199,255,54,.62);border-radius:50%}.article-visual--ai span:nth-child(2){left:26px;top:46px;width:112px;height:2px;background:#5ce7ffc7;box-shadow:0 18px #5ce7ff47,0 -18px #5ce7ff33}.article-visual--frontend{background:linear-gradient(90deg,rgba(92,231,255,.2) 1px,transparent 1px),linear-gradient(rgba(92,231,255,.16) 1px,transparent 1px),linear-gradient(135deg,#092136,#122e22);background-size:22px 22px,22px 22px,auto}.article-visual--frontend span:nth-child(1){left:24px;top:26px;width:138px;height:76px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#ffffff14}.article-visual--frontend span:nth-child(2){left:44px;top:48px;width:86px;height:8px;background:var(--accent-cyan);box-shadow:0 20px #c7ff36b8,0 40px #ffffff57}.article-visual--system{background:linear-gradient(135deg,#041019,#0f3c3d 55%,#0a151b)}.article-visual--system span{width:44px;height:44px;border:1px solid rgba(140,255,185,.72);border-radius:8px;background:#8cffb91a}.article-visual--system span:nth-child(1){left:22px;top:22px}.article-visual--system span:nth-child(2){left:86px;top:42px}.article-visual--system span:nth-child(3){left:132px;top:78px}.article-visual--automation{background:radial-gradient(circle at 50% 50%,rgba(255,209,102,.5),transparent 4rem),linear-gradient(135deg,#2f1609,#0f2538)}.article-visual--automation span:nth-child(1){left:40px;top:26px;width:102px;height:72px;border:2px solid rgba(255,209,102,.74);transform:rotate(-12deg)}.article-visual--automation span:nth-child(2){left:74px;top:12px;width:54px;height:104px;border:1px solid rgba(255,255,255,.28);transform:rotate(24deg)}.article-visual--data{background:linear-gradient(135deg,#231029,#113447)}.article-visual--data span{bottom:18px;width:24px;border-radius:5px 5px 0 0;background:linear-gradient(to top,#ff7ab6f2,#5ce7ffcc)}.article-visual--data span:nth-child(1){left:28px;height:34px}.article-visual--data span:nth-child(2){left:66px;height:68px}.article-visual--data span:nth-child(3){left:104px;height:50px}.article-visual--data span:nth-child(4){left:142px;height:82px}.article-visual--perf{background:radial-gradient(circle at 40% 52%,rgba(157,140,255,.54),transparent 4rem),linear-gradient(135deg,#11132f,#0b2b2c)}.article-visual--perf span:nth-child(1){left:33px;top:30px;width:116px;height:64px;border-bottom:2px solid rgba(255,255,255,.42);border-left:2px solid rgba(255,255,255,.28)}.article-visual--perf span:nth-child(2){left:42px;top:66px;width:96px;height:2px;background:#9d8cff;transform:rotate(-18deg);box-shadow:0 0 18px #9d8cffcc}.article-visual--oss{background:linear-gradient(120deg,rgba(255,159,110,.22) 1px,transparent 1px),linear-gradient(135deg,#26120b,#12343a);background-size:24px 24px,auto}.article-visual--oss span:nth-child(1){left:30px;top:28px;width:120px;height:76px;border:1px solid rgba(255,159,110,.7);border-radius:6px}.article-visual--oss span:nth-child(2){left:48px;top:48px;width:84px;height:7px;background:#ffffffb8;box-shadow:0 18px #ff9f6ecc,0 36px #ffffff52}.topic-card__tag{position:relative;z-index:1;margin-top:13px;color:var(--accent);font-size:12px;font-weight:900}.topic-card strong{position:relative;z-index:1;margin-top:3px;font-size:17px;line-height:1.25}.topic-card__meta{position:relative;z-index:1;align-self:end;color:var(--soft);font-size:12px}.content-section{position:relative;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:96px 0 0}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:var(--accent-cyan)}.section-heading h2{margin:0;color:var(--text);font-size:32px;line-height:1.1}.topic-map__grid{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));gap:14px}.topic-node{position:relative;display:grid;min-height:178px;overflow:hidden;padding:18px;border-radius:var(--radius-card);color:#fff;text-align:left;animation:floatIn .68s ease both;animation-delay:var(--delay);transition:transform .18s ease,border-color .18s ease}.topic-node:hover{border-color:color-mix(in srgb,var(--accent) 62%,white 10%);transform:translateY(-5px)}.topic-node span,.topic-node strong,.topic-node small{position:relative;z-index:1}.topic-node span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.topic-node strong{align-self:center;font-size:20px}.topic-node small{align-self:end;color:var(--muted);font-size:13px;line-height:1.45}.article-list{display:grid;gap:12px}.article-row{display:grid;grid-template-columns:110px minmax(180px,260px) minmax(0,1fr) 80px;align-items:center;gap:18px;min-height:82px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);background:#ffffff0e;color:var(--text);text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.article-row:hover,.article-row.is-active{border-color:color-mix(in srgb,var(--accent) 64%,white 8%);background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.055));transform:translate(4px)}.article-row span{color:var(--accent);font-size:13px;font-weight:850}.article-row strong{font-size:18px}.article-row em{color:var(--muted);font-size:14px;font-style:normal;line-height:1.55}.article-row small{color:var(--soft);font-size:12px;text-align:right}.about-section{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start;padding-bottom:96px}.about-section p{max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.9}.contact-card{position:relative;display:grid;gap:12px;overflow:hidden;padding:22px;border-radius:var(--radius-panel)}.contact-card strong,.contact-card span,.contact-card a{position:relative;z-index:1}.contact-card strong{font-size:22px}.contact-card span{color:var(--muted);font-size:14px;line-height:1.6}.contact-card a{display:inline-flex;width:max-content;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;background:#c7ff3624;color:#fff;font-size:14px;font-weight:760}.scroll-rail{position:fixed;right:24px;top:50%;z-index:16;display:grid;gap:12px;padding:10px;border-radius:999px;transform:translateY(-50%)}.reader-sentinel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.reader-backdrop{position:fixed;inset:0;z-index:30;pointer-events:none;background:#0000;transition:background .22s ease}.reader-backdrop.is-open{pointer-events:auto;background:#00000057}.article-reader{position:fixed;top:24px;right:24px;bottom:24px;z-index:31;width:min(540px,calc(100% - 48px));overflow:auto;padding:34px;border-radius:var(--radius-panel);background:linear-gradient(145deg,#ffffff29,#ffffff0b),var(--glass-strong);opacity:0;transform:translate(calc(100% + 36px));transition:opacity .26s ease,transform .26s ease}.article-reader.is-open{opacity:1;transform:translate(0)}.reader-close{position:absolute;top:18px;right:18px;z-index:2}.reader-meta{position:relative;z-index:1;display:flex;gap:16px;align-items:center;color:var(--soft);font-size:13px;font-weight:760}.reader-meta span{display:inline-flex;align-items:center;gap:6px}.article-reader h2{position:relative;z-index:1;margin:28px 48px 0 0;font-size:42px;line-height:1.08;letter-spacing:0}.reader-lede{position:relative;z-index:1;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.reader-code{position:relative;z-index:1;display:grid;gap:8px;margin:24px 0 30px;padding:16px;border:1px solid rgba(92,231,255,.18);border-radius:8px;background:#02070d70;color:#c7ff36db;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}.reader-body{position:relative;z-index:1;display:grid;gap:26px}.reader-body section{padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.reader-body h3{margin:0 0 10px;color:var(--accent-lime);font-size:20px}.reader-body p{margin:0;color:#f4fbffc7;font-size:15px;line-height:1.9}@keyframes floatIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.liquid-canvas{display:none}}@media(max-width:1320px){.scroll-rail{display:none}}@media(max-width:1080px){.hero{padding-inline:28px}.hero-grid{grid-template-columns:1fr;gap:30px;align-items:end}.hero-copy h1{font-size:78px}.hero-copy p{font-size:19px}.article-preview{width:min(620px,100%);min-height:0}.topic-map__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-row{grid-template-columns:95px minmax(170px,240px) minmax(0,1fr)}.article-row small{display:none}}@media(max-width:760px){.site-header{top:12px;width:calc(100% - 24px);grid-template-columns:1fr auto;border-radius:24px}.brand{width:max-content}.main-nav{display:none}.contact-button{width:42px;padding:0}.contact-button svg{display:block}.contact-button{font-size:0}.hero{min-height:100svh;padding:102px 18px 28px}.hero-grid{margin-bottom:26px}.hero-copy h1{font-size:54px}.hero-copy p{font-size:16px}.hero-actions{gap:14px;margin-top:26px}.primary-action{min-height:44px;padding:0 18px}.orb-action{width:58px;height:58px}.article-preview{padding:22px}.article-preview h2{max-width:none;margin-top:24px;font-size:28px}.dock-controls{display:none}.topic-track{gap:12px;padding-bottom:18px}.topic-card{flex-basis:190px;height:224px}.article-visual{height:110px}.content-section{width:calc(100% - 36px);padding-top:72px}.section-heading h2{font-size:26px}.topic-map__grid{grid-template-columns:1fr}.topic-node{min-height:132px}.article-row{grid-template-columns:1fr;gap:8px}.article-row em{font-size:13px}.about-section{grid-template-columns:1fr}.scroll-rail{right:14px;padding:7px}.scroll-rail .icon-button{width:34px;height:34px}.article-reader{inset:auto 12px 12px;width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:28px 22px;transform:translateY(calc(100% + 24px))}.article-reader.is-open{transform:translateY(0)}.article-reader h2{margin-right:40px;font-size:31px}}@media(max-width:420px){.hero-copy h1{font-size:44px}.brand{padding-right:12px;font-size:13px}.topic-card{flex-basis:172px}}