@import"https://fonts.loli.net/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{--color-primary-dark: #020408;--color-primary-blue: #050d1a;--color-secondary-blue: #0a1628;--color-surface: #0d1b2a;--color-neon-cyan: #00f5ff;--color-neon-blue: #0080ff;--color-neon-purple: #b000ff;--color-neon-pink: #ff0080;--color-neon-green: #00ff88;--glow-cyan: 0 0 15px rgba(0, 245, 255, .4), 0 0 40px rgba(0, 245, 255, .15);--glow-blue: 0 0 15px rgba(0, 128, 255, .4), 0 0 40px rgba(0, 128, 255, .15);--glow-purple: 0 0 15px rgba(176, 0, 255, .4), 0 0 40px rgba(176, 0, 255, .15);--glow-pink: 0 0 15px rgba(255, 0, 128, .4), 0 0 40px rgba(255, 0, 128, .15);--color-accent-silver: #e0f0ff;--color-accent-metal: #7da0c5;--text-main: #e0f0ff;--text-muted: #6a8a9b;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-primary-dark);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;letter-spacing:-.01em;background-image:linear-gradient(rgba(0,245,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.02) 1px,transparent 1px);background-size:60px 60px}.font-art-zh{font-family:ZCOOL XiaoWei,"Noto Serif SC",STKaiti,KaiTi,serif;font-weight:400;letter-spacing:.12em}.font-serif-zh{font-family:"Noto Serif SC",STSong,SimSun,serif;font-weight:700;letter-spacing:.08em}h1,h2,h3,h4,h5,h6{font-family:"Noto Serif SC",Inter,sans-serif;letter-spacing:-.02em;font-weight:700;text-rendering:optimizeLegibility}p{font-weight:300;color:var(--text-muted)}.brand-title-art{font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;background:linear-gradient(135deg,#a8d8f0,#5bb8e8,#38bdf8,#0ea5e9,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(56,189,248,.35));letter-spacing:.15em}.brand-subtitle-art{font-family:"Noto Serif SC",serif;font-weight:300;letter-spacing:.06em;line-height:1.9;color:#b0d2ebd9}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-primary-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f5ff4d,#0080ff4d);border-radius:3px;box-shadow:0 0 8px #00f5ff33}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f5ff80,#0080ff80)}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.fade-in-right.visible{opacity:1;transform:translate(0)}.parallax-container{will-change:transform}.card-hover-effect{transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo)}.card-hover-effect:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0009,var(--glow-cyan)}.glow-border{position:relative;overflow:hidden}.glow-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.1),rgba(0,128,255,.05),transparent);transition:left .8s var(--ease-in-out-quart);pointer-events:none;z-index:1}.glow-border:hover:before{left:100%}.text-metallic{background:linear-gradient(135deg,#7dd3fc,#38bdf8 40%,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:150% auto;filter:drop-shadow(0 0 8px rgba(56,189,248,.25))}.text-neon-cyan{color:var(--color-neon-cyan);text-shadow:0 0 12px rgba(0,245,255,.4)}.text-neon-blue{color:var(--color-neon-blue);text-shadow:0 0 12px rgba(0,128,255,.4)}.text-neon-purple{color:var(--color-neon-purple);text-shadow:0 0 12px rgba(176,0,255,.4)}.btn-metallic{background:linear-gradient(135deg,#00f5ff08,#0080ff0d);border:1px solid rgba(0,245,255,.3);color:var(--color-neon-cyan);transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden;letter-spacing:.05em;text-transform:uppercase;font-weight:500}.btn-metallic:hover{border-color:var(--color-neon-cyan);box-shadow:var(--glow-cyan),inset 0 0 20px #00f5ff08;transform:translateY(-2px);color:#fff}.btn-metallic:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,245,255,.05) 0%,transparent 70%);transform:scale(0);transition:transform .6s var(--ease-out-expo);pointer-events:none}.btn-metallic:hover:after{transform:scale(1)}.navbar-glass{background:#020408d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,245,255,.1);box-shadow:0 4px 20px #0000004d}.product-card{background:linear-gradient(145deg,#050d1ae6,#020408f2);border:1px solid rgba(0,245,255,.08);transition:all .4s var(--ease-out-expo);position:relative}.product-card:hover{border-color:#00f5ff40;box-shadow:0 25px 50px -12px #000000b3,var(--glow-cyan)}.slider-indicator{width:8px;height:8px;border-radius:50%;background:#00f5ff26;border:1px solid rgba(0,245,255,.2);transition:all .3s var(--ease-out-expo);cursor:pointer}.slider-indicator.active{background:var(--color-neon-cyan);width:24px;border-radius:2px;box-shadow:0 0 10px #00f5ff99}.loading-spinner{width:40px;height:40px;border:2px solid rgba(0,245,255,.08);border-top-color:var(--color-neon-cyan);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 10px #00f5ff26}@keyframes spin{to{transform:rotate(360deg)}}.neon-border{border:1px solid rgba(0,245,255,.2);box-shadow:inset 0 0 15px #00f5ff05,0 0 15px #00f5ff08}.neon-border-purple{border:1px solid rgba(176,0,255,.2);box-shadow:inset 0 0 15px #b000ff05,0 0 15px #b000ff08}.scanline{position:relative;overflow:hidden}.scanline:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.4),transparent);animation:scanDown 5s linear infinite;opacity:.3;pointer-events:none}@keyframes scanDown{0%{top:-5%}to{top:105%}}@keyframes neonPulse{0%,to{opacity:1;box-shadow:0 0 12px #00f5ff33}50%{opacity:.8;box-shadow:0 0 5px #00f5ff1a}}.neon-pulse{animation:neonPulse 3s ease-in-out infinite}.image-placeholder{background:linear-gradient(90deg,var(--color-primary-blue) 25%,rgba(0,245,255,.03) 50%,var(--color-primary-blue) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020408cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .3s var(--ease-out-expo) forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.product-expand-card{position:relative;width:90vw;max-width:680px;max-height:88vh;overflow-y:auto;background:linear-gradient(145deg,#050d1a,#020408);border:1px solid rgba(56,189,248,.25);border-radius:2px;box-shadow:0 0 0 1px #38bdf80d,0 32px 64px -16px #000c,0 0 40px #38bdf80d;animation:cardExpandIn .4s var(--ease-out-expo) forwards;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.2) transparent}.product-expand-card::-webkit-scrollbar{width:4px}.product-expand-card::-webkit-scrollbar-track{background:transparent}.product-expand-card::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}@keyframes cardExpandIn{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.product-expand-card-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(56,189,248,.2);border-radius:2px;color:#38bdf880;background:#02040880;cursor:pointer;transition:all .25s var(--ease-out-expo);z-index:10;font-size:14px;line-height:1}.product-expand-card-close:hover{border-color:#38bdf899;color:#38bdf8;box-shadow:0 0 10px #38bdf826;background:#38bdf80d}.product-card-clickable{cursor:pointer;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),border-color .35s var(--ease-out-expo)}.product-card-clickable:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 24px 48px -12px #000000b3,0 0 24px #38bdf814;border-color:#38bdf84d}.product-card-clickable:active{transform:scale(.98);transition-duration:.1s}.brand-image-wrapper{position:relative;overflow:hidden;border-radius:2px}.brand-image-wrapper:before,.brand-image-wrapper:after{content:"";position:absolute;width:100%;height:100%;border:1px solid rgba(0,245,255,0);transition:border-color .5s var(--ease-out-expo),opacity .5s var(--ease-out-expo);pointer-events:none;z-index:10;opacity:0}.brand-image-wrapper:hover:before,.brand-image-wrapper:hover:after{border-color:#00f5ff99;opacity:1}.brand-image-wrapper .scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,245,255,.05) 50%,transparent 100%);background-size:100% 200%;animation:scanVertical 3s linear infinite;pointer-events:none;z-index:5;opacity:0;transition:opacity .5s var(--ease-out-expo)}.brand-image-wrapper:hover .scan-overlay{opacity:1}@keyframes scanVertical{0%{background-position:0% 0%}to{background-position:0% 200%}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"|";color:var(--color-neon-cyan);animation:cursorBlink 1.2s ease-in-out infinite;margin-left:2px;font-weight:300}@keyframes textShimmer{0%{background-position:-200% center}to{background-position:200% center}}.text-shimmer-art{background:linear-gradient(90deg,#38bdf899,#7dd3fc 30%,#38bdf8cc,#0ea5e999 70%,#38bdf899);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 4s linear infinite}@keyframes brandGlowPulse{0%,to{filter:drop-shadow(0 0 8px rgba(56,189,248,.3)) drop-shadow(0 0 20px rgba(14,165,233,.15))}50%{filter:drop-shadow(0 0 16px rgba(56,189,248,.5)) drop-shadow(0 0 40px rgba(14,165,233,.25))}}.brand-glow-pulse{animation:brandGlowPulse 4s ease-in-out infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0) rotate(0);opacity:.4}33%{transform:translateY(-20px) translate(10px) rotate(120deg);opacity:.7}66%{transform:translateY(-10px) translate(-8px) rotate(240deg);opacity:.5}to{transform:translateY(0) translate(0) rotate(360deg);opacity:.4}}.particle-float{animation:particleFloat 8s ease-in-out infinite}.particle-float:nth-child(2){animation-delay:-2s;animation-duration:10s}.particle-float:nth-child(3){animation-delay:-4s;animation-duration:12s}.particle-float:nth-child(4){animation-delay:-6s;animation-duration:9s}@keyframes lineFlow{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100vw);opacity:0}}.neon-line-flow{animation:lineFlow 6s linear infinite}.neon-line-flow:nth-child(2){animation-delay:2s}.neon-line-flow:nth-child(3){animation-delay:4s}@keyframes rainDrop{0%{transform:translateY(-100%);opacity:0}5%{opacity:.6}95%{opacity:.3}to{transform:translateY(100vh);opacity:0}}.rain-drop{animation:rainDrop 4s linear infinite}@keyframes menuItemSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item-animated{animation:menuItemSlideIn .3s var(--ease-out-expo) forwards}.nav-link-underline{position:relative}.nav-link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--color-neon-cyan),transparent);transition:width .3s var(--ease-out-expo);box-shadow:0 0 6px #00f5ff80}.nav-link-underline:hover:after{width:100%}@keyframes seriesPageEnter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.series-page-enter{animation:seriesPageEnter .5s var(--ease-out-expo) forwards}@keyframes seriesCardStagger{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.series-card-stagger{animation:seriesCardStagger .6s var(--ease-out-expo) forwards;opacity:0}.page-transition{transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-neon-cyan);outline-offset:2px;box-shadow:0 0 10px #00f5ff4d}@media (max-width: 768px){.hero-title{font-size:2.5rem}.product-grid{grid-template-columns:1fr}.brand-title-art{letter-spacing:.08em}.mobile-menu-fix{position:fixed;top:0;left:0;width:100vw;height:100dvh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;z-index:9999;display:flex;flex-direction:column}.mobile-menu-fix>*{box-sizing:border-box;max-width:100vw;word-break:break-word}.mobile-menu-item{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;overflow-wrap:break-word;padding-left:8px;padding-right:8px}.checkout-page-mobile{min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,24px)}.cart-panel-mobile{width:100vw!important;max-width:100vw!important;max-height:85dvh!important;border-radius:12px 12px 0 0;bottom:0;left:0;right:0;position:fixed}.card-hover-effect:hover{transform:none;box-shadow:0 0 20px #00f5ff1a}button,a{min-height:40px}.product-expand-card{width:96vw;max-height:90dvh;margin:0 auto}.cart-fab-mobile{bottom:calc(env(safe-area-inset-bottom,16px) + 16px);right:16px}}@media (max-width: 375px){.hero-title{font-size:2rem}.checkout-btn-sm{padding:10px 16px;font-size:12px}.nav-logo-text{font-size:16px}}@media (min-width: 768px) and (max-width: 1024px){.product-grid-tablet{grid-template-columns:repeat(2,1fr)}.checkout-container-tablet{max-width:600px;margin:0 auto}}@media (hover: none) and (pointer: coarse){.card-hover-effect:hover{transform:none}.glow-border:before{display:none}.nav-link-underline{padding:8px 4px}.product-card-clickable:active{transform:scale(.97);transition-duration:.1s}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-bottom-margin{margin-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion: reduce){.particle-float,.neon-line-flow,.brand-glow-pulse,.text-shimmer-art,.neon-pulse,.scanline:after{animation:none}}