:root{--neon-cyan:#00f0ff;--neon-purple:#b026ff;--neon-pink:#ff2e97;--neon-blue:#4d4dff;--neon-green:#0f8;--neon-yellow:gold;--deep-space:#020210;--deep-space-2:#050518;--glass-bg:#08081ea6;--glass-bg-hover:#0c0c2dd9;--glass-border:#00f0ff1f;--glass-border-hover:#00f0ff59;--hud-line:#00f0ff33;--hud-line-bright:#00f0ff99;--glow-cyan:0 0 10px #00f0ff80, 0 0 20px #00f0ff4d;--glow-purple:0 0 10px #b026ff80, 0 0 20px #b026ff4d;--glow-pink:0 0 10px #ff2e9780, 0 0 20px #ff2e974d;--glow-green:0 0 10px #00ff8880, 0 0 20px #00ff884d;--font-mono:"Courier New", "SF Mono", "Fira Code", monospace;--font-display:"Orbitron", "Arial Narrow", sans-serif}.dark{--bg:#020210;--card-bg:#08081ea6;--text:#e0e6ff;--text-secondary:#e0e6ff99;--border:#00f0ff1f;--tag-bg:#00f0ff14;--tag-text:#00f0ff;--shadow:0 4px 30px #00000080;--deep-space:#020210;--deep-space-2:#050518;--glass-bg:#08081ea6;--glass-bg-hover:#0c0c2dd9;--glass-border:#00f0ff1f;--glass-border-hover:#00f0ff59;--hud-line:#00f0ff33;--hud-line-bright:#00f0ff99;--neon-cyan:#00f0ff;--neon-purple:#b026ff;--neon-pink:#ff2e97;--neon-blue:#4d4dff;--neon-green:#0f8;--neon-yellow:gold;--glow-cyan:0 0 10px #00f0ff80, 0 0 20px #00f0ff4d;--glow-purple:0 0 10px #b026ff80, 0 0 20px #b026ff4d;--glow-pink:0 0 10px #ff2e9780, 0 0 20px #ff2e974d;--glow-green:0 0 10px #00ff8880, 0 0 20px #00ff884d;--grid-color:#00f0ff08;--scanline-color:#00f0ff08;--particle-color:#00f0ff66;--hexagon-color:#b026ff14;--beam-color:#00f0ff1a}.light{--bg:#f0f4ff;--card-bg:#ffffffd9;--text:#1a1a3e;--text-secondary:#1a1a3e99;--border:#0096c826;--tag-bg:#0096c814;--tag-text:#06a;--shadow:0 4px 30px #0032641f;--deep-space:#e8edf7;--deep-space-2:#dfe6f5;--glass-bg:#ffffffbf;--glass-bg-hover:#fffffff2;--glass-border:#0096c826;--glass-border-hover:#0096c866;--hud-line:#0096c840;--hud-line-bright:#0096c899;--neon-cyan:#09c;--neon-purple:#7c3aed;--neon-pink:#db2777;--neon-blue:#3b5bdb;--neon-green:#059669;--neon-yellow:#d97706;--glow-cyan:0 0 8px #0099cc40, 0 0 16px #0099cc26;--glow-purple:0 0 8px #7c3aed40, 0 0 16px #7c3aed26;--glow-pink:0 0 8px #db277740, 0 0 16px #db277726;--glow-green:0 0 8px #05966940, 0 0 16px #05966926;--grid-color:#0096c80a;--scanline-color:#0096c805;--particle-color:#0096c84d;--hexagon-color:#7c3aed0f;--beam-color:#0096c814}.ai-showcase{background:var(--deep-space);min-height:100vh;color:var(--text);font-family:var(--font-mono);position:relative;overflow-x:hidden}.ai-showcase:before{content:"";background-image:linear-gradient(60deg, var(--hud-line) 1px, transparent 1px), linear-gradient(-60deg, var(--hud-line) 1px, transparent 1px), linear-gradient(0deg, var(--hud-line) 1px, transparent 1px);opacity:.15;pointer-events:none;z-index:0;background-size:30px 52px,30px 52px,30px 30px;width:100%;height:100%;animation:20s linear infinite gridShift;position:fixed;top:0;left:0}@keyframes gridShift{0%{background-position:0 0,0 0,0 0}to{background-position:30px 52px,-30px 52px,0 30px}}.ai-showcase:before{animation:20s linear infinite gridShift,4s ease-in-out infinite gridPulse}@keyframes gridPulse{0%,to{opacity:.08}50%{opacity:.2}}.ai-showcase:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);width:100%;height:2px;box-shadow:0 0 15px var(--neon-cyan), 0 0 30px var(--neon-cyan);opacity:.4;pointer-events:none;z-index:1;animation:8s linear infinite scanline;position:fixed;top:0;left:0}@keyframes scanline{0%{top:-2px}to{top:100vh}}.particle-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;top:0;left:0}.mouse-glow{pointer-events:none;z-index:3;mix-blend-mode:screen;background:radial-gradient(circle,#00f0ff14 0%,#b026ff0a 40%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.hero-section{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:80px 20px 40px;display:flex;position:relative}.hero-section:before{content:"";pointer-events:none;background:linear-gradient(#0000 0% 80%,#00f0ff0f 95%,#00f0ff26 100%);width:100%;height:100%;animation:6s ease-in-out infinite holoScan;position:absolute;top:0;left:0}@keyframes holoScan{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.8;transform:translateY(-30px)}}.hero-content{text-align:center;z-index:5;max-width:900px;position:relative}.hero-content:before,.hero-content:after{content:"";border:2px solid var(--neon-cyan);opacity:.4;width:60px;height:60px;position:absolute}.hero-content:before{border-bottom:none;border-right:none;top:-20px;left:-20px}.hero-content:after{border-top:none;border-left:none;bottom:-20px;right:-20px}.hud-corner{pointer-events:none;z-index:6;width:40px;height:40px;position:absolute}.hud-corner svg{width:100%;height:100%;animation:12s linear infinite hudRotate}.hud-corner.top-left{top:20px;left:20px}.hud-corner.top-right{top:20px;right:20px;transform:scaleX(-1)}.hud-corner.bottom-left{bottom:20px;left:20px;transform:scaleY(-1)}.hud-corner.bottom-right{bottom:20px;right:20px;transform:scale(-1)}@keyframes hudRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hud-corner.top-right svg,.hud-corner.bottom-left svg{animation:15s linear infinite hudRotateReverse}@keyframes hudRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.hero-badge{border:1px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan);background:#00f0ff14;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;animation:3s ease-in-out infinite badgePulse;display:inline-flex}.badge-dot{background:var(--neon-green);width:8px;height:8px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;animation:1.5s ease-in-out infinite dotBlink}@keyframes badgePulse{0%,to{box-shadow:0 0 5px #00f0ff4d,0 0 10px #00f0ff1a}50%{box-shadow:0 0 15px #00f0ff99,0 0 30px #00f0ff4d}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{color:var(--text);background:linear-gradient(90deg,#00f0ff,#b026ff,#ff2e97,#0f8,gold,#00f0ff) 0 0/300% 100%;-webkit-text-fill-color:transparent;text-shadow:0 0 10px #00f0ff80,0 0 20px #00f0ff4d,0 0 40px #00f0ff33;letter-spacing:2px;filter:drop-shadow(0 0 8px #00f0ff99)drop-shadow(0 0 16px #b026ff66);-webkit-background-clip:text;background-clip:text;margin:16px 0;font-size:clamp(2rem,6vw,4rem);font-weight:900;animation:4s linear infinite rainbowShift,2s ease-in-out infinite titlePulse;position:relative}@keyframes rainbowShift{0%{background-position:0%}to{background-position:300%}}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 8px #00f0ff99)drop-shadow(0 0 16px #b026ff66);transform:skew(0)scale(1)}25%{filter:drop-shadow(0 0 12px #ff2e97b3)drop-shadow(0 0 24px #00f0ff80);transform:skew(-1deg)scale(1.01)}50%{filter:drop-shadow(0 0 15px #00f0ffe6)drop-shadow(0 0 30px #b026ff99)drop-shadow(0 0 45px #ff2e974d);transform:skew(0)scale(1.02)}75%{filter:drop-shadow(0 0 12px #b026ffb3)drop-shadow(0 0 24px #ff2e9780);transform:skew(1deg)scale(1.01)}}.hero-title .title-highlight{display:inline-block;position:relative}.hero-title .title-highlight:after{content:"";mix-blend-mode:overlay;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:3s ease-in-out infinite titleScan;position:absolute;top:0;left:-100%}@keyframes titleScan{0%{left:-100%}50%{left:100%}to{left:100%}}.hero-typing-text{animation:6s ease-in-out infinite textColorShift}@keyframes textColorShift{0%,to{color:#00f0ffb3;text-shadow:0 0 8px #00f0ff4d}33%{color:#b026ffb3;text-shadow:0 0 8px #b026ff4d}66%{color:#ff2e97b3;text-shadow:0 0 8px #ff2e974d}}.section-title{animation:3s ease-in-out infinite sectionGlow}@keyframes sectionGlow{0%,to{text-shadow:0 0 5px #00f0ff4d,0 0 10px #00f0ff33}50%{text-shadow:0 0 10px #00f0ff99,0 0 20px #00f0ff66,0 0 30px #b026ff33}}.hero-title:before,.hero-title:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-title:before{color:var(--neon-pink);z-index:-1;animation:3s linear infinite alternate-reverse glitchPink}.hero-title:after{color:var(--neon-cyan);z-index:-2;animation:2.5s linear infinite alternate-reverse glitchCyan}@keyframes glitchPink{0%,to{clip-path:inset(0);transform:translate(0)}10%{clip-path:inset(20% 0 60%);transform:translate(-2px,1px)}20%{clip-path:inset(80% 0 5%);transform:translate(2px,-1px)}30%{clip-path:inset(40% 0);transform:translate(-1px,2px)}40%{clip-path:inset(10% 0 70%);transform:translate(1px,-2px)}50%{clip-path:inset(60% 0 20%);transform:translate(-2px)}60%{clip-path:inset(30% 0 50%);transform:translate(2px,1px)}70%{clip-path:inset(90% 0 5%);transform:translateY(-1px)}80%{clip-path:inset(15% 0 75%);transform:translate(-1px,2px)}90%{clip-path:inset(50% 0 30%);transform:translate(1px,-1px)}}@keyframes glitchCyan{0%,to{clip-path:inset(0);transform:translate(0)}15%{clip-path:inset(70% 0 10%);transform:translate(2px,-1px)}25%{clip-path:inset(20% 0 60%);transform:translate(-2px,1px)}35%{clip-path:inset(50% 0 30%);transform:translate(1px,2px)}45%{clip-path:inset(80% 0 5%);transform:translate(-1px,-2px)}55%{clip-path:inset(10% 0 75%);transform:translate(2px)}65%{clip-path:inset(35% 0 45%);transform:translate(-2px,1px)}75%{clip-path:inset(65% 0 15%);transform:translateY(2px)}85%{clip-path:inset(25% 0 55%);transform:translate(1px,-1px)}95%{clip-path:inset(5% 0 85%);transform:translate(-1px,1px)}}.title-glow{background:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 50%, var(--neon-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite titleGradient}@keyframes titleGradient{0%,to{filter:brightness()drop-shadow(0 0 10px #00f0ff4d)}50%{filter:brightness(1.3)drop-shadow(0 0 20px #b026ff80)}}.hero-typing{color:var(--neon-green);text-shadow:0 0 8px #0f86;min-height:2em;margin:16px 0 24px;font-size:clamp(1rem,3vw,1.4rem)}.cursor{background:var(--neon-green);width:3px;height:1.2em;box-shadow:0 0 8px var(--neon-green);vertical-align:middle;margin-left:2px;animation:.8s steps(2,end) infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.stat-pill{color:var(--neon-cyan);background:#00f0ff0f;border:1px solid #00f0ff33;border-radius:16px;align-items:center;gap:6px;margin:4px;padding:4px 12px;font-size:.75rem;display:inline-flex}.stat-pill .pill-value{color:var(--text);text-shadow:0 0 6px #00f0ff80;font-weight:700}.system-status{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:24px;display:flex}.status-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusBlink}.status-dot.online{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.status-dot.active{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.status-dot.learning{background:var(--neon-purple);box-shadow:0 0 6px var(--neon-purple)}@keyframes statusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.radar-scan{border:1px solid #00f0ff33;border-radius:50%;width:120px;height:120px;margin:20px auto;position:relative;overflow:hidden}.radar-scan:before{content:"";transform-origin:0 0;background:conic-gradient(#0000 0deg,#00f0ff4d 30deg,#00f0ff99 60deg,#0000 90deg);width:50%;height:50%;animation:4s linear infinite radarSweep;position:absolute;top:50%;left:50%}.radar-scan:after{content:"";background:radial-gradient(circle,#0000 30%,#00f0ff0d 60%,#0000 80%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-hint{color:var(--text-secondary);text-align:center;font-size:.7rem;animation:2s ease-in-out infinite scrollBounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{opacity:.6;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(8px)}}.data-stream{pointer-events:none;opacity:.15;z-index:1;width:200px;height:100%;position:absolute;top:0;right:20px;overflow:hidden}.data-stream-text{font-family:var(--font-mono);color:var(--neon-green);white-space:pre;font-size:.65rem;animation:15s linear infinite dataFlow}@keyframes dataFlow{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.timeline-section,.metrics-section,.achievements-section,.cta-section{z-index:10;max-width:1200px;margin-left:auto;margin-right:auto;padding:60px 20px;position:relative}.section-header{align-items:center;gap:12px;max-width:1000px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex}.section-header h2{color:var(--text);text-shadow:0 0 10px #00f0ff4d;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}.section-line{background:linear-gradient(90deg, var(--neon-cyan), transparent);opacity:.4;flex:1;height:1px}.timeline{max-width:800px;margin:0 auto;padding-left:30px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--neon-cyan), var(--neon-purple), var(--neon-pink));width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #00f0ff4d}.timeline-item{opacity:0;margin-bottom:40px;transition:all .6s cubic-bezier(.25,.46,.45,.94);position:relative;transform:translate(-20px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot{background:var(--neon-cyan);width:10px;height:10px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%;animation:2s ease-in-out infinite dotPulse;position:absolute;top:8px;left:-35px}@keyframes dotPulse{0%,to{box-shadow:0 0 5px var(--neon-cyan), 0 0 10px #00f0ff4d;transform:scale(1)}50%{box-shadow:0 0 10px var(--neon-cyan), 0 0 20px #00f0ff99;transform:scale(1.3)}}.timeline-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.timeline-content:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff1a}.timeline-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.timeline-tag{color:var(--neon-cyan);background:#00f0ff14;border:1px solid #00f0ff33;border-radius:4px;padding:2px 8px;font-size:.65rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1000px;margin:0 auto;display:grid}.metric-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);width:100%;height:2px;animation:3s ease-in-out infinite metricTopGlow;position:absolute;top:0;left:0}@keyframes metricTopGlow{0%,to{opacity:.3;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.metric-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 0 25px #00f0ff26}.metric-corner{border:1px solid var(--neon-cyan);opacity:.5;width:12px;height:12px;position:absolute}.metric-corner.tl{border-bottom:none;border-right:none;top:8px;left:8px}.metric-corner.tr{border-bottom:none;border-left:none;top:8px;right:8px}.metric-corner.bl{border-top:none;border-right:none;bottom:8px;left:8px}.metric-corner.br{border-top:none;border-left:none;bottom:8px;right:8px}.metric-value{color:var(--text);text-shadow:0 0 15px #00f0ff66;font-size:2rem;font-weight:900;font-family:var(--font-mono)}.metric-label{color:var(--text-secondary);margin-top:4px;font-size:.75rem}.metric-bar{background:#00f0ff14;border-radius:2px;width:100%;height:4px;margin-top:12px;position:relative;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));border-radius:2px;height:100%;animation:2s ease-in-out infinite barShimmer;position:relative;box-shadow:0 0 8px #00f0ff80}.metric-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fffc);width:20px;height:100%;animation:1.5s linear infinite barParticle;position:absolute;top:0;right:0}@keyframes barShimmer{0%,to{box-shadow:0 0 5px #00f0ff4d}50%{box-shadow:0 0 15px #00f0ffb3,0 0 25px #b026ff4d}}@keyframes barParticle{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-200px)}}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.achievement-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;border-radius:12px;padding:24px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.achievement-card:before{content:"";background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple), var(--neon-pink));-webkit-mask-composite:xor;opacity:.3;pointer-events:none;border-radius:12px;width:100%;height:100%;padding:1px;transition:opacity .3s;position:absolute;top:0;left: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}.achievement-card:hover:before{opacity:.8}.achievement-card:hover{box-shadow:0 10px 40px #00f0ff26,0 0 60px #b026ff1a}.achievement-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#00f0ff26 0%,#0000 70%);border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement-card:hover:after{animation:.8s ease-out energyPulse}@keyframes energyPulse{0%{opacity:1;width:0;height:0}to{opacity:0;width:300px;height:300px}}.ach-corner{border:1px solid var(--neon-purple);opacity:.4;width:16px;height:16px;transition:all .3s;position:absolute}.ach-corner.ac-tl{border-bottom:none;border-right:none;top:6px;left:6px}.ach-corner.ac-tr{border-bottom:none;border-left:none;top:6px;right:6px}.ach-corner.ac-bl{border-top:none;border-right:none;bottom:6px;left:6px}.ach-corner.ac-br{border-top:none;border-left:none;bottom:6px;right:6px}.achievement-card:hover .ach-corner{opacity:1;border-color:var(--neon-cyan);width:20px;height:20px;box-shadow:0 0 8px #00f0ff4d}.glitch-text{animation:3s infinite glitchText;position:relative}@keyframes glitchText{0%,90%,to{text-shadow:0 0 10px #00f0ff80;transform:translate(0)}92%{text-shadow:2px 0 var(--neon-pink), -2px 0 var(--neon-cyan);transform:translate(-2px,1px)}94%{text-shadow:-2px 0 var(--neon-pink), 2px 0 var(--neon-cyan);transform:translate(2px,-1px)}96%{text-shadow:1px 0 var(--neon-pink), -1px 0 var(--neon-cyan);transform:translate(-1px,2px)}}.radar-ring{border:1px solid #00f0ff1a;border-radius:50%;position:absolute}.radar-r1{width:30%;height:30%;top:35%;left:35%}.radar-r2{border-color:#00f0ff0f;width:60%;height:60%;top:20%;left:20%}.radar-r3{border-color:#00f0ff08;width:90%;height:90%;top:5%;left:5%}.radar-blip{background:var(--neon-green);width:4px;height:4px;box-shadow:0 0 6px var(--neon-green);border-radius:50%;animation:2s ease-in-out infinite blipPulse;position:absolute;top:30%;left:60%}@keyframes blipPulse{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}.ach-glow{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0,#00f0ff14 0%,#0000 50%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.achievement-card:hover .ach-glow{opacity:1}.achievement-card .border-flow{background:linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-purple), transparent);opacity:0;pointer-events:none;width:100%;height:2px;position:absolute;top:-1px;left:-100%}.achievement-card:hover .border-flow{opacity:1;animation:1.5s linear infinite borderFlow}@keyframes borderFlow{0%{left:-100%}to{left:100%}}.ach-title{color:var(--text);z-index:2;margin-bottom:8px;font-size:1.1rem;font-weight:700;position:relative}.ach-desc{color:var(--text-secondary);z-index:2;font-size:.85rem;line-height:1.6;position:relative}.cta-section{text-align:center;padding:80px 20px}.cta-title{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple), var(--neon-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900}.cta-desc{color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.cta-pulse{border:1px solid var(--neon-cyan);color:var(--text);cursor:pointer;background:linear-gradient(135deg,#00f0ff1a,#b026ff1a);border-radius:30px;padding:14px 40px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #00f0ff33}.cta-pulse:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff66,0 0 60px #b026ff33}.cta-pulse:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s linear infinite ctaShine;position:absolute;top:0;left:-100%}@keyframes ctaShine{0%{left:-100%}to{left:100%}}.cta-status-bar{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px;display:flex}.cta-status-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.cta-status-dot{background:var(--neon-green);width:6px;height:6px;box-shadow:0 0 6px var(--neon-green);border-radius:50%;animation:2s ease-in-out infinite statusBlink}.data-updated{color:var(--text-secondary);opacity:.6;margin-top:16px;font-size:.7rem}.loading-overlay{background:var(--deep-space);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:2px solid #00f0ff1a;border-top-color:var(--neon-cyan);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;box-shadow:0 0 15px #00f0ff4d}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--neon-cyan);margin-top:16px;font-size:.8rem;animation:1.5s ease-in-out infinite loadingTextPulse}@keyframes loadingTextPulse{0%,to{opacity:.5}50%{opacity:1}}.error-banner{border:1px solid var(--neon-pink);color:var(--neon-pink);text-align:center;background:#ff2e9714;border-radius:8px;max-width:600px;margin:20px auto;padding:12px 20px;font-size:.85rem;box-shadow:0 0 15px #ff2e9733}.header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;background:#020210cc;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex;position:fixed;top:0;left:0}.nav-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:var(--neon-cyan)}.nav-link:after{content:"";background:var(--neon-cyan);width:0;height:2px;box-shadow:0 0 5px var(--neon-cyan);transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.nav-link.router-link-active{color:var(--neon-cyan)}.nav-link.router-link-active:after{width:100%}@media (width<=1024px){.metrics-grid,.achievements-grid{grid-template-columns:repeat(2,1fr)}.data-stream{display:none}}@media (width<=768px){.hero-section{padding:60px 16px 30px}.metrics-grid,.achievements-grid{grid-template-columns:1fr}.hud-corner{width:30px;height:30px}.radar-scan{width:90px;height:90px}.system-status{gap:12px}.cta-status-bar{gap:16px}}@media (width<=480px){.hero-title{font-size:1.8rem}.hero-typing{font-size:.9rem}.stat-pill{padding:3px 8px;font-size:.65rem}.hud-corner{display:none}.radar-scan{width:70px;height:70px}.section-header h2{font-size:1.1rem}.metric-value{font-size:1.5rem}}@media (width<=360px){.hero-title{font-size:1.5rem}.system-status,.cta-status-bar{flex-direction:column;gap:8px}}@media (prefers-contrast:high){.ai-showcase{--glass-border:#00f0ff66}.timeline-content,.metric-card,.achievement-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-block[data-v-fd8ddc88]{width:100%}.cb-text[data-v-fd8ddc88]{color:inherit;margin:0;line-height:1.7}.cb-image-wrap[data-v-fd8ddc88],.cb-video-wrap[data-v-fd8ddc88]{border-radius:8px;width:100%;margin:12px 0;overflow:hidden}.cb-image[data-v-fd8ddc88]{border-radius:8px;width:100%;height:auto;display:block}.cb-video[data-v-fd8ddc88]{background:#000;border-radius:8px;width:100%;max-height:400px;display:block}.cb-caption[data-v-fd8ddc88]{color:#ffffff80;text-align:center;margin:8px 0 0;font-size:13px}.cb-code-wrap[data-v-fd8ddc88]{border-radius:8px;margin:12px 0;position:relative;overflow:hidden}.cb-code[data-v-fd8ddc88]{color:#00f0ffe6;background:#0006;border:1px solid #00f0ff26;border-radius:8px;margin:0;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.cb-code-lang[data-v-fd8ddc88]{color:#00f0ff66;font-family:Courier New,monospace;font-size:11px;position:absolute;top:8px;right:12px}.cb-mixed[data-v-fd8ddc88]{flex-direction:column;gap:12px;display:flex}.cb-error[data-v-fd8ddc88]{text-align:center;color:#ff646499;padding:16px;font-size:13px}@media (width<=768px){.cb-code[data-v-fd8ddc88]{padding:12px;font-size:12px}.cb-video[data-v-fd8ddc88]{max-height:240px}}@media (width<=480px){.cb-code[data-v-fd8ddc88]{padding:10px;font-size:11px}}.home[data-v-2e6cb9af]{max-width:900px;margin:0 auto;padding:20px}.hero-evo[data-v-2e6cb9af]{background:#000;border:1px solid #34d39926;border-radius:16px;height:380px;margin-bottom:24px;position:relative;overflow:hidden}.hero-canvas[data-v-2e6cb9af]{width:100%;height:100%;position:absolute;inset:0}.dna-layer[data-v-2e6cb9af]{z-index:1}.brain-layer[data-v-2e6cb9af]{z-index:2}.hero-overlay[data-v-2e6cb9af]{z-index:3;text-align:center;background:radial-gradient(#0000 0%,#0000004d 50%,#0009 100%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex;position:relative}.hero-badge[data-v-2e6cb9af]{color:#34d399;letter-spacing:1.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#34d39914;border:1px solid #34d3994d;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-family:monospace;font-size:.7rem;display:inline-flex}.badge-dot[data-v-2e6cb9af]{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot-2e6cb9af}@keyframes pulse-dot-2e6cb9af{0%,to{opacity:1;box-shadow:0 0 4px #34d399}50%{opacity:.4;box-shadow:0 0 8px #34d399}}.hero-title[data-v-2e6cb9af]{letter-spacing:6px;gap:2px;margin:0 0 8px;font-size:3.5rem;font-weight:900;display:flex}.title-char[data-v-2e6cb9af]{color:#fff;text-shadow:0 0 30px #34d39966;animation:.6s ease-out both char-fade-2e6cb9af;display:inline-block}@keyframes char-fade-2e6cb9af{0%{opacity:0;filter:blur(8px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-subtitle[data-v-2e6cb9af]{color:#34d399;letter-spacing:2px;margin:0 0 12px;font-family:monospace;font-size:1rem}.hero-desc[data-v-2e6cb9af]{color:#ffffff80;max-width:480px;margin:0 auto 20px;font-size:.85rem;line-height:1.8}.hero-stats[data-v-2e6cb9af]{justify-content:center;align-items:center;gap:20px;display:flex}.stat-item[data-v-2e6cb9af]{flex-direction:column;align-items:center;display:flex}.stat-num[data-v-2e6cb9af]{color:#fff;font-family:monospace;font-size:1.4rem;font-weight:700}.stat-label[data-v-2e6cb9af]{color:#fff6;letter-spacing:1px;margin-top:2px;font-size:.65rem}.stat-divider[data-v-2e6cb9af]{background:#ffffff1a;width:1px;height:24px}.status-panel[data-v-2e6cb9af]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px 20px}.panel-header[data-v-2e6cb9af]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-title[data-v-2e6cb9af]{color:#fff6;letter-spacing:1.5px;font-family:monospace;font-size:.75rem}.panel-time[data-v-2e6cb9af]{color:#34d399;font-family:monospace;font-size:.85rem}.panel-grid[data-v-2e6cb9af]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.panel-item[data-v-2e6cb9af]{align-items:center;gap:8px;display:flex}.panel-label[data-v-2e6cb9af]{color:#fff6;width:36px;font-family:monospace;font-size:.7rem}.panel-bar[data-v-2e6cb9af]{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.bar-fill[data-v-2e6cb9af]{border-radius:2px;height:100%;transition:width .5s}.panel-value[data-v-2e6cb9af]{color:#fff6;text-align:right;width:36px;font-family:monospace;font-size:.75rem}.panel-value.mono[data-v-2e6cb9af]{color:#34d399}.evo-timeline[data-v-2e6cb9af]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px 20px 24px}.timeline-header[data-v-2e6cb9af]{margin-bottom:20px}.timeline-title[data-v-2e6cb9af]{color:#fff6;letter-spacing:1.5px;font-family:monospace;font-size:.75rem}.timeline-track[data-v-2e6cb9af]{height:50px;padding:0 10px;position:relative}.timeline-line[data-v-2e6cb9af]{background:linear-gradient(90deg,#34d399,#06b6d4,#ffffff1a);border-radius:1px;height:2px;position:absolute;top:12px;left:10px;right:10px}.timeline-node[data-v-2e6cb9af]{text-align:center;position:absolute;top:0;transform:translate(-50%)}.node-dot[data-v-2e6cb9af]{border:2px solid;border-radius:50%;width:10px;height:10px;margin:7px auto 6px}.node-dot.done[data-v-2e6cb9af]{background:#34d399;border-color:#34d399;box-shadow:0 0 8px #34d39966}.node-dot.active[data-v-2e6cb9af]{background:0 0;border-color:#06b6d4;animation:2s ease-in-out infinite node-pulse-2e6cb9af;box-shadow:0 0 8px #06b6d466}.node-dot.pending[data-v-2e6cb9af]{opacity:.4;background:0 0;border-color:#fff3}@keyframes node-pulse-2e6cb9af{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.node-label[data-v-2e6cb9af]{color:#fff6;letter-spacing:.5px;font-family:monospace;font-size:.65rem}.node-time[data-v-2e6cb9af]{color:#ffffff4d;font-size:.6rem}.search-zone[data-v-2e6cb9af]{margin-bottom:20px}.search-wrapper[data-v-2e6cb9af]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:0 16px;transition:border-color .3s,box-shadow .3s;display:flex}.search-wrapper[data-v-2e6cb9af]:focus-within{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a}.search-icon[data-v-2e6cb9af]{color:#34d399;font-size:1.1rem}.search-input[data-v-2e6cb9af]{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:.95rem}.search-input[data-v-2e6cb9af]::placeholder{color:#ffffff4d}.search-hint[data-v-2e6cb9af]{color:#ffffff4d;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.65rem}.categories[data-v-2e6cb9af]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.cat-btn[data-v-2e6cb9af]{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;padding:6px 14px;font-family:monospace;font-size:.85rem;transition:all .3s}.cat-btn[data-v-2e6cb9af]:hover{color:#34d399;border-color:#34d399}.cat-btn.active[data-v-2e6cb9af]{color:#34d399;background:#34d3991a;border-color:#34d399;box-shadow:0 0 12px #34d39926}.cat-bracket[data-v-2e6cb9af]{opacity:.5}.post-list[data-v-2e6cb9af]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.post-card[data-v-2e6cb9af]{border:1px solid #ffffff14;border-radius:12px;padding:20px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.post-card-glow[data-v-2e6cb9af]{background:linear-gradient(90deg,#0000,#34d3990d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.post-card[data-v-2e6cb9af]:hover{border-color:#34d39966;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #34d3991a}.post-card:hover .post-card-glow[data-v-2e6cb9af]{left:100%}.post-card-header[data-v-2e6cb9af]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.post-category[data-v-2e6cb9af]{color:#34d399;border:1px solid #34d39933;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.7rem}.post-date[data-v-2e6cb9af]{color:#ffffff4d;font-family:monospace;font-size:.7rem}.post-title[data-v-2e6cb9af]{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:600;line-height:1.4}.post-summary[data-v-2e6cb9af]{color:#fff6;margin:0 0 12px;font-size:.85rem;line-height:1.6}.post-tags[data-v-2e6cb9af]{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tag[data-v-2e6cb9af]{color:#fff6;background:#ffffff0a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.65rem}.post-card-footer[data-v-2e6cb9af]{border-top:1px solid #ffffff0f;padding-top:10px}.read-more[data-v-2e6cb9af]{color:#34d399;font-family:monospace;font-size:.75rem}.empty[data-v-2e6cb9af]{text-align:center;padding:60px 20px}.empty-icon[data-v-2e6cb9af]{color:#fff3;margin-bottom:12px;font-size:2rem}.empty p[data-v-2e6cb9af]{color:#ffffff4d;font-size:.9rem}@media (width<=768px){.hero-title[data-v-2e6cb9af]{font-size:2.2rem}.hero-stats[data-v-2e6cb9af]{gap:12px}.stat-num[data-v-2e6cb9af]{font-size:1.2rem}.panel-grid[data-v-2e6cb9af]{grid-template-columns:1fr 1fr;gap:10px}.post-list[data-v-2e6cb9af]{grid-template-columns:1fr}.timeline-track[data-v-2e6cb9af]{padding:0}.node-label[data-v-2e6cb9af]{font-size:.55rem}}.about[data-v-ded974a9]{max-width:800px;margin:0 auto;padding:40px 20px}.about-hero[data-v-ded974a9]{text-align:center;border-bottom:1px solid var(--border);margin-bottom:40px;padding:60px 20px 50px}.hero-emblem[data-v-ded974a9]{margin-bottom:20px;display:inline-block;position:relative}.emblem-core[data-v-ded974a9]{font-size:3rem;display:block}.emblem-ring[data-v-ded974a9]{border:2px solid var(--accent,#34d399);border-top-color:#0000;border-radius:50%;animation:4s linear infinite spin-ded974a9;position:absolute;inset:-8px}@keyframes spin-ded974a9{to{transform:rotate(360deg)}}.about-hero h1[data-v-ded974a9]{margin:0 0 8px;font-size:2rem;font-weight:700}.hero-subtitle[data-v-ded974a9]{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem}.hero-meta[data-v-ded974a9]{color:var(--text-secondary);margin:0;font-family:monospace;font-size:.85rem}.about-section[data-v-ded974a9]{margin-bottom:48px}.about-section h2[data-v-ded974a9]{align-items:center;gap:8px;margin:0 0 16px;font-size:1.3rem;font-weight:600;display:flex}.section-icon[data-v-ded974a9]{color:var(--accent,#34d399);font-size:1rem}.about-section p[data-v-ded974a9]{color:var(--text-secondary);margin:0 0 12px;line-height:1.8}.capability-grid[data-v-ded974a9]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.capability-card[data-v-ded974a9]{border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .3s,transform .3s}.capability-card[data-v-ded974a9]:hover{border-color:var(--accent,#34d399);transform:translateY(-2px)}.cap-icon[data-v-ded974a9]{margin-bottom:8px;font-size:1.8rem}.capability-card h3[data-v-ded974a9]{margin:0 0 8px;font-size:1rem;font-weight:600}.capability-card p[data-v-ded974a9]{margin:0;font-size:.85rem;line-height:1.6}.arch-table[data-v-ded974a9]{border:1px solid var(--border);border-radius:12px;overflow:hidden}.arch-row[data-v-ded974a9]{border-bottom:1px solid var(--border);padding:12px 16px;display:flex}.arch-row[data-v-ded974a9]:last-child{border-bottom:none}.arch-label[data-v-ded974a9]{color:var(--text-primary);flex:0 0 120px;font-size:.9rem;font-weight:600}.arch-value[data-v-ded974a9]{color:var(--text-secondary);flex:1;font-family:monospace;font-size:.9rem}.gepa-cycle[data-v-ded974a9]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:24px 0;display:flex}.gepa-step[data-v-ded974a9]{border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:12px 16px;display:flex}.gepa-letter[data-v-ded974a9]{color:var(--accent,#34d399);font-size:1.5rem;font-weight:700}.gepa-name[data-v-ded974a9]{font-size:.9rem;font-weight:600}.gepa-desc[data-v-ded974a9]{color:var(--text-secondary);text-align:center;font-size:.75rem}.gepa-arrow[data-v-ded974a9]{color:var(--text-secondary);font-size:1.2rem}.gepa-note[data-v-ded974a9]{color:var(--text-secondary);background:var(--bg-secondary,#ffffff08);border-radius:8px;padding:12px 16px;font-size:.85rem!important}.contact-list[data-v-ded974a9]{flex-direction:column;gap:8px;display:flex}.contact-item[data-v-ded974a9]{border:1px solid var(--border);border-radius:8px;padding:10px 16px;display:flex}.contact-label[data-v-ded974a9]{flex:0 0 80px;font-size:.9rem;font-weight:600}.contact-value[data-v-ded974a9]{color:var(--text-secondary);flex:1;font-family:monospace;font-size:.9rem}@media (width<=768px){.capability-grid[data-v-ded974a9]{grid-template-columns:1fr}.gepa-cycle[data-v-ded974a9]{flex-direction:column}.gepa-arrow[data-v-ded974a9]{transform:rotate(90deg)}.arch-label[data-v-ded974a9]{flex:0 0 90px}}*{box-sizing:border-box;margin:0;padding:0}:root,.light{--bg:#f5f7fa;--card-bg:#fff;--text:#1a1a2e;--text-secondary:#555;--border:#e0e0e0;--accent:#4f46e5;--accent-light:#818cf8;--tag-bg:#e0e7ff;--tag-text:#4338ca;--shadow:0 2px 8px #00000014}.dark{--bg:#0f0f1a;--card-bg:#1a1a2e;--text:#e0e0e0;--text-secondary:#a0a0b0;--border:#2a2a3e;--accent:#818cf8;--accent-light:#a5b4fc;--tag-bg:#312e81;--tag-text:#c7d2fe;--shadow:0 2px 8px #0000004d}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .4s,color .4s}*,:before,:after{transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 20px;display:flex}.logo{color:var(--text);align-items:center;gap:8px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{font-size:1.5rem}.nav{align-items:center;gap:20px;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.router-link-active{color:var(--accent)}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:1.1rem}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:30px 20px}.hero{text-align:center;padding:40px 0}.hero-title{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}.hero-subtitle{color:var(--text-secondary);font-size:1.1rem}.search-bar{max-width:500px;margin:0 auto 20px}.search-input{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 20px;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.cat-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.9rem;transition:all .2s}.cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.post-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.post-card{background:var(--card-bg);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s}.post-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.post-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.post-category{background:var(--tag-bg);color:var(--tag-text);border-radius:12px;padding:2px 10px;font-size:.8rem}.post-date{color:var(--text-secondary);font-size:.85rem}.post-title{margin-bottom:8px;font-size:1.2rem;font-weight:600;line-height:1.4}.post-summary{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;line-height:1.6}.post-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--tag-bg);color:var(--tag-text);border-radius:8px;padding:2px 8px;font-size:.8rem}.post-detail{max-width:800px;margin:0 auto}.back-link{color:var(--accent);margin-bottom:20px;font-size:.95rem;text-decoration:none;display:inline-block}.post-header{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:20px}.post-header .post-title{margin:10px 0;font-size:1.8rem}.post-meta{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.post-content{color:var(--text);line-height:1.8}.post-content h1{margin:20px 0 10px;font-size:1.5rem}.post-content h2{margin:18px 0 8px;font-size:1.3rem}.post-content h3{margin:15px 0 6px;font-size:1.1rem}.post-content p{margin-bottom:12px}.post-content ul,.post-content ol{margin:10px 0 12px 20px}.post-content li{margin-bottom:4px}.post-content code{background:var(--tag-bg);color:var(--tag-text);border-radius:4px;padding:2px 6px;font-size:.9em}.post-content pre{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:12px;overflow-x:auto}.about{max-width:700px;margin:0 auto;line-height:1.8}.about h1{margin-bottom:15px;font-size:2rem}.about h2{margin:20px 0 8px;font-size:1.3rem}.about ul{margin:10px 0 10px 20px}.empty{text-align:center;color:var(--text-secondary);padding:40px}.not-found{text-align:center;padding:60px}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-secondary);padding:20px;font-size:.9rem}.footer .icp{margin-top:8px;font-size:.8rem}.footer .icp a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer .icp a:hover{color:var(--text-primary);text-decoration:underline}@media (width<=768px){.hero-title{font-size:1.8rem}.post-list{grid-template-columns:1fr}.header-inner{padding:0 12px}.main{padding:20px 12px}}