@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color: #F46036;--bg-color: #FAFAFA;--surface-color: rgba(255, 255, 255, .85);--text-main: #1D1D1D;--text-muted: #666666;--border-light: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,Noto Sans TC,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.canvas-container{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.interactive-layer{pointer-events:auto}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}.premium-gradient-text{background:linear-gradient(135deg,#1d1d1d,#f46036);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000d}.btn-primary{display:inline-block;padding:1rem 2.5rem;background:var(--primary-color);color:#fff;border-radius:50px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit;font-size:1.1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f460364d;background:#e8552d}.section-padding{padding:8rem 2rem}.max-w-7xl{max-width:1280px;margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.4;pointer-events:none;filter:saturate(1.2)}@media(max-width:1024px){.premium-gradient-text{font-size:4rem!important}}@media(max-width:768px){.section-padding{padding:5rem 1.5rem}.premium-gradient-text{font-size:3rem!important;line-height:1.2}.nav-desktop{display:none!important}.nav-mobile-toggle{display:flex!important}#home h1{font-size:3.5rem!important}#home p{font-size:1.1rem!important;padding:0 1rem}#contact .max-w-7xl{grid-template-columns:1fr!important;gap:3rem!important}#contact h2{font-size:2.5rem!important}.modal-content-grid{grid-template-columns:1fr!important;gap:2rem!important;padding:2rem 1.5rem!important}.modal-header{padding:1rem 1.5rem!important}.modal-banner-container{padding:0 1.5rem!important}.modal-flavors-container{padding:0 1.5rem 4rem!important}.modal-flavors-grid{grid-template-columns:1fr!important}}@media(max-width:480px){#home h1{font-size:2.8rem!important}.btn-primary{width:100%;text-align:center;padding:1rem!important}}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2000;display:flex;flex-direction:column;padding:2rem}.mobile-nav-link{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-main);text-decoration:none}