:root{--bg-color: #0b0c10;--surface-color: #111318;--text-primary: #e6e8eb;--text-secondary: #8892b0;--accent-color: #45f3ff;--accent-dim: rgba(69, 243, 255, .1);--border-color: rgba(140, 155, 170, .15);--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-cn: "Noto Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}body.lang-cn{font-family:var(--font-cn);letter-spacing:.02em}body.lang-cn .hero-title{letter-spacing:0}body.lang-cn .hero-desc{line-height:1.8}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}#spotlight{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;background:radial-gradient(800px circle at var(--x, 50%) var(--y, 50%),rgba(69,243,255,.04),transparent 40%)}.mono-text{font-family:var(--font-mono)}.mono-idx{color:var(--accent-color);font-family:var(--font-mono);font-size:.75rem;margin-right:.5rem}.mono-label{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em;margin-bottom:1.5rem}.nav-bar{position:fixed;top:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3rem;background:#0b0c10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.brand-mark{color:var(--accent-color);font-weight:900;margin-right:.5rem}.brand-text{font-family:var(--font-mono);font-weight:700;letter-spacing:.05em;font-size:.9rem}.nav-right{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .3s;font-family:var(--font-mono)}.nav-link:hover{color:var(--text-primary)}.btn-contact{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-color);border:1px solid var(--accent-dim);padding:.5rem 1rem;text-decoration:none;transition:all .3s}.btn-contact:hover{background:var(--accent-dim);box-shadow:0 0 15px var(--accent-dim)}.lang-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .8rem;font-size:.75rem;cursor:pointer;display:flex;gap:.5rem;align-items:center;border-radius:4px;transition:all .3s}.lang-btn:hover{border-color:var(--accent-color)}.lang-opt{opacity:.5;transition:opacity .3s}.lang-opt.active{opacity:1;color:var(--accent-color);font-weight:700}.divider{opacity:.3}.hero-section{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:5rem 3rem 0;overflow:hidden;border-bottom:1px solid var(--border-color)}.hero-bg{position:absolute;top:0;right:-10%;width:60%;height:100%;z-index:-1}#hero-canvas{width:100%;height:100%;opacity:.4}.hero-content{max-width:900px;z-index:1;padding-bottom:4rem}.status-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.35rem 1rem;border:1px solid var(--border-color);border-radius:99px;margin-bottom:1.75rem;background:#45f3ff0d}.status-dot{width:6px;height:6px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 8px var(--accent-color);animation:pulse 2s infinite}.status-badge .mono-text{font-size:.7rem;color:var(--accent-color);letter-spacing:.1em}.hero-title{font-size:clamp(3.5rem,7vw,6rem);line-height:1.05;font-weight:600;letter-spacing:-.03em;margin-bottom:1.5rem}.highlight{color:transparent;-webkit-text-stroke:1px var(--text-primary)}.hero-desc{font-family:var(--font-cn);font-weight:300;font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:4rem;line-height:1.8}.hero-stats{display:flex;gap:4rem;border-top:1px solid var(--border-color);padding-top:2rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item .label{font-size:.7rem;color:var(--text-secondary);letter-spacing:.1em}.stat-item .value{font-size:1rem;color:var(--text-primary);font-weight:500}.value.active{color:var(--accent-color)}.hero-actions{margin-top:3rem;display:flex;align-items:center;gap:2rem}.cyber-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;color:var(--accent-color);text-decoration:none;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:#45f3ff0d;border:1px solid var(--accent-color);transition:all .3s;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%)}.cyber-btn:hover{background:var(--accent-color);color:#000;box-shadow:0 0 20px var(--accent-dim)}.btn-tag{position:absolute;bottom:2px;right:2px;font-size:.5rem;opacity:.5}.btn-glitch{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:left .5s}.cyber-btn:hover .btn-glitch{left:100%;transition:left .5s}.scroll-wrapper{position:absolute;bottom:5rem;right:2rem;height:50%;width:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;pointer-events:none;z-index:10;padding-bottom:2rem}.scroll-text{font-size:.6rem;color:var(--accent-color);letter-spacing:.3em;writing-mode:vertical-rl;text-orientation:mixed;opacity:.6;font-family:var(--font-mono);white-space:nowrap;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(69,243,255,.5)}.scroll-line{width:1px;height:80px;background:#ffffff0d;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,var(--accent-color),transparent);animation:scrollDrop 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes scrollDrop{0%{top:-100%;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.hero-ticker{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid var(--border-color);padding:1rem 0;overflow:hidden;background:var(--bg-color)}.ticker-track{display:flex;gap:4rem;animation:ticker 20s linear infinite;white-space:nowrap}.ticker-track span{font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.section-projects{padding:8rem 3rem;border-bottom:1px solid var(--border-color)}.section-header{margin-bottom:4rem;display:flex;flex-direction:column;gap:1rem}.section-header h2{font-size:2.5rem;font-weight:500;letter-spacing:-.02em}.project-list{display:flex;flex-direction:column;border-top:1px solid var(--border-color)}.project-item{display:grid;grid-template-columns:1.5fr 1fr;border-bottom:1px solid var(--border-color);min-height:350px;transition:background .3s}.project-item:hover{background:var(--surface-color)}.project-content{padding:3rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border-color)}.project-meta{display:flex;justify-content:space-between;margin-bottom:2rem;color:var(--text-secondary);font-size:.8rem}.project-content h3{font-size:2rem;margin-bottom:1rem;font-weight:500}.project-desc{font-family:var(--font-cn);color:var(--text-secondary);font-weight:300;max-width:500px;margin-bottom:2rem}.tech-tags{list-style:none;display:flex;gap:1.5rem;font-size:.8rem;color:var(--accent-color)}.project-visual{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0003}.code-terminal{width:80%;height:auto;background:#0f1115;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 30px #00000080;overflow:hidden;font-size:.8rem}.terminal-bar{background:#1a1d24;padding:.5rem;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--border-color)}.dot{width:8px;height:8px;border-radius:50%}.dot.r{background:#ff5f56}.dot.y{background:#ffbd2e}.dot.g{background:#27c93f}.t-name{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;margin-left:auto;margin-right:auto;opacity:.7}.code-content{padding:1rem;position:relative;line-height:1.6;color:#abb2bf}.code-line{white-space:pre;position:relative;z-index:1}.indent{padding-left:1rem}.c-k{color:#c678dd}.c-f{color:#61afef}.c-v{color:#e06c75}.c-c{color:#5c6370;font-style:italic}.error-line{background:#e06c7526;border-left:2px solid #e06c75;animation:errorPulse 2s infinite}@keyframes errorPulse{0%{background:#e06c7526}50%{background:#e06c754d}to{background:#e06c7526}}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);animation:codeScan 3s linear infinite;z-index:2;opacity:.6}@keyframes codeScan{0%{top:10%}to{top:90%}}.scan-status{position:absolute;bottom:.5rem;right:.5rem;font-family:var(--font-mono);font-size:.65rem;color:#e06c75;background:#000c;padding:2px 6px;border:1px solid #e06c75;z-index:3;animation:blink .5s step-end infinite alternate}.security-radar{width:200px;height:200px;position:relative;display:flex;align-items:center;justify-content:center}.radar-circle{position:absolute;border-radius:50%;border:1px solid var(--accent-color);opacity:.2}.c1{width:100%;height:100%}.c2{width:66%;height:66%}.c3{width:33%;height:33%}.radar-sweep{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(69,243,255,.2) 360deg);animation:radarSpin 4s linear infinite;z-index:1}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center-shield{color:var(--accent-color);z-index:2;filter:drop-shadow(0 0 5px var(--accent-color))}.radar-dot{position:absolute;width:4px;height:4px;background:#e06c75;border-radius:50%;opacity:0;animation:dotBlink 4s linear infinite}.d1{top:20%;right:20%;animation-delay:.5s}.d2{bottom:30%;left:25%;animation-delay:2.5s}@keyframes dotBlink{0%{opacity:0}10%{opacity:1;box-shadow:0 0 5px #e06c75}20%{opacity:1}50%{opacity:0}}.section-expertise{padding:8rem 3rem;border-bottom:1px solid var(--border-color)}.grid-system{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem}.grid-card{background:var(--bg-color);padding:2rem;position:relative;border:1px solid var(--border-color);transition:transform .3s}.grid-card:hover{transform:translateY(-5px);border-color:var(--text-secondary)}.corner{position:absolute;width:8px;height:8px;border-color:var(--accent-color);transition:all .3s;opacity:0}.c-tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.c-tr{top:0;right:0;border-top:1px solid;border-right:1px solid}.c-bl{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.c-br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.grid-card:hover .corner{opacity:1;width:12px;height:12px}.card-icon{color:var(--text-secondary);margin-bottom:2rem}.grid-card:hover .card-icon{color:var(--accent-color)}.card-title{font-size:1.25rem;font-weight:500;margin-bottom:1rem}.card-desc{font-family:var(--font-cn);font-weight:300;font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem;min-height:3em;line-height:1.6}.card-stat{display:flex;justify-content:space-between;font-size:.75rem;border-top:1px solid var(--border-color);padding-top:1rem;color:var(--accent-color)}.section-radar{padding:8rem 3rem;border-bottom:1px solid var(--border-color)}.radar-container{display:grid;grid-template-columns:1fr 2fr;gap:4rem}.radar-desc{font-family:var(--font-cn);font-weight:300;color:var(--text-secondary);max-width:300px;margin-top:1rem}.tech-matrix{display:flex;flex-direction:column;gap:1px;background:var(--border-color);border:1px solid var(--border-color)}.matrix-row{display:grid;grid-template-columns:150px 1fr;background:var(--bg-color);min-height:80px;align-items:center}.m-head{padding:0 2rem;font-size:.8rem;color:var(--text-secondary);border-right:1px solid var(--border-color);letter-spacing:.05em}.m-items{padding:0 2rem;display:flex;gap:2rem;flex-wrap:wrap}.m-items span{font-size:.9rem;color:var(--text-primary)}.section-process{padding:8rem 3rem;border-bottom:1px solid var(--border-color)}.process-track{display:flex;align-items:flex-start;margin-top:4rem;border:1px dashed var(--border-color);padding:3rem;position:relative;background:#11131866}.process-step{flex:1;position:relative;display:flex;flex-direction:column;gap:1rem}.step-idx{font-size:3rem;font-weight:700;color:var(--border-color);line-height:1;transition:color .3s}.process-step:hover .step-idx{color:var(--accent-color)}.step-content h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.step-content p{font-family:var(--font-cn);color:var(--text-secondary);font-size:.9rem;line-height:1.5}.step-connector{color:var(--accent-color);opacity:.3;font-size:1.5rem;padding:1rem 2rem 0;animation:blink 2s infinite}.section-team{padding:8rem 3rem;border-bottom:1px solid var(--border-color)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem}.team-card{border:1px solid var(--border-color);background:var(--surface-color);display:flex;flex-direction:column;overflow:hidden}.team-header{background:#000;padding:.5rem 1rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color);font-size:.7rem;color:var(--text-secondary)}.status-ok{color:var(--accent-color);font-size:.6rem;animation:pulse 2s infinite}.team-visual{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,rgba(69,243,255,.02) 25%,transparent 25%,transparent 75%,rgba(69,243,255,.02) 75%),linear-gradient(45deg,rgba(69,243,255,.02) 25%,transparent 25%,transparent 75%,rgba(69,243,255,.02) 75%);background-size:20px 20px;background-position:0 0,10px 10px}.avatar-placeholder{width:80px;height:80px;border:1px solid var(--accent-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.5rem;color:var(--accent-color);background:#45f3ff0d}.team-info{padding:1.5rem}.team-info h3{font-size:1.1rem;margin-bottom:.5rem}.team-bio{font-family:var(--font-cn);font-size:.8rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;min-height:4.8em}.team-specs{display:flex;gap:1rem;font-size:.7rem;color:var(--accent-color);border-top:1px solid var(--border-color);padding-top:1rem}.section-faq{padding:8rem 3rem;border-bottom:1px solid var(--border-color)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}.faq-item{border:1px solid var(--border-color);padding:1.5rem;background:var(--bg-color);transition:border-color .3s}.faq-item:hover{border-color:var(--text-secondary)}.faq-q{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.faq-q .prompt{color:var(--accent-color)}.faq-a{font-family:var(--font-cn);color:var(--text-secondary);font-size:.9rem;line-height:1.6;padding-left:1.6rem}.section-contact{padding:10rem 3rem;display:flex;justify-content:center;position:relative;overflow:hidden;min-height:80vh;align-items:center}.contact-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,#45f3ff14,#0b0c10f2 60%,#0b0c10),linear-gradient(rgba(69,243,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(69,243,255,.05) 1px,transparent 1px);background-size:100% 100%,50px 50px,50px 50px;z-index:0;animation:gridPulse 10s infinite alternate}.contact-grid-bg:before,.contact-grid-bg:after{content:"";position:absolute;width:4px;height:4px;background:var(--accent-color);border-radius:50%;opacity:.6;animation:float 8s infinite ease-in-out;box-shadow:0 0 10px var(--accent-color)}.contact-grid-bg:before{top:20%;left:15%;animation-delay:0s}.contact-grid-bg:after{top:70%;right:20%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(40px,10px)}}@keyframes gridPulse{0%{background-size:100% 100%,50px 50px,50px 50px}to{background-size:100% 100%,55px 55px,55px 55px}}.contact-content{position:relative;z-index:1;text-align:center;width:100%;max-width:800px}.contact-label{color:var(--accent-color);font-size:.8rem;letter-spacing:.2em;margin-bottom:1.5rem;opacity:.8}.contact-title{font-size:4rem;font-weight:700;margin-bottom:3rem;line-height:1.1;letter-spacing:-.02em}.contact-stats{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:4rem;padding:2rem 0}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-num{font-size:2.5rem;font-weight:700;color:var(--accent-color);line-height:1;text-shadow:0 0 20px rgba(69,243,255,.6)}.stat-label{font-size:.7rem;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.stat-divider{width:1px;height:40px;background:var(--border-color)}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.contact-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;border:1px solid var(--border-color);background:#ffffff05;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(69,243,255,.2),transparent);transition:left .5s}.contact-card:hover:before{left:100%}.contact-card:hover{border-color:var(--accent-color);background:#45f3ff0d;transform:translateY(-5px);box-shadow:0 0 30px #45f3ff33}.cc-icon{font-size:1.5rem;color:var(--accent-color)}.cc-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1}.cc-label{font-size:.6rem;color:var(--text-secondary);margin-bottom:.25rem}.cc-value{font-size:1.1rem;color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.cc-arrow{font-size:1.2rem;color:var(--text-secondary);transition:transform .3s}.contact-card:hover .cc-arrow{transform:translate(5px);color:var(--accent-color)}.availability-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:1px solid var(--accent-color);background:#45f3ff0d;font-size:.7rem;letter-spacing:.15em;margin-bottom:2rem;animation:badgePulse 3s infinite}.pulse-dot{width:6px;height:6px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 8px var(--accent-color);animation:pulse 2s infinite}@keyframes badgePulse{0%,to{border-color:var(--accent-color)}50%{border-color:var(--text-secondary)}}.cmd-line-decoration{opacity:.5;font-size:.9rem;margin-top:2rem}.prompt{color:var(--accent-color)}.cmd{color:var(--text-primary)}.cursor{animation:blink 1s infinite;color:var(--accent-color)}@media (max-width: 768px){.contact-title{font-size:2.5rem}.contact-cards{grid-template-columns:1fr}.contact-stats{flex-direction:column;gap:1.5rem}.stat-divider{width:100%;height:1px}}.footer{padding:3rem;border-top:1px solid var(--border-color)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-end}.f-left{font-size:.75rem;color:var(--text-secondary);line-height:1.6}.f-right a{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);margin-left:1.5rem;text-decoration:none;transition:color .2s}.f-right a:hover{color:var(--accent-color)}@media (max-width: 1200px){.grid-system,.team-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:4rem}}@media (max-width: 768px){.nav-bar{padding:1rem}.nav-right{gap:1rem}.nav-link span{display:none}.hero-section{padding:5rem 1.5rem 0;min-height:100vh;height:100vh;justify-content:center}.hero-title{font-size:2.5rem;line-height:1.2}.hero-desc{font-size:.95rem}.hero-bg{width:80%;right:-20%;opacity:.3}.scroll-wrapper{display:none}.hero-stats{flex-direction:column;gap:1rem}.project-item{grid-template-columns:1fr}.project-content{border-right:none;border-bottom:1px solid var(--border-color)}.grid-system{grid-template-columns:1fr}.radar-container{grid-template-columns:1fr;gap:3rem}.radar-desc{max-width:100%}.tech-matrix{display:flex;flex-direction:column;gap:1rem;background:transparent;border:none}.matrix-row{grid-template-columns:1fr;gap:1rem;background:#ffffff05;border:1px solid var(--border-color);padding:1.5rem;min-height:auto}.m-head{padding:0;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;font-size:.75rem}.m-items{padding:0;gap:.75rem}.m-items span{font-size:.85rem;padding:.4rem .8rem;background:#45f3ff0d;border:1px solid var(--border-color);border-radius:2px}.process-track{flex-direction:column;gap:2rem;padding:2rem}.step-connector{transform:rotate(90deg);padding:0;align-self:center}.team-grid,.faq-list{grid-template-columns:1fr}.section-projects,.section-expertise,.section-radar,.section-contact,.section-process,.section-team,.section-faq{padding:4rem 1.5rem}}