:root{--bg: #08080a;--bg-soft: #0e0e12;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--fg: #f2f2f4;--fg-dim: #9a9aa6;--fg-faint: #5f5f6b;--lime: #d7ff3e;--violet: #8b5cf6;--coral: #ff6b4a;--sky: #6ec7ff;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, "Menlo", "Consolas", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--pad: clamp(20px, 5vw, 72px);--maxw: 1240px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-feature-settings:"ss01","cv01";-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}::selection{background:var(--lime);color:#000}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 20%,transparent 78%)}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(110px);opacity:.55}.aurora span{position:absolute;border-radius:50%;will-change:transform}.a1{width:42vw;height:42vw;left:8%;top:6%;background:var(--violet);animation:drift1 22s var(--ease) infinite alternate}.a2{width:34vw;height:34vw;right:6%;top:18%;background:var(--sky);animation:drift2 26s var(--ease) infinite alternate;opacity:.6}.a3{width:30vw;height:30vw;left:36%;bottom:2%;background:var(--coral);animation:drift3 19s var(--ease) infinite alternate;opacity:.5}.a4{width:22vw;height:22vw;left:2%;bottom:8%;background:var(--lime);animation:drift2 30s var(--ease) infinite alternate;opacity:.35}@keyframes drift1{to{transform:translate3d(14vw,10vh,0) scale(1.25)}}@keyframes drift2{to{transform:translate3d(-12vw,14vh,0) scale(.8)}}@keyframes drift3{to{transform:translate3d(10vw,-12vh,0) scale(1.15)}}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 0%,#08080a26,#08080ad1 70%)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;border-radius:50%;mix-blend-mode:difference}.cursor-dot{width:6px;height:6px;background:#fff;margin:-3px 0 0 -3px}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);margin:-17px 0 0 -17px;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s var(--ease)}.cursor-ring.hot{width:62px;height:62px;margin:-31px 0 0 -31px;background:#ffffff1f;border-color:#ffffffe6}@media (hover: none),(max-width: 860px){.cursor-dot,.cursor-ring{display:none}}.progress{position:fixed;top:0;left:0;height:2px;z-index:999;background:linear-gradient(90deg,var(--lime),var(--violet),var(--coral));transform-origin:0 50%}.nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);transition:padding .4s var(--ease),background .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}.nav.scrolled{padding:12px var(--pad);background:#08080ab8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d7ff3e29;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #d7ff3e00}}.brand-name{font-size:15px}.brand-en{font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{position:relative;font-size:14px;color:var(--fg-dim);padding:8px 14px;border-radius:99px;transition:color .3s var(--ease);display:inline-flex;align-items:baseline;gap:6px}.nav-link:hover,.nav-link.active{color:var(--fg)}.nav-link .idx{font-family:var(--mono);font-size:10px;color:var(--fg-faint)}.nav-link.active .idx{color:var(--lime)}.nav-link .pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;border:1px solid var(--line-strong);background:#ffffff0d}.nav-link.active .pill{border-color:#d7ff3e66;background:#d7ff3e12}.nav-clock{font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center}.nav-toggle span{display:block;width:15px;height:1px;background:var(--fg);position:relative;transition:.3s var(--ease)}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0;width:15px;height:1px;background:var(--fg);transition:.3s var(--ease)}.nav-toggle span:before{top:-5px}.nav-toggle span:after{top:5px}.nav-toggle.open span{background:transparent}.nav-toggle.open span:before{top:0;transform:rotate(45deg)}.nav-toggle.open span:after{top:0;transform:rotate(-45deg)}@media (max-width: 860px){.nav-toggle{display:flex}.nav-clock{display:none}.nav-links{position:fixed;right:0;bottom:0;left:0;top:0;flex-direction:column;justify-content:center;gap:8px;background:#08080af0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(-100%);transition:transform .55s var(--ease)}.nav-links.open{transform:translateY(0)}.nav-link{font-size:24px;padding:14px 22px}.nav-link .idx{font-size:12px}}.app{position:relative;z-index:1}.page{min-height:100vh;padding:132px var(--pad) 0}.wrap{max-width:var(--maxw);margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--line-strong)}.section-title{font-size:clamp(30px,5.2vw,58px);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:18px 0 10px}.section-sub{color:var(--fg-dim);font-size:clamp(14px,1.5vw,17px);max-width:46ch}.footer{margin-top:120px;padding:36px 0 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.06em}.footer a:hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:99px;font-size:14px;font-weight:500;border:1px solid var(--line-strong);cursor:pointer;transition:.35s var(--ease);position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);border-color:#fff6}.btn-primary{background:var(--lime);color:#000;border-color:var(--lime);font-weight:600}.btn-primary:hover{box-shadow:0 12px 40px -12px #d7ff3e99}.btn .arrow{transition:transform .35s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none;display:grid;place-items:center}.curtain-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0b0e;transform-origin:bottom}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:grid;place-items:center}.boot-inner{text-align:center}.boot-name{font-size:13px;font-family:var(--mono);letter-spacing:.4em;color:var(--fg-dim);text-transform:uppercase}.boot-bar{margin-top:16px;width:180px;height:1px;background:var(--line);position:relative;overflow:hidden}.boot-bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lime);transform-origin:0 50%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-link .pill{z-index:0}.nav-link>span:not(.pill){position:relative;z-index:1}.avatar-shell{display:grid;place-items:center}.avatar-ring{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,hsl(var(--h, 78) 92% 62%) 82%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1px));mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1px));animation:spin 7s linear infinite;pointer-events:none;opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}.avatar-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(150deg,hsl(var(--h, 78) 60% 22%),#14141a 70%);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 20px 60px -20px #000000e6,inset 0 0 0 1px #ffffff0a}.avatar-inner img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:calc(var(--size, 120px) * .34);font-weight:600;letter-spacing:-.02em;color:hsl(var(--h, 78) 90% 72%)}.wipe{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:800;pointer-events:none;background:linear-gradient(180deg,#d7ff3e00,#d7ff3e1a 45%,#d7ff3e80 92%,#d7ff3ee6)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center;padding:clamp(20px,6vh,70px) 0 clamp(60px,10vh,110px);min-height:62vh}.hero-text{min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero-title{font-size:clamp(58px,12.5vw,152px);font-weight:600;letter-spacing:-.055em;line-height:.92;margin:14px 0 22px;display:flex;align-items:baseline;flex-wrap:wrap}.ch-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em}.ch{display:inline-block}.hero-en{font-family:var(--mono);font-size:clamp(13px,1.6vw,18px);letter-spacing:.2em;color:var(--lime);margin-left:18px;transform:translateY(-.6em);text-transform:uppercase}.hero-tagline{font-size:clamp(18px,2.4vw,27px);font-weight:500;letter-spacing:-.02em;margin-bottom:16px;max-width:22ch;line-height:1.35}.hero-bio{color:var(--fg-dim);font-size:clamp(14px,1.4vw,16.5px);max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 40px}.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line)}.hero-facts li{padding:16px 26px 16px 0;margin-right:26px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}.hero-facts li:last-child{border-right:none}.hero-facts .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint)}.hero-facts .v{font-size:17px;font-weight:600;letter-spacing:-.01em}.hero-avatar{position:relative;display:grid;place-items:center;padding:30px}.hero-avatar-glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.42),transparent 66%);filter:blur(46px)}.hero-badge{position:absolute;bottom:4px;right:0;display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:99px;border:1px solid var(--line-strong);background:#0e0e12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;color:var(--fg-dim);white-space:nowrap}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.gateways{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gateway{position:relative;display:flex;align-items:center;gap:18px;padding:clamp(26px,3.4vw,42px) clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);overflow:hidden;transition:transform .5s var(--ease),border-color .5s var(--ease)}.gateway:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(215,255,62,.16),transparent 55%)}.gateway:hover{transform:translateY(-5px);border-color:#d7ff3e66}.gateway:hover:after{opacity:1}.gateway:hover .gateway-arrow{transform:translate(5px,-5px);color:var(--lime)}.gateway-idx{font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.1em}.gateway-label{font-size:clamp(20px,2.6vw,30px);font-weight:600;letter-spacing:-.03em;flex:1}.gateway-arrow{font-size:22px;color:var(--fg-faint);transition:.45s var(--ease)}.gateway-line{position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--lime),transparent);transform:scaleX(0);transition:transform .6s var(--ease)}.gateway:hover .gateway-line{transform:scaleX(1)}.marquee{margin:clamp(60px,9vh,110px) 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee-track>span{display:flex}.marquee em{font-style:normal;font-size:clamp(30px,6vw,74px);font-weight:700;letter-spacing:-.04em;padding:0 .3em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}.marquee em i{-webkit-text-stroke:0;color:var(--lime);font-style:normal;font-size:.34em}@keyframes marquee{to{transform:translate(-50%)}}.footer-links{display:flex;gap:20px}@media (max-width: 900px){.hero{grid-template-columns:1fr}.hero-avatar{order:-1;justify-items:start;padding:10px 0 20px}.hero-avatar>div:last-child,.hero-badge{position:static;margin-top:16px}.gateways{grid-template-columns:1fr}.hero-facts li{padding-right:18px;margin-right:18px}}.page-head{padding-bottom:clamp(40px,7vh,76px)}.site-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.site-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(165deg,#ffffff0d,#ffffff03);min-height:260px;transition:transform .55s var(--ease),border-color .55s var(--ease),box-shadow .55s var(--ease)}.site-spot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s var(--ease);background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),hsla(var(--h) 92% 62% / .22),transparent 62%);pointer-events:none}.site-card:hover{transform:translateY(-6px);border-color:hsla(var(--h) 92% 62% / .45);box-shadow:0 30px 70px -34px hsla(var(--h) 92% 50% / .5)}.site-card:hover .site-spot{opacity:1}.site-card:hover .site-go i{transform:translate(3px,-3px)}.site-top{display:flex;align-items:center;justify-content:space-between}.site-num{font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.14em}.site-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:99px;color:hsl(var(--h) 90% 70%);border:1px solid hsla(var(--h) 90% 62% / .35);background:hsla(var(--h) 90% 55% / .1)}.site-name{font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.15}.site-desc{color:var(--fg-dim);font-size:14.5px;flex:1;max-width:42ch}.site-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--fg-faint)}.site-go{color:var(--fg);display:inline-flex;gap:8px;align-items:center}.site-go i{font-style:normal;transition:.4s var(--ease)}@media (max-width: 900px){.site-grid{grid-template-columns:1fr}.site-card{grid-column:span 1!important;min-height:210px}}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.friend-grid>:nth-child(3n+2){margin-top:34px}.friend-grid>:nth-child(3n){margin-top:16px}.friend-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:26px 26px 30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(170deg,#ffffff0d,#ffffff03);transition:transform .55s var(--ease),border-color .55s var(--ease),box-shadow .55s var(--ease)}.friend-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(120% 90% at 100% 0%,hsla(var(--h) 90% 60% / .2),transparent 60%)}.friend-card:hover{border-color:hsla(var(--h) 90% 62% / .5);box-shadow:0 34px 80px -40px hsla(var(--h) 90% 50% / .55)}.friend-card:hover .friend-card-bg{opacity:1}.friend-card:hover .friend-arrow{transform:translate(4px,-4px);color:hsl(var(--h) 90% 68%)}.friend-card:hover .friend-head .avatar-inner{transform:scale(1.04)}.friend-card:hover .friend-bar{transform:scaleX(1)}.friend-head{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.friend-card .avatar-inner{transition:transform .5s var(--ease)}.friend-id{flex:1;min-width:0}.friend-name{font-size:20px;font-weight:600;letter-spacing:-.025em}.friend-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--fg-faint);text-transform:uppercase}.friend-arrow{font-size:17px;color:var(--fg-faint);transition:.45s var(--ease)}.friend-desc{font-size:14.5px;color:var(--fg-dim);position:relative;z-index:1}.friend-bar{height:2px;width:100%;border-radius:99px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,hsl(var(--h) 90% 62%),transparent);transition:transform .6s var(--ease)}.friend-note{margin-top:90px;color:var(--fg-dim);font-size:15px}.link{color:var(--lime);border-bottom:1px solid rgba(215,255,62,.35)}.link:hover{border-bottom-color:var(--lime)}@media (max-width: 1000px){.friend-grid{grid-template-columns:repeat(2,1fr)}.friend-grid>:nth-child(3n+2),.friend-grid>:nth-child(3n){transform:none}.friend-grid>:nth-child(2n){margin-top:24px}}@media (max-width: 640px){.friend-grid{grid-template-columns:1fr}.friend-grid>*{margin-top:0!important}}