@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-sc-400.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/noto-sans-sc-700.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/noto-sans-sc-900.woff2)format("woff2")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/share-tech-mono-400.woff2)format("woff2")}:root{--bg:#000a0f;--cyan:#00f0ff;--magenta:#ff00e5;--yellow:#ffe600;--green:#0f8;--white:#e0f7ff;--dim:#034}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--white);cursor:crosshair;width:100%;font-family:Noto Sans SC,Share Tech Mono,monospace;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff04 2px 4px);position:fixed;inset:0}#particles{z-index:0;pointer-events:none;position:fixed;inset:0}.grid-bg{z-index:0;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite gridMove;position:fixed;inset:0}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 40px,40px 0}}.content{z-index:10;width:100%;max-width:100%;position:relative}nav{z-index:100;background:linear-gradient(#000a0ff2 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:var(--cyan);letter-spacing:4px;text-shadow:0 0 10px var(--cyan);align-items:center;gap:8px;font-family:Share Tech Mono,monospace;font-size:14px;display:flex}.nav-brand .cn{letter-spacing:6px;font-size:18px;font-weight:900}.lang-switch{align-items:center;gap:8px;display:flex}.lang-switch button{color:var(--dim);cursor:pointer;letter-spacing:0;background:0 0;border:1px solid #00f0ff26;border-radius:0;padding:2px 6px;font-family:system-ui,Share Tech Mono,monospace;font-size:11px;line-height:1.2;transition:all .3s}.lang-switch button:hover{color:var(--white);border-color:#00f0ff66}.lang-switch button.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #00f0ff33}.nav-links{gap:28px;display:flex}.nav-links a{letter-spacing:2px;color:var(--white);opacity:.7;font-family:Share Tech Mono,monospace;font-size:12px;text-decoration:none;transition:all .3s}.nav-links a:hover{opacity:1;text-shadow:0 0 10px var(--cyan)}.nav-burger{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #00f0ff33;padding:4px 10px;font-size:18px;line-height:1;display:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex}.hero-tag{letter-spacing:5px;color:var(--magenta);border:1px solid var(--magenta);text-shadow:0 0 10px var(--magenta);margin-bottom:30px;padding:8px 20px;font-family:Share Tech Mono,monospace;font-size:11px}.glitch-wrapper{margin-bottom:20px;position:relative}.glitch{letter-spacing:2px;color:var(--white);text-shadow:0 0 20px #00f0ff80;font-family:Noto Sans SC,sans-serif;font-size:clamp(48px,8vw,96px);font-weight:900;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--cyan);text-shadow:3px 0 var(--cyan);animation:2s infinite glitchA}.glitch:after{color:var(--magenta);text-shadow:-3px 0 var(--magenta);animation:2s infinite reverse glitchA}@keyframes glitchA{0%,to{clip-path:inset(20% 0 60%);transform:translate(0)}20%{clip-path:inset(60% 0 20%);transform:translate(-2px,1px)}40%{clip-path:inset(40% 0);transform:translate(2px,-1px)}60%{clip-path:inset(80% 0 5%);transform:translate(-1px,2px)}80%{clip-path:inset(10% 0 70%);transform:translate(1px,-2px)}}.glitch-sub{letter-spacing:8px;color:var(--cyan);text-shadow:0 0 20px var(--cyan);margin-bottom:40px;font-family:Share Tech Mono,monospace;font-size:clamp(16px,3vw,22px)}.terminal{border:1px solid var(--cyan);text-align:left;background:#000f14e6;border-radius:2px;width:100%;max-width:700px;margin:0 auto;box-shadow:0 0 20px #00f0ff26,inset 0 0 20px #00f0ff08}.terminal-header{background:#00f0ff12;border-bottom:1px solid #00f0ff26;align-items:center;gap:8px;padding:8px 16px;display:flex}.t-btn{border-radius:50%;width:10px;height:10px}.t-btn:first-child{background:#ff5f57}.t-btn:nth-child(2){background:#ffbd2e}.t-btn:nth-child(3){background:#27c93f}.t-title{text-align:center;letter-spacing:3px;color:#00f0ff80;flex:1;font-family:Share Tech Mono,monospace;font-size:10px}.terminal-body{padding:24px}.prompt{color:var(--green)}.cmd{color:var(--white)}.output{color:var(--cyan);margin-bottom:4px;margin-left:16px}.cursor{background:var(--cyan);vertical-align:middle;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}section{max-width:1100px;margin:0 auto;padding:100px 40px}.s-label{letter-spacing:4px;color:var(--magenta);align-items:center;gap:12px;margin-bottom:20px;font-family:Share Tech Mono,monospace;font-size:11px;display:flex}.s-label:before{content:"//";color:var(--dim)}.s-title{letter-spacing:2px;text-shadow:0 0 30px #00f0ff26;margin-bottom:12px;font-size:clamp(28px,5vw,44px);font-weight:900}.s-title em{color:var(--cyan);text-shadow:0 0 20px var(--cyan);font-style:normal}.s-desc{color:#e0f7ffb8;max-width:600px;font-size:15px;font-weight:300;line-height:1.8}.cap-grid{background:#00f0ff14;border:1px solid #00f0ff26;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;display:grid}@media (width<=900px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.cap-grid{grid-template-columns:1fr}}.cap-card{cursor:pointer;transform-style:preserve-3d;background:#000a0ff2;padding:48px 28px;transition:all .4s;position:relative;overflow:hidden}.cap-card:hover{background:#00141ef2}.cap-card:before{content:"";width:100%;height:1px;transition:left .6s;position:absolute;top:0;left:-100%}.cap-card:hover:before{left:0}.cap-card:first-child:before{background:var(--cyan)}.cap-card:nth-child(2):before{background:var(--green)}.cap-card:nth-child(3):before{background:var(--yellow)}.cap-num{opacity:.06;color:var(--cyan);font-family:Share Tech Mono,monospace;font-size:60px;font-weight:700;position:absolute;top:10px;right:20px}.cap-icon{margin-bottom:20px;font-size:32px;display:block}.cap-card:first-child .cap-icon{color:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan))}.cap-card:nth-child(2) .cap-icon{color:var(--green);filter:drop-shadow(0 0 10px var(--green))}.cap-card:nth-child(3) .cap-icon{color:var(--yellow);filter:drop-shadow(0 0 10px var(--yellow))}.cap-card h4{letter-spacing:1px;margin-bottom:8px;font-size:18px;font-weight:700}.cap-card p{color:#e0f7ffa6;font-size:12px;font-weight:300;line-height:1.8}.about-block{color:#e0f7ffd1;background:#00f0ff04;border:1px solid #00f0ff1a;margin-top:36px;padding:60px 48px;font-size:16px;font-weight:300;line-height:2}@media (width<=600px){.about-block{padding:36px 24px;font-size:14px}}.cta-section{text-align:center;padding:120px 40px;position:relative}.cta-glow{pointer-events:none;background:radial-gradient(circle,#00f0ff0d 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connect-node{text-align:left;background:#000a0fcc;border:1px solid #00f0ff1a;max-width:580px;margin:40px auto 0;padding:36px 48px}.connect-line{align-items:center;gap:12px;padding:6px 0;font-family:Share Tech Mono,monospace;font-size:14px;display:flex}.cn-prompt{color:var(--green)}.cn-cmd{color:var(--white)}.cn-out{color:var(--green);text-shadow:0 0 6px #00ff884d}.cn-text{color:#e0f7ffcc}.cn-key{color:#e0f7ff73;min-width:42px}.cn-val{color:var(--cyan);text-shadow:0 0 10px #00f0ff66;font-size:16px;text-decoration:none;transition:text-shadow .2s}.cn-val:hover{text-shadow:0 0 20px var(--cyan)}.cn-copy{color:var(--dim);cursor:pointer;letter-spacing:1px;margin-left:8px;font-size:12px;transition:color .2s;position:relative}.cn-copy:hover{color:var(--green)}.cn-copy.copied{color:var(--green);text-shadow:0 0 8px #0f86}.cn-copy.copied:after{content:" ✓";color:var(--green);font-size:11px}.cn-hint{color:#e0f7ff73;margin-top:6px;padding-left:54px;font-size:13px}footer{text-align:center;border-top:1px solid #00f0ff14;max-width:1100px;margin:0 auto;padding:48px 40px}.footer-info{color:#e0f7ff73;font-size:12px;font-weight:300;line-height:2}.log-list{background:#00f0ff04;border:1px solid #00f0ff1a;margin-top:36px}.log-item{border-bottom:1px solid #00f0ff0d;align-items:baseline;gap:16px;padding:16px 24px;font-family:Share Tech Mono,monospace;font-size:13px;display:flex}.log-item:last-child{border-bottom:none}.log-time{color:#e0f7ff66;white-space:nowrap}.log-tag{color:var(--green);text-shadow:0 0 8px #00ff884d;transition:text-shadow .5s}.log-item span:last-child{color:#e0f7ffcc}.footer-brand{letter-spacing:6px;color:var(--cyan);text-shadow:0 0 20px var(--cyan);margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:16px}.footer-nav{justify-content:center;align-items:center;gap:12px;margin:12px 0;display:flex}.footer-nav a{color:#e0f7ff66;font-size:12px;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--cyan)}.foot-sep{color:#e0f7ff1a;font-size:10px}.beian{color:#e0f7ff4d;text-decoration:none}.beian:hover{color:var(--cyan)}.fi{vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:cover;width:1em;height:1em;display:inline-block}.fi-cn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 640 480'%3E%3Cdefs%3E%3Cpath id='cn-a' fill='%23ff0' d='M-.6.8 0-1 .6.8-1-.3h2z'/%3E%3C/defs%3E%3Cpath fill='%23ee1c25' d='M0 0h640v480H0z'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(71.9991 0 0 72 120 120)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(-12.33562 -20.5871 20.58684 -12.33577 240.3 48)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(-3.38573 -23.75998 23.75968 -3.38578 288 95.8)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(6.5991 -23.0749 23.0746 6.59919 288 168)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(14.9991 -18.73557 18.73533 14.99929 240 216)'/%3E%3C/svg%3E")}.fi-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23bd3d44' d='M0 0h640v480H0'/%3E%3Cpath stroke='%23fff' stroke-width='37' d='M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640'/%3E%3Cpath fill='%23192f5d' d='M0 0h364.8v258.5H0'/%3E%3Cmarker id='us-a' markerHeight='30' markerWidth='30'%3E%3Cpath fill='%23fff' d='m14 0 9 27L0 10h28L5 27z'/%3E%3C/marker%3E%3Cpath fill='none' marker-mid='url(%23us-a)' d='m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z'/%3E%3C/svg%3E")}.fi-jp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cdefs%3E%3CclipPath id='jp-a'%3E%3Cpath fill-opacity='.7' d='M-88 32h640v480H-88z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill-rule='evenodd' stroke-width='1pt' clip-path='url(%23jp-a)' transform='translate(88 -32)'%3E%3Cpath fill='%23fff' d='M-128 32h720v480h-720z'/%3E%3Ccircle cx='523.1' cy='344.1' r='194.9' fill='%23bc002d' transform='translate(-168.4 8.6)scale(.76554)'/%3E%3C/g%3E%3C/svg%3E")}@media (width<=768px){.nav-burger{display:block}.nav-links.open{z-index:99;-webkit-backdrop-filter:blur(12px);background:#000a0ff0;border:1px solid #00f0ff26;border-radius:6px;flex-direction:column;gap:8px;min-width:120px;padding:12px 20px;animation:.2s menuIn;display:flex;position:absolute;top:100%;right:8px;box-shadow:0 8px 32px #00000080}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-links.open a{white-space:nowrap;border-bottom:1px solid #00f0ff0f;padding:6px 0;font-size:13px}.nav-links.open a:last-child{border-bottom:none}nav{padding:12px 20px}.nav-links{display:none}.lang-switch button{padding:2px 5px;font-size:10px}section{padding:60px 20px}.hero{padding:120px 20px 60px}.terminal{max-width:100%}.terminal-body{padding:16px}.glitch{font-size:clamp(36px,10vw,56px)}.glitch-sub{letter-spacing:4px;font-size:clamp(12px,3vw,16px)}.hero-tag{letter-spacing:3px;padding:6px 14px;font-size:9px}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-card{padding:28px 18px}.cap-num{font-size:40px}.about-block{padding:28px 20px;font-size:14px}.log-item{flex-wrap:wrap;padding:12px 16px;font-size:11px}.connect-node{max-width:100%;padding:24px 20px}.connect-line{font-size:12px}.cn-val{font-size:14px}.cn-hint{padding-left:0;font-size:11px}.cta-section{padding:80px 20px}.footer-nav{flex-wrap:wrap;gap:8px}.back-top{cursor:pointer;background:#000a0fe6;border:1px solid #00f0ff26;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:fixed;bottom:14px;right:8px}}@media (width<=500px){.back-top{width:24px;height:24px;font-size:10px;bottom:10px;right:6px}.cap-grid{grid-template-columns:1fr}.connect-line{flex-direction:column;align-items:flex-start;gap:4px}.cn-key{min-width:0}.glitch{font-size:clamp(30px,12vw,48px)}.hero{padding:100px 16px 40px}section{padding:40px 16px}}.scroll-bar{background:var(--cyan);z-index:1000;height:2px;box-shadow:0 0 8px var(--cyan), 0 0 16px #00f0ff80;width:0%;transition:width .1s;position:fixed;top:0;left:0}.back-top{z-index:100;width:40px;height:40px;color:var(--cyan);cursor:pointer;opacity:0;pointer-events:none;background:#00f0ff14;border:1px solid #00f0ff33;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:16px;line-height:1;transition:all .3s;display:flex;position:fixed;bottom:32px;right:32px}.back-top:hover{background:#00f0ff26;box-shadow:0 0 16px #00f0ff4d}nav.scrolled{background:#000a0ffa;border-bottom:1px solid #00f0ff14}section{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}section.visible{opacity:1;transform:translateY(0)}.hero{opacity:1;transform:none}
