:root{--mist-glass: rgba(255, 255, 255, .55);--mist-border: rgba(160, 155, 150, .25);--mist-shadow: rgba(60, 55, 50, .05);--mist-shadow-hover: rgba(60, 55, 50, .08);--tea-green-light: #E6EBE5;--tea-green-deep: #98A698;--tea-gold-soft: #E8E2D2;--tea-rose: #E6DCD8;--tea-dark: #2f4b3c;--tea-main: #5a7b68;--tea-accent: #8fb79c;--tea-gold: #b8860b;--tea-gold-border: #d4af37;--text-primary: #3E3A36;--text-secondary: #706B66;--text-light: #ffffff;--color-error: #ff3b30;--color-success: #4cd964;--font-primary: "Noto Serif TC", "Songti TC", -apple-system, serif;--font-ui: system-ui, -apple-system, "PingFang TC", "Noto Sans TC", sans-serif;--radius-lg: 24px;--radius-md: 16px;--blur-lg: blur(24px);--blur-md: blur(16px);--ease-soft: cubic-bezier(.22, .61, .36, 1);--sticky-height: 90px;--pcolor: #5a7b68}body{padding-bottom:140px!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important;background:transparent;margin:0;color:var(--text-primary);font-family:"Noto Serif TC",Songti TC,-apple-system,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hidden{display:none!important}.ios-header{position:relative;z-index:100;background:linear-gradient(180deg,#fafcfaf2,#ffffffd9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 10px #5a7b6814;border-bottom:1px solid rgba(180,200,190,.3);padding:40px 24px 32px;text-align:center;border-radius:0 0 24px 24px;overflow:hidden;opacity:0;transform:translateY(28px);animation:teaHeaderEnter 1.2s cubic-bezier(.22,1,.36,1) forwards;margin-bottom:28px}.ios-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 120%,rgba(180,200,180,.25) 0%,transparent 60%),radial-gradient(circle at 70% -20%,rgba(160,190,170,.22) 0%,transparent 60%),radial-gradient(circle at 50% 80%,rgba(180,210,190,.18) 0%,transparent 70%);background-size:200% 200%;animation:teaMist 10s ease-in-out infinite alternate;filter:blur(16px);z-index:0}.ios-header>*{position:relative;z-index:1;pointer-events:auto}.brand-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:12px}.brand-icon{animation:none!important;filter:none!important;margin:0 auto 4px;display:flex;justify-content:center;align-items:center}.ios-title-lg{font-family:"Noto Serif TC",Songti TC,serif;font-size:26px;font-weight:800;letter-spacing:2px;color:#2f4b3c;margin:0;background:linear-gradient(135deg,#2f4b3c,#5a7b68);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(90,123,104,.1)}.ios-subtitle{font-size:15px;color:#6b8c7a;line-height:1.6;font-weight:500;margin-bottom:24px;letter-spacing:.5px;max-width:90%;margin-left:auto;margin-right:auto}.lang-switch{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#fffc;border:1px solid rgba(180,200,190,.45);box-shadow:0 4px 14px #5a7b681f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:6px}.lang-label{font-size:12px;color:#567163;letter-spacing:1px;font-weight:600}.lang-select-wrap{position:relative;display:inline-flex;align-items:center}.lang-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:6px 30px 6px 12px;border-radius:999px;border:1px solid rgba(130,160,145,.35);background:linear-gradient(135deg,#fffffff2,#f0f5f2e6);color:#2f4b3c;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-select:hover{border-color:#5a7b688c;box-shadow:0 6px 12px #5a7b6826}.lang-select:focus{outline:none;border-color:#5a7b68a6;box-shadow:0 0 0 3px #b4d2c380}.lang-select-icon{position:absolute;right:10px;pointer-events:none;color:#5a7b68;font-size:12px}.promo-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffffa6;border:1px solid rgba(180,200,190,.4);border-radius:50px;padding:8px 20px;font-size:13.5px;color:#4e6b58;font-weight:600;box-shadow:0 2px 10px #5a7b6814;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;cursor:default}.promo-pill:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 16px #5a7b6826;border-color:#8fb79c}.promo-pill .icon{font-size:16px}.ios-header:after{content:"";display:block;width:68px;height:3px;background:linear-gradient(90deg,#9bb7a6,#c8dfce);border-radius:999px;margin:24px auto 0;opacity:.9;animation:teaLine 1.5s ease-in-out}@keyframes teaHeaderEnter{0%{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes teaMist{0%{background-position:50% 0%}to{background-position:52% 0%}}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSubtitle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes teaLine{0%{width:0;opacity:0}60%{width:72px;opacity:1}to{width:68px}}@media (max-width: 480px){.ios-header{padding-top:32px;padding-bottom:24px;margin-bottom:20px}.ios-title-lg{font-size:24px}.ios-subtitle{font-size:14px;margin-bottom:18px}.promo-pill{font-size:12.5px;padding:8px 16px;width:100%;justify-content:center;box-sizing:border-box}.lang-switch{width:100%;justify-content:space-between}.lang-select{width:160px}}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:#f2f0eb;z-index:0}.aurora-layer{position:absolute;width:160%;height:160%;top:-30%;left:-30%;opacity:.38;filter:blur(100px);background:radial-gradient(circle at 40% 40%,#fffaf0cc,#e6ebe633,#fff0);mix-blend-mode:hard-light;transform:translateZ(0);pointer-events:none}.layer-1{opacity:.4}.layer-2{opacity:.3;filter:blur(140px)}.layer-3{opacity:.2}.catalog-tabs-wrap{padding:10px 20px 0}.catalog-tabs{display:flex;gap:10px;padding:6px;border-radius:999px;background:#ffffffa6;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px #5a7b681a;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.catalog-tab{flex:1 1 auto;padding:12px 14px;border:1px solid rgba(47,75,60,.18);border-radius:999px;background:#ffffffb8;color:#2f4b3c;font-size:16px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.catalog-tab:active{transform:scale(.98)}.catalog-tab.active{border-color:transparent}.catalog-tab[data-view=tea]{color:#2f4b3c;border-color:#2f4b3c40}.catalog-tab[data-view=tea].active{background:linear-gradient(135deg,#2f4b3c,#4a7c64);color:#fff;box-shadow:0 8px 18px #2f4b3c38}.catalog-tab[data-view=puer]{color:#6a4a30;border-color:#7c5c4047;background:#fff7eeb8}.catalog-tab[data-view=puer].active{background:linear-gradient(135deg,#7a5230,#9a6a42);color:#fff8ef;box-shadow:0 8px 18px #7a52303d}.catalog-tab[data-view=accessories]{color:#3f4f66;border-color:#586e8842;background:#f3f7fcbd}.catalog-tab[data-view=accessories].active{background:linear-gradient(135deg,#4a5f78,#6783a2);color:#f8fbff;box-shadow:0 8px 18px #4a5f783d}.catalog-query-bar{margin:12px 20px 0;padding:12px;border-radius:16px;background:#ffffffa8;border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 20px #5a7b6814;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.catalog-query-primary{display:flex;gap:8px;align-items:center}.catalog-query-primary>*{flex:1 1 auto}.catalog-query-primary>.catalog-query-input{flex:2 1 auto}.catalog-query-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(47,75,60,.18);background:#ffffffe6;color:#2f4b3c;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.catalog-query-advanced{margin-top:12px;padding-top:12px;border-top:1px solid rgba(47,75,60,.1);display:flex;flex-direction:column;gap:8px}.catalog-query-advanced.hidden{display:none!important}.catalog-query-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.catalog-query-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-query-input,.catalog-query-select{width:100%;min-height:40px;border-radius:10px;border:1px solid rgba(47,75,60,.18);background:#ffffffe6;color:#2f4b3c;font-size:14px;padding:8px 10px;box-sizing:border-box}.catalog-query-check{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 8px;border-radius:10px;border:1px solid rgba(47,75,60,.14);background:#ffffffbf;color:#2f4b3c;font-size:13px;font-weight:600}.catalog-query-reset{min-height:40px;border-radius:10px;border:1px solid rgba(47,75,60,.2);background:#2f4b3ce6;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.catalog-query-meta{margin-top:8px;font-size:12px;color:#2f4b3cb8;min-height:18px}.tea-scenes{position:relative;display:flex;overflow-x:hidden;overflow-y:visible;flex-direction:column;-webkit-overflow-scrolling:touch;z-index:1;gap:24px;padding:24px 20px}.tea-scenes::-webkit-scrollbar{display:none}.tea-scene{scroll-snap-align:start;margin-bottom:42px;z-index:1;padding:18px;border-radius:var(--radius-lg);background:var(--mist-glass);border:1px solid var(--mist-border);box-shadow:0 6px 18px var(--mist-shadow);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);transition:transform .4s var(--ease-soft)}.tea-scene:active{transform:scale(.985)}.tea-scene-header{display:flex;flex-direction:column;align-items:flex-start;padding:8px 4px 14px;margin-bottom:20px;background-image:linear-gradient(to right,var(--auroraA),var(--auroraB));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%}.tea-scene-header .cat-zh{font-size:20px;font-weight:700;letter-spacing:.05em;color:var(--catA);opacity:.92;margin-bottom:4px;transition:color .45s ease}.tea-scene-header .cat-en{font-size:12px;letter-spacing:.18em;color:var(--catB);opacity:.65;text-transform:uppercase;font-weight:500;transition:color .45s ease}.tea-scene-header .cat-intro{margin:8px 0 0;font-size:13px;line-height:1.6;color:#4f3d2ee6}.puer-hero-header{width:100%;margin:0 0 18px;padding:20px 16px 14px;border-radius:0;background:transparent;border:none;box-shadow:none;align-items:flex-start}.puer-hero-title{margin:0;font-size:25px;line-height:1.08;letter-spacing:.06em;font-weight:800;color:#3f3225}.puer-hero-subtitle{margin-top:10px;font-size:15px;letter-spacing:.25em;color:#5c4a3894;text-transform:uppercase}.puer-hero-desc{margin:14px 0 0;font-size:17px;line-height:1.6;color:#4f3d2ee6}.puer-hero-divider{width:100%;height:3px;margin-top:18px;border-radius:999px;background:#90745a94}.tea-scene[data-cat=普洱] .tea-scene-header .cat-zh{font-size:22px;font-weight:800;opacity:1}@media (max-width: 768px){.catalog-query-primary{flex-wrap:wrap}.catalog-query-primary>.catalog-query-input{flex:1 1 100%;order:1}.catalog-query-primary>.catalog-query-select{flex:1 1 auto;order:2}.catalog-query-primary>.catalog-query-toggle{flex:1 1 auto;order:3}.catalog-query-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-query-grid-secondary{grid-template-columns:1fr}.catalog-query-reset,.catalog-query-check{width:100%;justify-content:center}.puer-hero-header{padding:16px 14px 12px;border-radius:0}.puer-hero-title{font-size:25px}.puer-hero-subtitle{margin-top:8px;font-size:12px;letter-spacing:.2em}.puer-hero-desc{margin-top:12px;font-size:14px;line-height:1.6}.puer-hero-divider{margin-top:14px;height:2px}}.tea-scroll{display:flex;overflow-x:auto;gap:14px;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-left:-4px;width:calc(100% + 4px)}.tea-scroll::-webkit-scrollbar{height:4px}.tea-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:8px}.tea-card{width:180px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;border-radius:24px;background:linear-gradient(145deg,#fffffff2,#f0f8f5d9);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px #5a7b6814,0 4px 8px #5a7b680a,inset 0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.25,.8,.25,1);cursor:pointer;position:relative;overflow:hidden}.tea-card-media{width:calc(100% + 12px);margin:-4px -6px 10px;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:4 / 3;border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 18px #5a7b681f;background:#f5f9f699}.tea-card-main-img{width:100%;height:100%;object-fit:cover;display:block}.tea-card-sub-img{position:absolute;right:8px;bottom:8px;width:42%;max-width:72px;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 10px #00000029;background:#ffffffe6}.itemcard-gallery{width:100%;margin:2px 0 14px}.itemcard-gallery-viewport{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 18px #5a7b681f}.itemcard-gallery-container{display:flex}.itemcard-gallery-slide{flex:0 0 100%;min-width:0;height:clamp(220px,52vw,360px);background:#f5f9f699;overflow:hidden;display:flex;align-items:center;justify-content:center}.itemcard-gallery-img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0 auto;background:#f5f9f699}.itemcard-gallery-dots{margin-top:10px;display:flex;justify-content:center;gap:8px}.itemcard-gallery-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#2f4b3c40;cursor:pointer}.itemcard-gallery-dot.active{background:#2f4b3ce0}.tea-card-stamp{padding:5px 10px;border-radius:999px;border:1px solid rgba(184,134,11,.4);background:#fff8e6eb;color:#b8860b;font-size:11px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 6px #b8860b2e;pointer-events:none;display:inline-flex;align-items:center;gap:5px}.tea-card .tea-card-stamp{position:relative;margin-bottom:8px;align-self:flex-start}.itemcard .tea-card-stamp{position:absolute;top:12px;right:52px}.tea-card-stamp-img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.tea-card-stamp.puer-card-badge{top:10px;right:10px;padding:6px 12px;border-radius:999px;border:1px solid rgba(140,112,84,.3);background:#fff9f1bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#5a4636;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;box-shadow:0 4px 10px #684f3914}.tea-card:hover{transform:translateY(-6px) scale(1.02);background:linear-gradient(145deg,#fff,#f0f7f3);box-shadow:0 16px 40px #5a7b6826,0 6px 12px #5a7b6814;border-color:#cde0d6}.tea-card:active{transform:scale(.96);box-shadow:0 4px 12px #5a7b681a}.tea-card .title{font-size:18px;font-weight:800;line-height:1.4;color:#2a3a32;letter-spacing:.5px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tea-card .meta{font-size:14px;color:#6b8c7a;font-weight:500;margin-top:auto;display:flex;align-items:center;gap:4px}.tea-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);opacity:0;transition:opacity .3s;pointer-events:none}.tea-card:hover:after{opacity:1;animation:cardShine .8s ease-in-out forwards}@keyframes cardShine{0%{left:-100%}to{left:200%}}.member-section{padding:10px 20px 20px;margin-top:-10px}.member-dashboard{display:flex;flex-direction:column;gap:16px}.member-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease}.member-card.vip-card.logged-in{overflow:visible}.member-card:active{transform:scale(.98)}.vip-card{background:linear-gradient(135deg,#2f4b3c,#1a2e24);color:#fff;padding:24px;box-shadow:0 10px 25px #2f4b3c4d,inset 0 0 0 1px #ffffff1a;min-height:120px;display:flex;align-items:center}.card-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);animation:vipShine 6s infinite;pointer-events:none}@keyframes vipShine{0%,80%{left:-100%}to{left:200%}}.vip-bg-pattern{position:absolute;right:-20px;bottom:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(184,134,11,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.vip-content{position:relative;z-index:2;display:flex;align-items:center;width:100%;gap:16px}.vip-header{display:flex;flex-direction:column;align-items:center;gap:4px}.vip-tag{font-size:10px;letter-spacing:1px;color:#b8860b;font-weight:800;background:#0000004d;padding:2px 6px;border-radius:4px;border:1px solid rgba(184,134,11,.3)}.vip-info{flex:1}.vip-title{margin:0;font-size:18px;font-weight:700;letter-spacing:.5px;background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-sub{margin:4px 0 0;font-size:13px;color:#ffffffb3}.vip-action .arrow-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#b8860b;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.vip-card.logged-in{display:flex;align-items:center;padding:20px 24px;background:radial-gradient(circle at 80% 20%,rgba(184,134,11,.15) 0%,transparent 40%),linear-gradient(135deg,#1a2e25,#0d1411);border:1px solid rgba(184,134,11,.3);border-radius:16px;box-shadow:0 10px 25px -5px #0009,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.vip-card.logged-in:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.05),transparent);transform:skew(-25deg);animation:shine 6s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.vip-avatar-box{position:relative;width:56px;height:56px;margin-right:35px;flex-shrink:0}.vip-avatar{width:100%;height:100%;border-radius:50%;background:#2f4b3c;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(184,134,11,.6)}.vip-badge-icon{position:absolute;bottom:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,#e0c388,#b8860b);border:2px solid #1a2e25;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;z-index:2}.vip-info{display:flex;flex-direction:column;justify-content:center;flex:1;padding-left:4px}.vip-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.vip-title{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.vip-tier-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;border:1px solid #C5A059;color:#deb887;background:#c5a0591a;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;height:20px}.vip-sub{margin:0;font-size:13px;color:#8f9e96;font-weight:400;letter-spacing:.5px}.vip-stats-row{display:flex;align-items:flex-end;justify-content:space-between;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.15);border-radius:0;padding:16px 0 0;margin-top:16px}.vip-stat-item{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.stat-label{font-size:11px;color:#8f9e96;font-weight:400}.stat-value{font-size:18px;font-weight:700;color:wheat;font-family:Roboto,sans-serif;line-height:1.2}.stat-divider{display:none}.vip-stat-date{font-size:12px;color:#aaa;text-align:right;letter-spacing:.5px;padding-bottom:2px;margin-left:40px}.vip-logout{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:transparent;color:#fff6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;border:none}.vip-logout:hover{background:#c0392b;transform:none;border-color:#e74c3c}.vip-logout svg{pointer-events:none}.vip-progress-container{width:100%;height:4px;background:#ffffff26;border-radius:2px;margin-top:4px;margin-bottom:12px;overflow:hidden;position:relative}.vip-progress-bar{height:100%;background:linear-gradient(90deg,#e0c388,#b8860b);border-radius:2px;box-shadow:0 0 10px #b8860b80;transition:width 1s ease-out}.coupon-ticket{background:#fff;border:1px solid rgba(184,134,11,.2);display:flex;align-items:center;padding:0;height:70px;box-shadow:0 4px 15px #b8860b14;position:relative}.ticket-stub{width:60px;height:100%;background:#b8860b0d;display:flex;align-items:center;justify-content:center;border-right:2px dashed rgba(184,134,11,.3);position:relative}.ticket-stub:before,.ticket-stub:after{content:"";position:absolute;width:12px;height:12px;background:#f2f0eb;border-radius:50%;right:-6px;border:1px solid rgba(184,134,11,.2)}.ticket-stub:before{top:-7px;border-bottom-color:transparent;border-left-color:transparent}.ticket-stub:after{bottom:-7px;border-top-color:transparent;border-left-color:transparent}.ticket-body{flex:1;padding:0 16px}.ticket-title{font-size:16px;font-weight:700;color:#2f4b3c}.ticket-sub{font-size:12px;color:#888;margin-top:2px}.ticket-badge{margin-right:16px;background:#b8860b;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:50px}.coupon-list-container{padding:10px 0;min-height:150px;display:flex;flex-direction:column;gap:12px}.empty-coupon{text-align:center;padding:30px 0;color:#aaa}.btn-small{margin-top:15px;background:#2f4b3c;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px}@media (min-width: 600px){.member-dashboard{flex-direction:row}.member-card{flex:1}}.vip-card.logged-in{cursor:pointer;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;overflow:visible!important;min-height:unset!important;perspective:1200px;transform:none!important}.vip-card.logged-in:active .card-inner{transform:scale(.98)}.vip-card.logged-in.flipped:active .card-inner{transform:rotateY(180deg) scale(.98)}.vip-card.logged-in .card-inner{width:100%;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform .65s cubic-bezier(.4,0,.2,1);will-change:transform}.vip-card.logged-in.flipped .card-inner{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.vip-card.logged-in .card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0);-webkit-transform:rotateY(0deg);border-radius:16px;overflow:hidden;padding:20px 24px;position:relative;background:radial-gradient(circle at 80% 20%,rgba(184,134,11,.15) 0%,transparent 40%),linear-gradient(135deg,#1a2e25,#0d1411);border:1px solid rgba(184,134,11,.3);box-shadow:0 10px 25px -5px #0009,0 0 0 1px #ffffff0d inset}.vip-card.logged-in .card-front:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.05),transparent);transform:skew(-25deg);animation:shine 6s infinite;pointer-events:none}.vip-card.logged-in .vip-logout{pointer-events:auto;cursor:pointer;z-index:100}.vip-card.logged-in .card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;padding:18px 20px;background:linear-gradient(135deg,#0d1a14,#1e3528);border:1px solid rgba(184,134,11,.35);box-shadow:0 10px 25px -5px #0009;color:#fff;display:flex;flex-direction:column;gap:10px}.cb-header{display:flex;justify-content:space-between;align-items:center}.cb-title{font-size:13px;font-weight:700;color:#b8860b;letter-spacing:.5px}.cb-flip-hint{font-size:11px;color:#ffffff59}.cb-tier-block{background:#ffffff0d;border-radius:10px;padding:10px 12px}.cb-tier-name{font-size:12px;font-weight:700;color:#b8860b;margin-bottom:6px;letter-spacing:.3px}.cb-tier-name.next-tier{color:#b8860b99}.cb-perk-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cb-perk-list li{font-size:12px;color:#ffffffbf;display:flex;align-items:center;gap:5px}.cb-perk-list li .cb-icon{flex-shrink:0}.cb-divider{text-align:center;font-size:11px;color:#ffffff40;margin:-2px 0}.cb-max-block{text-align:center;padding:10px 0}.cb-max-block .cb-crown{font-size:24px;margin-bottom:4px}.cb-max-block p{font-size:12px;color:#ffffff80;margin:4px 0 0}#stickyBar,.sticky-bar,.bottom-nav{transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}body.coupon-mode #stickyBar,body.coupon-mode .sticky-bar,body.coupon-mode .bottom-nav{transform:translateY(120%)!important}#StickyBar.show{display:flex}.coupon-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:10px 4px}@media (min-width: 600px){.coupon-grid{grid-template-columns:1fr 1fr}}.coupon-card{display:flex;background:linear-gradient(135deg,#1a2e25,#0d1411);border:1px solid rgba(184,134,11,.3);border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 10px #0000004d}.coupon-card:hover{transform:translateY(-2px);border-color:#b8860b99;box-shadow:0 8px 15px #0006}.coupon-left{width:90px;background:linear-gradient(180deg,#b8860b,#8a660a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-right:2px dashed #0d1411;position:relative}.coupon-left:before,.coupon-left:after{content:"";position:absolute;width:16px;height:16px;background:#232323;border-radius:50%;left:-8px}.coupon-left:before{top:-8px}.coupon-left:after{bottom:-8px}.coupon-val{font-size:20px;font-weight:800;line-height:1.1;text-align:center}.coupon-type{font-size:10px;opacity:.9;margin-top:4px}.coupon-right{flex:1;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between}.coupon-title{color:wheat;font-size:15px;font-weight:700;margin-bottom:4px}.coupon-cond{color:#8f9e96;font-size:12px}.coupon-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}.coupon-date{font-size:11px;color:#666}.btn-apply{background:transparent;border:1px solid #b8860b;color:#b8860b;padding:4px 10px;font-size:12px;border-radius:20px;cursor:pointer;transition:all .2s}.btn-apply:hover{background:#b8860b;color:#fff}.tea-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity .35s ease;z-index:10001}.tea-modal.show{pointer-events:auto!important;opacity:1}.tea-modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;transition:opacity .35s ease;z-index:9000;pointer-events:none}.tea-modal.show .tea-modal-bg{opacity:1;pointer-events:auto!important}.tea-modal-content{background:#ffffffd9;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 -10px 40px #00000026,inset 0 1px #fff9;padding-bottom:calc(40px + env(safe-area-inset-bottom));width:100%;max-height:88%;background:#ffffffe0;border-radius:24px 24px 0 0;padding-bottom:calc(32px + env(safe-area-inset-bottom));backdrop-filter:blur(18px) saturate(140%);box-shadow:0 -6px 24px #0000001f;transform:translateY(100%);transition:transform .45s var(--ease-soft);overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:9500;pointer-events:auto}.tea-modal.show .tea-modal-content{transform:translateY(0)!important}.tea-modal .tea-collection{padding-bottom:calc(180px + env(safe-area-inset-bottom))!important;min-height:100%;display:flex;flex-direction:column;gap:22px}.tea-modal-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#f0faf599,#fff0);border-bottom:1px solid rgba(0,0,0,.03)}#modalTitle{font-size:22px!important;font-weight:800;color:#5a7b68;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px}#modalTitle:before{content:""!important;display:inline-block!important;width:24px;height:24px;margin-right:6px;margin-bottom:2px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16.5 3C19.58 3 22 5.42 22 8.5C22 11.13 19.2 14.28 16.97 16.26C15.83 17.25 14.38 17.9 12.85 17.9C11.69 17.9 10.57 17.52 9.63 16.81C6.48 14.43 2.32 11.35 2.32 7.57C2.32 4.49 4.74 2.07 7.82 2.07C9.56 2.07 11.23 2.88 12.32 4.16C13.41 2.88 15.08 3 16.5 3Z' style='fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath d='M12 18V22' style='stroke:currentColor;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 22l10-10'/%3E%3Cpath d='M12 12c.5-3 2.5-5 5-5 3 0 5 2 5 5 0 5-4.5 9.5-10 10'/%3E%3Cpath d='M12 12c-.5-3-2.5-5-5-5-3 0-5 2-5 5 0 5 4.5 9.5 10 10'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;opacity:.9}.close-btn{width:32px;height:32px;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#555;transition:all .2s}.close-btn:hover{background:#0000001a;transform:rotate(90deg)}.tea-collection{padding:18px 16px 40px;display:flex;flex-direction:column;gap:22px}.itemcard{margin-top:10px;padding:24px 20px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #5a7b6814;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}.itemcard:before{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,#e8f3ed 0%,transparent 70%);opacity:.6;pointer-events:none}.itemcard .title{font-size:24px;font-weight:800;color:#2f4b3c;margin-bottom:8px;line-height:1.3;font-family:"Noto Serif TC",serif}.itemcard .meta{font-size:15px;color:#6b8c7a;margin-bottom:16px;font-weight:500}.modal-share-btn{position:absolute;top:0;right:0;width:36px;height:36px;border-radius:50%;background-color:#f5f5f7;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a7b68;transition:all .2s ease;z-index:5}.modal-share-btn:hover{background-color:#e8f5e9;transform:scale(1.05)}.modal-share-btn svg{width:20px;height:20px;fill:currentColor;margin-top:-2px}.modal-share-btn.copied{background-color:#4caf50;color:#fff}.qty-row{display:flex;align-items:center;gap:12px;margin-top:4px}.qty-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#fafcfa,#eef3ef);border:1.5px solid rgba(160,180,165,.4);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#2f4b3c;cursor:pointer;transition:all .2s ease}.qty-btn:hover{transform:translateY(-2px);box-shadow:0 3px 6px #5a7b6826}.qty-input{width:48px;font-size:18px;font-weight:700;color:#2f4b3c;padding:6px 4px;border-radius:8px;border:1px solid rgba(170,190,180,.4);background:#ffffffbf;text-align:center}.product-add-btn{width:100%;margin-top:12px;height:42px;border:none;border-radius:12px;background:linear-gradient(135deg,#2f4b3c,#4a6b58);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2f4b3c3d;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.product-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2f4b3c4d}.product-add-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.product-add-btn.added{background:linear-gradient(135deg,#3a8f5c,#2b7a4c)}.product-cart-hint{margin-top:8px;font-size:12px;color:#6b7d73;font-weight:600;line-height:1.4;min-height:17px;opacity:0;transition:opacity .2s ease}.product-cart-hint.show{opacity:1}.qty-error-text{color:#ef4444;font-size:.9rem;font-weight:700;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.stock-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;background:#f0f5f3;color:#4a6b58;margin-bottom:16px}.stock-tag.low{background:#fff4e6;color:#c46a4a}.stock-tag.soldout{background:#ffe6e6;color:#b03535}.pack-row{background:#f8faf9;padding:12px;border-radius:12px;margin-top:10px;border:1px solid transparent;transition:all .3s ease;flex-direction:column;align-items:stretch}.pack-row.active{background:#fff;border-color:#8fb79c;box-shadow:0 4px 12px #0000000d}.pack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.pack-toggle{font-weight:700;color:#305c46;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer}.pack-status{font-size:12px;color:#666;font-weight:400}.pack-status.ok{color:#2ecc71;font-weight:700}.pack-status.warn{color:#e67e22}.pack-options.hidden{display:none}.pack-options{margin-top:12px;padding-top:12px;border-top:1px solid #eee;animation:slideDown .3s ease-out}.pack-option-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pack-option-item:last-child{margin-bottom:0}.pack-option-item .lbl{font-size:14px;color:#444;display:flex;flex-direction:column}.pack-option-item .lbl small{font-size:11px;color:#888}.stepper{display:flex;align-items:center;gap:5px}.stepper input{width:40px;height:30px;text-align:center;border:1px solid #ddd;border-radius:4px;background:#fff;font-weight:700;color:#333}.stepper .step{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer}.stepper .step:active{background:#eee}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.step{width:28px;height:28px;border-radius:8px;background:#fff;border:1px solid rgba(160,180,165,.4);color:#305c46;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.step:hover{background:#e8f3ed;border-color:#8fb79c;transform:translateY(-1px)}.qty-bubble{position:fixed;z-index:100000!important;font-size:16px;font-weight:800;color:#2f4b3c;text-shadow:0 1px 2px rgba(255,255,255,.9);pointer-events:none;white-space:nowrap;width:auto;will-change:transform;transform:translate3d(-50%,0,0);animation:qtyBubbleMoveBody .8s forwards}@keyframes qtyBubbleMoveBody{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.5)}20%{opacity:1;transform:translate3d(-50%,-20px,0) scale(1.2)}to{opacity:0;transform:translate3d(-50%,-50px,0) scale(1)}}.tea-collection{--modal-font-scale: 1;--modal-gap: 16px;--modal-radius: 20px;--modal-accent: #5a7b68}.modal-block{margin-bottom:var(--modal-gap)}.modal-block--compact{margin-bottom:calc(var(--modal-gap) * .75)}.modal-block--spacious{margin-bottom:calc(var(--modal-gap) * 1.25)}.modal-block-core .itemcard{border-radius:var(--modal-radius)}.modal-custom-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-custom-image-card{margin:0;border-radius:calc(var(--modal-radius) - 6px);overflow:hidden;background:#fff;border:1px solid rgba(47,75,60,.12)}.modal-custom-image-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.modal-custom-image-card figcaption{padding:8px 10px;font-size:calc(12px * var(--modal-font-scale));line-height:1.5;color:#456656}.modal-block-title{margin:0 0 10px;font-size:calc(16px * var(--modal-font-scale));font-weight:700;color:var(--modal-accent)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detailblock{--story-font-size: calc(15.5px * var(--modal-font-scale));--story-line-height: 1.85;--story-letter-spacing: .03em;--story-padding: 24px;--story-radius: 24px;--story-bg-color: #ffffff;--story-text-align: justify;background:var(--story-bg-color);border-radius:var(--story-radius);padding:var(--story-padding);margin-bottom:16px;box-shadow:0 4px 20px #5a7b680d;border:1px solid rgba(0,0,0,.02);opacity:0;animation:cardSlideUp .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.1s}.detailblock p{font-size:var(--story-font-size);line-height:var(--story-line-height);color:#4a4a4a;text-align:var(--story-text-align);letter-spacing:var(--story-letter-spacing);margin:0}.detailblock-content>*+*{margin-top:12px}.detailblock-content ul,.detailblock-content ol{margin:0;padding-left:20px;color:#4a4a4a;font-size:var(--story-font-size);line-height:var(--story-line-height);letter-spacing:var(--story-letter-spacing);text-align:var(--story-text-align)}.detailblock-content li+li{margin-top:6px}.detailblock-content img{width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:14px;border:1px solid rgba(47,75,60,.1);display:block}.detailblock-content strong{font-weight:700;color:#2f4b3c}.detailblock-content em{font-style:italic}@media (max-width: 768px){.modal-custom-images{grid-template-columns:1fr;gap:10px}.modal-custom-image-card figcaption{font-size:calc(13px * var(--modal-font-scale))}.detailblock{--story-padding: 18px}.detailblock-content img{border-radius:12px}}.profile-section{background:#fff;border-radius:24px;padding:24px;margin-top:0;margin-bottom:16px;box-shadow:0 4px 20px #5a7b680d;border:1px solid rgba(0,0,0,.02);opacity:0;animation:cardSlideUp .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.2s}.profile-title{font-size:13px;color:#8fa396;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:8px}.profile-title:before{content:"";display:block;width:4px;height:14px;background:var(--pcolor, #5a7b68);border-radius:2px}.profile-blocks{display:flex;flex-direction:column;gap:16px}.profile-row{display:flex;align-items:center;justify-content:space-between}.profile-label{font-size:15px;font-weight:600;color:#2f4b3c;width:55px}.profile-bar{flex:1;display:flex;gap:6px;padding-left:12px}.profile-bar .blk{flex:1;height:8px;border-radius:4px;background:#f0f2f1;transition:all .3s ease}.profile-bar .blk.on{background:var(--pcolor, #5a7b68);box-shadow:0 0 10px var(--pcolor, rgba(90, 123, 104, .4));opacity:0;animation:barPop .6s cubic-bezier(.34,1.56,.64,1) forwards}.profile-bar .blk:nth-child(1){animation-delay:.3s}.profile-bar .blk:nth-child(2){animation-delay:.35s}.profile-bar .blk:nth-child(3){animation-delay:.4s}.profile-bar .blk:nth-child(4){animation-delay:.45s}.profile-bar .blk:nth-child(5){animation-delay:.5s}@keyframes barPop{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.brew-section{background:#fff;border-radius:24px;padding:24px;margin-top:0;border:1px solid rgba(0,0,0,.02);box-shadow:0 4px 20px #5a7b680d;opacity:0;animation:cardSlideUp .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.3s}.brew-title{font-size:15px;font-weight:700;color:#2f4b3c;display:flex;align-items:center;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f5f3}.brew-row{font-size:15px;color:#555;padding:10px 0;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.brew-row:not(:last-child){border-bottom:1px dashed #f0f0f0}.brew-row:hover{background:#fafcfb;padding-left:10px;padding-right:10px;margin:0 -10px;border-radius:12px}.brew-row span:last-child{font-weight:600;color:#2f4b3c;font-family:"Noto Serif TC",serif;letter-spacing:.5px}.ice-icon{font-size:16px;margin-left:4px}.embla{position:relative;width:100%;max-width:100vw}.embla__viewport{width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.embla__container{display:flex;gap:14px;padding:10px 4px 10px 0;touch-action:pan-y pinch-zoom;overflow-y:visible}.embla__slide{flex:0 0 auto;width:auto;min-width:0}.consent-row{margin:24px 0 12px;padding:18px 20px;border-radius:16px;background:#ffffffd9;border:1px solid rgba(160,180,170,.45);box-shadow:0 4px 12px #5a7b680f,inset 0 1px #fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.consent-row:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5a7b681a}.sp-toggle{display:flex;align-items:flex-start;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.sp-toggle input{display:none}.sp-toggle-slider{position:relative;flex-shrink:0;width:46px;height:28px;border-radius:28px;margin-top:2px;background:#c8d7cd99;border:1px solid rgba(180,200,190,.3);box-shadow:inset 0 1px 2px #0000000d;transition:all .35s cubic-bezier(.4,0,.2,1)}.sp-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000026,0 1px 1px #0000000d;transition:all .35s cubic-bezier(.4,0,.2,1)}.sp-toggle input:checked+.sp-toggle-slider{background:linear-gradient(135deg,#7fa38a,#5a7b68);border-color:transparent;box-shadow:0 2px 8px #5a7b6840,inset 0 1px #ffffff4d}.sp-toggle input:checked+.sp-toggle-slider:after{transform:translate(18px);background:#fff}.sp-toggle-text{display:flex;flex-direction:column;gap:4px}.sp-toggle-label{font-size:15.5px;font-weight:700;color:#2f4b3c;line-height:1.4}.sp-consent-note{font-size:13.5px;color:#66776e;line-height:1.5}.submit-area{margin-top:32px;margin-bottom:24px;padding:0 8px;display:flex;justify-content:center}.submit-btn{width:100%;height:56px;border-radius:18px;font-size:18px;font-weight:700;letter-spacing:1px;color:#fff;border:none;background:linear-gradient(135deg,#5a7b68,#8fb79c);box-shadow:0 8px 20px #5a7b6840,inset 0 1px #ffffff4d;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.submit-btn:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(135deg,#668a75,#9cc3aa);box-shadow:0 12px 28px #5a7b6859,inset 0 1px #fff6}.submit-btn:not(:disabled):active{transform:translateY(1px);box-shadow:0 4px 10px #5a7b6833}.submit-btn:not(:disabled):after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:btnShine 3s infinite}@keyframes btnShine{0%{left:-100%;opacity:0}20%{left:200%;opacity:1}to{left:200%;opacity:0}}.submit-btn:disabled{background:#e0e0e0;color:#a0a0a0;box-shadow:none;cursor:not-allowed;transform:none}.submit-btn:disabled:after{display:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.submit-area{margin-bottom:calc(24px + env(safe-area-inset-bottom))}}.points-redeem-box{background:#ffffffd9;border:1px solid rgba(184,134,11,.2);border-radius:20px;padding:20px 24px;margin-bottom:24px;box-shadow:0 4px 20px #5a7b680d,inset 0 0 0 1px #ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}.points-redeem-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5a7b681a;border-color:#b8860b66}.points-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.points-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:gemPulse 3s infinite ease-in-out}@keyframes gemPulse{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(184,134,11,.2))}50%{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(184,134,11,.4))}}.points-info{flex:1;display:flex;flex-direction:column;gap:4px}.points-title{font-family:"Noto Serif TC",serif;font-weight:700;font-size:17px;color:#2f4b3c;letter-spacing:.5px}.points-balance{font-size:13px;color:#6b8c7a;font-weight:500}.points-balance span{color:#b8860b;font-weight:800;font-size:15px;margin:0 2px}.switch{position:relative;display:inline-block;width:52px;height:30px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e5e2;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:34px;box-shadow:inset 0 2px 4px #0000000f;border:1px solid rgba(0,0,0,.04)}.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:2px;background-color:#fff;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #00000026}input:checked+.slider{background:linear-gradient(135deg,#b8860b,#daa520);border-color:transparent}input:checked+.slider:before{transform:translate(22px);background-color:#fff}input:focus+.slider{box-shadow:0 0 0 2px #b8860b4d}.points-input-area{max-height:0;opacity:0;overflow:hidden;margin-top:0;padding-top:0;border-top:1px dashed transparent;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s,margin-top .3s ease,padding-top .3s ease,border-color .3s ease}.points-input-area.active{max-height:120px;opacity:1;margin-top:16px;padding-top:16px;border-top-color:#b8860b26}.points-input-row{display:flex;align-items:center;gap:12px;font-size:15px;color:#4a6b58;font-weight:600}.points-input{width:100px;text-align:center;padding:10px;border:1px solid #d1d9d4;border-radius:12px;font-size:18px;font-weight:700;color:#2f4b3c;background:#f9fbf9;transition:all .2s ease;-moz-appearance:textfield}.points-input::-webkit-outer-spin-button,.points-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.points-input:focus{outline:none;background:#fff;border-color:#b8860b;box-shadow:0 0 0 4px #b8860b1a;transform:translateY(-1px)}.points-convert-hint{margin-left:auto;font-size:13px;color:#8fa396;font-weight:500;background:#b8860b14;padding:4px 8px;border-radius:6px}.points-note{font-size:13px;color:#888;margin-top:10px;display:flex;align-items:center;gap:6px}.points-note span{color:#2f4b3c;font-weight:700}@keyframes inputErrorShake{0%,to{transform:translate(0);border-color:#d1d9d4}25%{transform:translate(-4px);border-color:#ef4444}75%{transform:translate(4px);border-color:#ef4444}}.points-input.error{animation:inputErrorShake .4s ease-in-out;color:#ef4444;background:#fff5f5}.tea-scroll,.embla__container{display:flex!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;cursor:grab;pointer-events:auto!important}.tea-modal-content{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;max-height:85vh!important;height:auto!important}.tea-modal{touch-action:none}.tea-modal-content *{touch-action:pan-y!important}.ai-chat-area{flex-grow:1;height:0;min-height:200px}.qty-input,.pack-qty input{width:40px!important;height:30px!important;padding:0!important;margin:0 4px!important;background:#fffc!important;border:1px solid rgba(160,180,170,.5)!important;border-radius:8px!important;font-size:15px!important;font-weight:700!important;text-align:center!important;color:#2f4b3c!important;box-shadow:none!important}.qty-input:focus,.pack-qty input:focus{border-color:#5a7b68!important;background:#fff!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{background:linear-gradient(to bottom,#fff0,#f8f8f8cc);padding:60px 20px 120px;text-align:center;position:relative;z-index:1}.footer-content{max-width:680px;margin:0 auto}.footer-icon{margin-bottom:20px;opacity:.6}.footer-heading{font-family:Zen Kurenaido,"Noto Serif TC",serif;font-size:15px;color:#8e8e93;letter-spacing:.15em;margin-bottom:24px;font-weight:500;position:relative;display:inline-block}.footer-heading:after{content:"";display:block;width:30px;height:1px;background-color:#d1d1d6;margin:12px auto 0}.seo-intro p{font-family:"Noto Serif TC",serif;font-size:13px;line-height:2;color:#999;letter-spacing:.08em;text-align:justify;text-align-last:center}.seo-intro strong{font-weight:600;color:#7a8b80}.footer-bottom{margin-top:40px;padding-top:30px;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:10px;font-family:sans-serif}.copyright{font-size:11px;color:#c7c7cc;letter-spacing:.05em}.footer-links{font-size:11px}.footer-links a{color:#aeaeb2;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#5a7b68}.footer-links .sep{color:#e5e5ea;margin:0 8px}@media (max-width: 480px){.site-footer{padding-top:40px}.seo-intro p{font-size:12px;text-align:center}}.bento-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:12px;width:100%}.bento-card{background:#ffffffbf;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 4px 16px #5a7b680f;transition:transform .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;position:relative}.bento-card:hover{transform:translateY(-3px);background:#ffffffe6;box-shadow:0 8px 24px #5a7b681f}.bento-card.large{grid-column:1 / 2;grid-row:1 / 2;background:linear-gradient(135deg,#ffffffe6,#f0faf5cc)}.bento-card.tall{grid-column:2 / 3;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#fffc,#fff8f0cc)}.bento-card.medium{grid-column:1 / 2}.bento-content{display:flex;flex-direction:column;gap:10px;height:100%}.bento-content.row{flex-direction:row;align-items:center;gap:14px}.bento-content.center{align-items:center;justify-content:center}.bento-text h3,.bento-content h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#2f4b3c;font-family:"Noto Serif TC",serif}.bento-text p,.bento-content p{margin:0;font-size:13.5px;color:#6b8c7a;line-height:1.5}.bento-icon-bg{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}@media (max-width: 480px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card.tall{grid-column:auto;grid-row:auto;flex-direction:row;text-align:left;justify-content:flex-start;padding:16px 20px}.bento-content.center{flex-direction:row;gap:16px;align-items:center}}.contact-card-glass{display:flex;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #5a7b6814;margin-top:12px}.contact-info{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center}.shop-name{font-size:22px;font-weight:800;color:#2f4b3c;font-family:"Noto Serif TC",serif;margin-bottom:4px}.shop-desc{font-size:14px;color:#6b8c7a;margin-bottom:20px;letter-spacing:1px}.action-list{display:flex;flex-direction:column;gap:12px}.action-item{display:flex;align-items:center;gap:14px;padding:12px;background:#ffffff80;border:1px solid rgba(160,180,170,.2);border-radius:16px;text-decoration:none;transition:all .2s ease}.action-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5a7b681a;border-color:#8fb79c}.icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.icon-box.phone{background:#e8f5e9;color:#2e7d32}.icon-box.map{background:#e3f2fd;color:#1565c0}.icon-box.mail{background:#fff3e0;color:#ef6c00}.text-box{display:flex;flex-direction:column;flex:1;min-width:0}.text-box .label{font-size:12px;color:#8fa396;margin-bottom:2px}.text-box .value{font-size:15px;font-weight:600;color:#2f4b3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{color:#bccdc3;font-size:20px;font-weight:700}.map-visual{width:40%;min-height:200px;background:#f0f0f0;position:relative;border-left:1px solid rgba(0,0,0,.05)}.map-visual iframe{filter:grayscale(20%) contrast(95%)}@media (max-width: 768px){.contact-card-glass{flex-direction:column-reverse}.map-visual{width:100%;height:180px;border-left:none;border-top:1px solid rgba(0,0,0,.05)}.contact-info{padding:20px}}.policy-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity .3s ease}.policy-modal.active{opacity:1;pointer-events:auto}.policy-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.policy-sheet{position:relative;width:100%;max-width:600px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #00000026;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:85vh}.policy-modal.active .policy-sheet{transform:translateY(0)}@media (min-width: 768px){.policy-modal{align-items:center}.policy-sheet{border-radius:20px;max-height:80vh;margin:20px}}.policy-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center}.policy-header h3{margin:0;font-size:18px;color:#2f4b3c;font-weight:700}.policy-close{background:transparent;border:none;font-size:24px;color:#888;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.policy-close:hover{background:#0000000d}.policy-body{padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#4a4a4a;font-size:15px;line-height:1.8}.policy-text h4{color:#2f4b3c;margin:24px 0 8px;font-size:16px}.policy-text h4:first-child{margin-top:0}.policy-text p{margin-bottom:0;text-align:justify}.policy-text strong{color:#b8860b}.check-form-group{margin-bottom:24px;background:#f9f9f9;padding:16px;border-radius:16px}.check-form-group label{display:block;font-size:13px;color:#666;margin-bottom:8px}.input-row{display:flex;gap:8px}.input-row input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:10px;font-size:16px;outline:none;transition:border .2s}.input-row input:focus{border-color:#5a7b68}.input-row button{padding:0 20px;background:#5a7b68;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}.input-row button:active{transform:scale(.96)}.order-list{min-height:200px;display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;color:#999;margin-top:40px}.empty-state p{font-size:14px;margin-top:10px}.order-card{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000008;border-radius:12px;padding:16px;transition:transform .2s}.oc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #eee}.oc-date{font-size:13px;color:#888}.oc-status{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:700}.status-pending{background:#f0f0f0;color:#666}.status-process{background:#fff7e6;color:#fa8c16}.status-shipped{background:#f6ffed;color:#52c41a}.status-cancel{background:#fff1f0;color:#f5222d}.oc-body{font-size:14px;color:#333}.oc-row{display:flex;justify-content:space-between;margin-bottom:4px}.font-mono{font-family:monospace;letter-spacing:.5px;color:#555}.price{color:#b8860b;font-weight:700}.action-item.highlight{background:#fffc;border-color:#b8860b;box-shadow:0 4px 12px #b8860b26}.action-item.highlight .icon-box{background:#fff8e1;color:#b8860b}.action-item.highlight:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #b8860b40}.track-link{color:#1a73e8;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.track-link:hover{text-decoration:underline;color:#0d47a1}.carrier-tag{color:#555;font-weight:400;font-size:.9em}.gift-toggle-row{margin-top:16px;padding:12px 0 6px}.gift-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text-primary, #333);-webkit-user-select:none;user-select:none}.gift-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#5a7b68;cursor:pointer;flex-shrink:0}.gift-section{margin-top:14px;padding:20px 18px 24px;background:#fdfaf5;border:1px solid #e8e0d0;border-radius:14px}.gift-input-wrap{margin-bottom:20px}.gift-input-wrap .form-label{display:block;margin-bottom:10px;font-size:.9rem;font-weight:600;color:#4a5c51;letter-spacing:.02em}.gift-textarea{width:100%;min-height:100px;padding:12px 14px;border:1px solid #d1c9b8;border-radius:10px;font-size:.92rem;font-family:inherit;line-height:1.7;resize:vertical;background:#fff;box-sizing:border-box;color:#333}.gift-textarea:focus{outline:none;border-color:#5a7b68;box-shadow:0 0 0 2px #5a7b681f}.gift-input-hint{margin-top:8px;font-size:.76rem;color:#aaa;letter-spacing:.01em}.gift-card-preview{aspect-ratio:3 / 4;max-width:260px;background:#fff;border:1px solid #ddd;box-shadow:0 6px 32px #0000001a,0 1px 4px #0000000f;display:flex;flex-direction:column;padding:36px 28px 28px;font-family:Georgia,Times New Roman,serif;margin:0 auto;box-sizing:border-box}.gc-header{font-variant:small-caps;letter-spacing:.22em;font-size:1.25rem;font-weight:400;text-align:center;border-bottom:1px solid #c8bfb0;padding-bottom:16px;margin-bottom:24px;color:#2a2520}.gc-body{flex:1;overflow:hidden;padding:4px 0}.gc-message{font-size:.87rem;line-height:1.9;color:#3a3530;white-space:pre-wrap;margin:0}.gc-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #e8e0d8;gap:12px}.gc-sign{font-style:italic;font-size:.73rem;color:#6a6058;line-height:1.5;flex:1}.gc-qr img{width:52px;height:52px;display:block;flex-shrink:0}