@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=DM+Sans:ital,wght@0,400..900;1,400..900&family=Noto+Serif+TC:wght@400..900&family=Noto+Sans+TC:wght@400..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--hw-cream:#fdfaf5;--hw-warm-white:#faf7f2;--hw-paper:#f5f0e8;--hw-orange:#e8611a;--hw-orange-light:#f07b3a;--hw-orange-pale:#e8611a14;--hw-orange-border:#e8611a33;--hw-brown:#2c1a0e;--hw-brown-mid:#6b4226;--hw-ink:#1a1208;--hw-text:#2c2016;--hw-muted:#7a6550;--hw-border:#2c1a0e1a;--hw-green:#2a7a4a;--hw-green-pale:#2a7a4a1a;--hw-gold:#c89b2e;--ad-bg:#0c0d14;--ad-surface:#13141f;--ad-surface2:#1a1b2a;--ad-surface3:#20213200;--ad-border:#ffffff0f;--ad-border2:#ffffff1a;--ad-text:#e8e9f3;--ad-muted:#7e8196;--ad-accent:#5b5eff;--ad-accent-glow:#5b5eff40;--ad-green:#22c87a;--ad-amber:#f59e0b;--ad-red:#f05252}html{scroll-behavior:smooth;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Noto Sans TC,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.landing-body{background:var(--hw-cream);color:var(--hw-text)}.admin-body{background:var(--ad-bg);color:var(--ad-text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:4px;padding:6px;display:none}.hamburger-btn span{background:#1a1208;border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#fdfaf5f7;border-bottom:1px solid #2c1a0e1a;flex-direction:column;gap:4px;padding:12px 20px 20px;display:none;position:fixed;top:68px;left:0;right:0;box-shadow:0 8px 24px #2c1a0e14}.mobile-menu.open{display:flex}.mobile-menu a,.mobile-menu button{text-align:left;color:#2c2016;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.mobile-menu a:hover,.mobile-menu button:hover{color:#e8611a;background:#e8611a14}.mobile-menu .mobile-menu-divider{background:#2c1a0e14;height:1px;margin:6px 0}.mobile-menu .mobile-menu-user{color:#9a8470;padding:6px 16px 2px;font-size:12px}@media (width<=768px){.hamburger-btn{display:flex!important}.nav-link-desktop{display:none!important}.stats-row{flex-direction:column!important;gap:0!important;width:100%!important}.stats-row>div{border-bottom:1px solid #2c1a0e14;border-right:none!important;padding:14px 24px!important}.stats-row>div:last-child{border-bottom:none}.about-grid,.products-grid{grid-template-columns:1fr!important}.cta-grid{grid-template-columns:1fr!important;padding:40px 24px!important}}:root{--bg-app:#fdfaf5;--bg-band:#f5f0e8;--bg-card:#fff;--bg-ink:#1a1208;--bg-ink-hover:#2c2016;--fg-1:#1a1208;--fg-2:#2c2016;--fg-3:#3a2810;--fg-4:#6b4226;--fg-soft:#7a6550;--fg-faint:#9a8470;--fg-dim:#a08060;--fg-inverse:#fdfaf5;--fg-inverse-2:#faf7f2;--accent:#e8611a;--accent-hover:#d4551a;--accent-deep:#c94a08;--accent-tint:#e8611a14;--accent-tint-soft:#e8611a0d;--accent-border:#e8611a38;--accent-border-soft:#e8611a24;--accent-glow:#e8611a61;--success:#1e7a3e;--success-2:#27ae60;--success-3:#2a7a4a;--success-tint:#1e7a3e17;--warn:#f59e0b;--warn-bg:#fffbeb;--warn-fg:#92400e;--warn-border:#fed7aa;--danger:#ef4444;--danger-deep:#c0392b;--danger-tint:#ef444414;--border:#2c1a0e14;--border-soft:#2c1a0e0f;--border-strong:#2c1a0e21;--border-dark:#d4c4b0;--hairline:#2c1a0e1a;--shadow-color:44, 26, 14;--font-serif:"Playfair Display", "Noto Serif TC", Georgia, serif;--font-serif-tc:"Noto Serif TC", "Playfair Display", serif;--font-sans:"DM Sans", "Noto Sans TC", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--fs-hero:clamp(28px, 6.5vw, 80px);--fs-h2:clamp(30px, 4vw, 52px);--fs-h2-sm:clamp(28px, 3.5vw, 44px);--fs-h3:20px;--fs-h4:17px;--fs-lead:18px;--fs-body:15px;--fs-body-sm:14px;--fs-meta:13px;--fs-small:12px;--fs-eyebrow:11px;--fs-price:42px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-9:40px;--s-10:48px;--s-11:64px;--s-12:80px;--gutter:clamp(16px, 4vw, 32px);--section-y:clamp(60px, 10vw, 120px);--container:1160px;--container-narrow:1000px;--r-pill:100px;--r-input:10px;--r-btn:12px;--r-card:20px;--r-card-lg:24px;--r-icon:10px;--r-sm:8px;--sh-card:0 2px 16px rgba(var(--shadow-color), .06), 0 0 0 1px rgba(var(--shadow-color), .06);--sh-card-hover:0 24px 56px rgba(var(--shadow-color), .13), 0 0 0 1.5px #e8611a2e;--sh-cta:0 8px 28px #e8611a61;--sh-cta-hover:0 14px 36px #e8611a70;--sh-cta-dark:0 2px 8px rgba(var(--shadow-color), .15);--sh-modal:0 32px 80px rgba(var(--shadow-color), .22), 0 0 0 1px rgba(var(--shadow-color), .08);--sh-drawer:-8px 0 32px #00000026;--sh-nav-glass-bg:#fdfaf5eb;--ease:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-hover:.2s;--dur-card:.28s;--dur-enter:.55s}.dtb-body,body.dtb{background:var(--bg-app);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.dtb h1,.dtb-h1{font-family:var(--font-serif);font-size:var(--fs-hero);letter-spacing:-1.5px;color:var(--fg-1);font-weight:900;line-height:1.12}.dtb h2,.dtb-h2{font-family:var(--font-serif);font-size:var(--fs-h2);letter-spacing:-1.5px;color:var(--fg-1);font-weight:900;line-height:1.2}.dtb h3,.dtb-h3{font-family:var(--font-serif);font-size:var(--fs-h3);letter-spacing:-.3px;color:var(--fg-1);font-weight:800;line-height:1.35}.dtb-highlight,.dtb em.accent{color:var(--accent);font-style:italic;font-family:var(--font-serif)}.dtb p,.dtb-p{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--fg-soft);line-height:1.8}.dtb-lead{font-size:var(--fs-lead);color:var(--fg-soft);line-height:1.85}.dtb-meta{font-size:var(--fs-meta);color:var(--fg-faint);letter-spacing:.3px}.dtb-eyebrow{font-size:var(--fs-eyebrow);color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--r-pill);background:var(--accent-tint);border:1px solid var(--accent-border);padding:4px 14px;font-weight:700;display:inline-block}.dtb-price{font-family:var(--font-sans);font-size:var(--fs-price);letter-spacing:-2.5px;color:var(--fg-1);font-weight:900;line-height:1}.dtb-price-original{color:#b8a090;font-size:15px;font-weight:400;text-decoration:line-through}.dtb-save{color:var(--success);background:var(--success-tint);border-radius:var(--r-pill);letter-spacing:.2px;padding:3px 9px;font-size:12px;font-weight:700}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}