:root{--font-sans: "Noto Sans SC", "Noto Sans TC", "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Space Grotesk", "Noto Sans SC", sans-serif;--font-display: "Space Grotesk", "Noto Sans SC", "Noto Sans TC", sans-serif;--font-mono: "Space Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 8px 24px -10px rgba(0,0,0,.55);--shadow-lg: 0 24px 60px -20px rgba(0,0,0,.7);--glow-amber: 0 0 40px rgba(242,180,92,.18);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.22,.9,.27,1);--transition-slow: .6s cubic-bezier(.22,.9,.27,1);--max-width: 1100px;--header-height: 64px;--color-success: #5BD2D6;--color-danger: #f08a8a;--color-primary: #F2B45C;--color-primary-light: #F6C884;--color-primary-dark: #D8923A;--color-accent: #5BD2D6;--color-accent-light: #8FE3E6;--color-bg: #0E1320;--color-bg-alt: #141B2C;--color-surface: #1A2238;--color-surface-2: #222C46;--color-text: #EDEFF5;--color-text-secondary: #9AA3B2;--color-text-inverse: #0E1320;--color-border: rgba(237,239,245,.12);--color-border-light: rgba(237,239,245,.07);--gradient-hero: radial-gradient(120% 80% at 50% 120%, rgba(242,180,92,.16), transparent 55%), radial-gradient(90% 60% at 50% -10%, rgba(91,210,214,.1), transparent 60%);--gradient-accent: linear-gradient(135deg, #F2B45C, #F6C884);--season-emoji: "🌆";--season-ornament-opacity: .05;--legacy-main: var(--color-accent);--legacy-light: var(--color-accent-light);--legacy-dark: var(--color-primary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;transition:background-color var(--transition-slow)}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.8;min-height:100vh;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.3;font-weight:600;color:var(--color-text);letter-spacing:-.01em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-16) 0}.section-title{text-align:center;margin-bottom:var(--space-4);color:var(--color-text);font-weight:600}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-base);max-width:520px;margin:0 auto var(--space-12);line-height:1.8}.section-divider{width:40px;height:2px;background:var(--color-primary-light);margin:0 auto var(--space-8);border-radius:1px}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-section{text-align:center;padding:var(--space-20) 0 var(--space-16);background:var(--gradient-hero);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 calc(-1 * var(--space-6));padding-left:var(--space-6);padding-right:var(--space-6);position:relative;overflow:hidden}.hero-section:before{content:var(--season-emoji);position:absolute;font-size:120px;top:-20px;right:-10px;opacity:var(--season-ornament-opacity);pointer-events:none;user-select:none}.hero-section:after{content:var(--season-emoji);position:absolute;font-size:80px;bottom:10px;left:5%;opacity:calc(var(--season-ornament-opacity) * .7);pointer-events:none;user-select:none;transform:rotate(-15deg)}.hero-title{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:600;letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);max-width:480px;margin:0 auto var(--space-8);line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}#app{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{transition:background-color var(--transition-slow),border-color var(--transition-slow),color var(--transition-slow)}a,button,.btn{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#0e1320b8;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);z-index:100;display:flex;align-items:center}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.site-logo{font-size:var(--text-base);font-weight:600;color:var(--color-text);text-decoration:none;letter-spacing:.06em;white-space:nowrap}.site-logo:hover{color:var(--color-primary)}.site-nav{display:flex;align-items:center;gap:0}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:400;color:var(--color-text-secondary);white-space:nowrap;letter-spacing:.01em}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-primary);font-weight:500}.lang-switcher{display:flex;gap:2px;margin-left:var(--space-6);padding:2px;background:var(--color-bg-alt);border-radius:var(--radius-full);border:1px solid var(--color-border-light)}.lang-btn{padding:3px var(--space-2);font-size:11px;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-full);letter-spacing:.03em}.lang-btn:hover{color:var(--color-text)}.lang-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.menu-toggle{display:none;padding:var(--space-2);color:var(--color-text)}.menu-toggle svg{width:20px;height:20px}@media(max-width:768px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;flex-direction:column;background:#0e1320f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);gap:0;box-shadow:var(--shadow-md)}.site-nav.open{display:flex}.nav-link{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.lang-switcher{margin-left:0;margin-top:var(--space-3);align-self:flex-start}}main{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - 200px)}.site-footer{background:var(--color-bg-alt);color:var(--color-text);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16);border-top:1px solid var(--color-border-light)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand{font-size:var(--text-sm);font-weight:600;color:var(--color-text);letter-spacing:.06em;margin-bottom:var(--space-2)}.footer-brand b{color:var(--color-primary)}.cr-brand{color:#ffffffb3;font-weight:600;letter-spacing:.04em}.cr-brand b{color:var(--color-primary)}.footer-tagline{color:#ffffff80;font-size:var(--text-sm)}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer-link{color:#ffffff80;font-size:var(--text-sm)}.footer-link:hover{color:#ffffffe6}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);color:#ffffff59;font-size:var(--text-xs)}@media(max-width:768px){.footer-top{flex-direction:column;gap:var(--space-6)}.footer-links{gap:var(--space-4)}.footer-bottom{flex-direction:column;text-align:center}}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.05)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary-light);background:var(--color-bg-alt);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-accent:hover{background:var(--color-accent-light);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3)}.btn-ghost:hover{color:var(--color-primary);background:var(--color-bg-alt)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-hover{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.card-body h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--color-bg-alt)}.tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:500;background:var(--color-bg-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);letter-spacing:.02em}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-primary{background:var(--color-bg-alt);color:var(--color-primary)}.feature-list{display:flex;flex-direction:column;gap:var(--space-3)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.feature-item:before{content:"◇";color:var(--color-primary-light);flex-shrink:0;margin-top:1px;font-size:10px}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card-header{padding:var(--space-6) var(--space-6) var(--space-3)}.product-card-header h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-1)}.product-card-tagline{color:var(--color-primary);font-weight:500;font-size:var(--text-sm)}.product-card-body{padding:var(--space-4) var(--space-6)}.product-card-body>p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.7}.product-card-actions{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-6);flex-wrap:wrap}.placeholder-img{width:100%;aspect-ratio:16 / 9;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;color:var(--color-primary-light);font-size:var(--text-4xl);font-weight:300;opacity:.8}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;font-size:var(--text-sm);color:var(--color-text-secondary)}.form-control{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text)}.form-control::placeholder{color:var(--color-text-secondary)}.form-control option{color:var(--color-text);background:var(--color-surface)}.form-control:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-light) 20%,transparent)}textarea.form-control{min-height:140px;resize:vertical}.banner{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.banner-text{color:var(--color-text-secondary);font-size:var(--text-sm)}.legacy-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.legacy-tab:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.legacy-tab.active{background:var(--gradient-accent);color:var(--color-text-inverse);border-color:transparent}.page-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.atmos-city{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:.1;filter:saturate(.85) blur(1px);-webkit-mask:linear-gradient(to bottom,transparent,#000 26%,#000 58%,transparent 92%);mask:linear-gradient(to bottom,transparent,#000 26%,#000 58%,transparent 92%)}.page-atmos[data-city=zh] .atmos-city{background-image:url(/assets/regions/shenzhen.png)}.page-atmos[data-city=zh-Hant] .atmos-city{background-image:url(/assets/regions/hongkong.png)}.page-atmos[data-city=en] .atmos-city{background-image:url(/assets/regions/usa.png)}.atmos-arc{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 118%,rgba(242,180,92,.2),transparent 56%),radial-gradient(90% 55% at 50% -12%,rgba(91,210,214,.12),transparent 60%)}.atmos-arc:after{content:"";position:absolute;left:50%;bottom:-42vw;width:150vw;height:150vw;transform:translate(-50%);border-radius:50%;border-top:1px solid rgba(242,180,92,.22);box-shadow:0 -1px 70px #f2b45c1a;-webkit-mask:linear-gradient(to bottom,#000,transparent 26%);mask:linear-gradient(to bottom,#000,transparent 26%)}@media(prefers-reduced-motion:no-preference){.atmos-arc{animation:atmosBreathe 14s ease-in-out infinite alternate}}@keyframes atmosBreathe{0%{opacity:.85}to{opacity:1}}