*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,sans-serif}:root{--color-primary:#ff4d4d;--color-primary-light:#ff4d4d26;--color-primary-dark:#da291c;--color-accent:#00e5cc;--color-accent-light:#00e5cc26;--color-accent-mid:#14b8a6;--color-secondary:#14b8a6;--color-blue:#3b82f6;--color-blue-light:#3b82f626;--color-blue-mid:#2563eb;--color-bg:#050810;--color-bg-secondary:#0a0f1a;--color-surface:#111827;--color-text-primary:#f0f4ff;--color-text-secondary:#8892b0;--color-text-muted:#5a6480;--color-border:#8892b026;--color-divider:#8892b01a;--color-success:#34d399;--color-success-light:#34d39926;--color-warning:#fbbf24;--color-warning-light:#fbbf2426;--color-error:#f87171;--color-error-light:#f8717126;--color-info:#00e5cc;--color-info-light:#00e5cc26;--font-family:"PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0000004d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.68, -.55, .265, 1.55);--header-height:56px;--header-height-mobile:48px;--content-max-width:1200px;--content-padding:var(--space-6);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:400;--z-modal:500;--glass-bg:#0a0f1aa6;--glass-bg-strong:#0a0f1af2;--glass-border:#8892b026;--glass-border-accent:#ff4d4d66;--glass-blur:12px;--coral-bright:#ff4d4d;--coral-mid:#e63946;--coral-dark:#991b1b;--cyan-bright:#00e5cc;--cyan-mid:#14b8a6;--cyan-glow:#00e5cc66;--blue-bright:#3b82f6;--blue-mid:#2563eb;--blue-glow:#3b82f666;--shadow-coral-soft:#ff4d4d26;--shadow-coral-mid:#ff4d4d40;--shadow-coral-strong:#ff4d4d59;--shadow-cyan-soft:#00e5cc1a;--shadow-blue-soft:#3b82f626;--shadow-blue-mid:#3b82f640;--shadow-blue-strong:#3b82f659;--shadow-warm:0 8px 30px #ff4d4d33;--shadow-cool:0 8px 30px #00e5cc26;--shadow-blue:0 8px 30px #3b82f633;--color-text-on-accent:#fff;--bento-card-bg:#0a0f1ab3;--bento-card-border:#8892b026;--bento-card-hover:#ff4d4d1a;--hero-gradient-1:#ff4d4d14;--hero-gradient-2:#00e5cc0f;--hero-glow:#ff6a3d2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}#app{z-index:1;min-height:100vh;position:relative}a{color:var(--coral-bright);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--cyan-bright)}button{font-family:var(--font-family);cursor:pointer;font-size:inherit;background:0 0;border:none}button>*{pointer-events:none}input,textarea,select{font-family:var(--font-family);font-size:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-scan{position:relative;overflow:hidden}.card-hud{z-index:1;position:relative}.card-hud:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan-500), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card-hud:hover:before{opacity:1;animation:2s linear infinite scanLine}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bg-carbon-lines{opacity:.5;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.bg-grid-dots{background-image:radial-gradient(circle at 1px 1px,#94a3b84d 1px,#0000 0);background-size:20px 20px}.card-animate{opacity:0;animation:.6s forwards cardSlideIn;transform:translateY(40px)}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.card-animate:hover{transform:translateY(-10px)}.card-animate:active{transform:scale(.98)}.hero-content{opacity:0;animation:.8s forwards heroFadeIn;transform:translateY(30px)}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.terminal-animate{opacity:0;animation:.6s .4s forwards terminalFadeIn;transform:translateY(20px)}@keyframes terminalFadeIn{to{opacity:1;transform:translateY(0)}}.scroll-indicator{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.fade-in{opacity:0;animation:.6s forwards fadeScaleIn;transform:scale(.9)}@keyframes fadeScaleIn{to{opacity:1;transform:scale(1)}}.energy-flow{animation:3s linear infinite energyPulse}@keyframes energyPulse{0%{opacity:0;top:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}.pulse-dot{animation:3s linear infinite dotPulse}@keyframes dotPulse{0%{opacity:0;top:0%;scale:1}10%{opacity:1}50%{scale:1.2}90%{opacity:1}to{opacity:0;top:100%;scale:1}}.shadow-terminal{box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f}.dark .shadow-terminal{box-shadow:0 0 30px #22d3ee14}.shadow-btn-primary{box-shadow:0 0 28px #22d3ee59}:root{--breakpoint-xs:360px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--mobile-padding:16px;--mobile-padding-large:24px;--mobile-header-height:48px;--mobile-tab-height:56px;--mobile-card-radius:12px;--mobile-button-height:44px;--mobile-touch-target:44px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}img,picture,video,canvas{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;max-width:100%}button,[role=button],a,input[type=button],input[type=submit]{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target)}.no-select{-webkit-user-select:none;user-select:none}.clickable{cursor:pointer;transition:transform .1s}.clickable:active{transform:scale(.98)}.container{width:100%;padding:0 var(--mobile-padding);max-width:var(--content-max-width);margin:0 auto}@supports (padding:max(0px)){.container{padding-left:max(var(--mobile-padding), env(safe-area-inset-left));padding-right:max(var(--mobile-padding), env(safe-area-inset-right))}}.grid-responsive{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.flex-responsive{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.flex-responsive{flex-direction:row;align-items:center}}.card-responsive{border-radius:var(--mobile-card-radius);padding:var(--space-4)}@media (width>=768px){.card-responsive{border-radius:var(--radius-xl);padding:var(--space-6)}}.text-responsive{font-size:clamp(.875rem,2vw,1rem)}.text-responsive-lg{font-size:clamp(1rem,3vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,4vw,1.75rem)}.text-responsive-2xl{font-size:clamp(1.5rem,5vw,2.25rem)}.spacing-responsive{gap:var(--space-3);padding:var(--space-4)}@media (width>=768px){.spacing-responsive{gap:var(--space-5);padding:var(--space-6)}}.hide-mobile{display:none!important}@media (width>=768px){.hide-mobile{display:block!important}.show-mobile{display:none!important}}.hide-tablet{display:block!important}@media (width>=768px){.hide-tablet{display:none!important}}.hide-desktop{display:block!important}@media (width>=1024px){.hide-desktop{display:none!important}}.btn-responsive{height:var(--mobile-button-height);padding:0 var(--space-4);border-radius:var(--radius-lg);font-size:.875rem}@media (width>=768px){.btn-responsive{height:48px;padding:0 var(--space-6);font-size:1rem}}.btn-full-mobile{width:100%}@media (width>=768px){.btn-full-mobile{width:auto}}.input-responsive{height:var(--mobile-button-height);padding:0 var(--space-4);border-radius:var(--radius-lg);font-size:1rem}@media (width>=768px){.input-responsive{height:48px}}.list-responsive{gap:var(--space-2)}.list-responsive>*{padding:var(--space-3);border-radius:var(--radius-md)}@media (width>=768px){.list-responsive{gap:var(--space-3)}.list-responsive>*{padding:var(--space-4);border-radius:var(--radius-lg)}}.bento-responsive{grid-template-columns:1fr}@media (width>=640px){.bento-responsive{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bento-responsive{grid-template-columns:repeat(4,1fr)}}.scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;overflow:auto hidden}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{scroll-snap-align:start;flex-shrink:0}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tabs-wrapper{padding-bottom:calc(var(--mobile-tab-height) + env(safe-area-inset-bottom,0))}.optimize-mobile{will-change:transform;backface-visibility:hidden}.img-placeholder{background:var(--color-bg-secondary);aspect-ratio:16/9}@media print{.no-print{display:none!important}}@media (prefers-contrast:high){*{border-color:currentColor!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}