:root{--bg-0:#0a0a0f;--bg-1:#0e0e1473;--bg-2:#14141c8c;--bg-3:#1c1c26a6;--line:#ffffff14;--line-strong:#ffffff29;--text-1:#e8eaed;--text-2:#a8aeb8;--text-3:#6b7280;--text-4:#4a525e;--amber:#c8a876;--amber-soft:#c8a8761f;--mint:#7fe3c8;--mint-soft:#7fe3c81f;--rose:#e89a8e;--sky:#8db5e0;--c-purple:#8a5cff;--c-pink:#ff6db5;--c-blue:#4a8eff;--c-cyan:#5cf0e8;--container:1700px;--gutter:64px;--t-hero:clamp(72px, 8vw, 128px);--t-h1:clamp(48px, 4.5vw, 72px);--t-h2:clamp(36px, 3.2vw, 52px);--t-h3:clamp(24px, 2vw, 32px);--t-body:16px;--t-small:14px;--t-micro:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;overflow-x:hidden}body{background:var(--bg-0);background-image:radial-gradient(50% 35% at 50% -5%,#8a5cff26 0%,#0000 60%),radial-gradient(40% 30% at 80% 10%,#ff6db51a 0%,#0000 50%);background-attachment:fixed;min-height:100vh}.serif{letter-spacing:-.01em;font-family:Noto Serif SC,Songti SC,STSong,serif;font-weight:500}.mono{font-feature-settings:"tnum" 1;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.section{isolation:isolate;padding:180px 0;position:relative}.section+.section{border-top:1px solid var(--line)}.glass{-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--line);background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border-radius:16px;position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#8a5cff66 0%,#ff6db533 35%,#4a8eff33 65%,#7fe3c84d 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn{letter-spacing:.01em;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;padding:14px 32px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-light{color:#0a0a0f;background:#fafafa}.btn-light:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #ffffff26}.btn-outline{color:var(--text-1);border:1px solid var(--line-strong);background:0 0}.btn-outline:hover{border-color:var(--text-1);background:#ffffff0a}.tag{font-family:JetBrains Mono,monospace;font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--line);background:var(--bg-1);border-radius:100px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.tag:before{content:"";background:var(--amber);width:6px;height:6px;box-shadow:0 0 8px var(--amber);border-radius:50%}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-1);font-family:Noto Serif SC,serif;font-weight:500;line-height:1.15}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3)}p{color:var(--text-2);font-size:var(--t-body);line-height:1.75}.num{font-feature-settings:"tnum" 1;letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-weight:500}.num-amber{color:var(--amber)}.num-mint{color:var(--mint)}.num-rose{color:var(--rose)}.num-sky{color:var(--sky)}a{color:var(--text-1);text-decoration:none;transition:color .2s}a:hover{color:var(--amber)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}::selection{background:var(--amber-soft);color:var(--amber)}@media (width<=1280px){:root{--gutter:32px}}.dot-field-container{width:100%;height:100%;position:relative}.color-bends-container{width:100%;height:100%;position:relative;overflow:hidden}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}