:root{--jxg-font:-apple-system, BlinkMacSystemFont, "SF Pro TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--jxg-ink:#202124;--jxg-graphite:#3c4043;--jxg-muted:#6f7377;--jxg-soft:#f5f5f7;--jxg-warm-soft:#f7f3eb;--jxg-surface:#fff;--jxg-line:#d8d2c8;--jxg-gold:#b8a06e;--jxg-gold-light:#f1e6cb;--jxg-gold-deep:#776648;--jxg-culture-red:#8f555b;--jxg-culture-jade:#557f75;--jxg-culture-blue:#526b8a;--jxg-link:#2f73b8;--jxg-radius-sm:12px;--jxg-radius:18px;--jxg-radius-lg:28px;--jxg-pill:999px;--warm-1:#f4e8d4;--warm-2:#d6b16b;--warm-3:#9e8055;--warm-4:#a66a5b;--rose-1:#f3e8e5;--rose-2:#d4b5ae;--rose-3:#a7838f;--rose-4:#7a596b;--leaf-1:#eef3e7;--leaf-2:#b7c58a;--leaf-3:#7e9a73;--leaf-4:#5f8f76;--cool-1:#edf3f6;--cool-2:#a8bfd1;--cool-3:#7fa6c3;--cool-4:#526f92;--stone-1:#f0ebe4;--stone-2:#d5cabd;--stone-3:#a99f91;--stone-4:#706a62}.jxg-btn{border-radius:var(--jxg-pill);min-height:44px;font:650 15px/1 var(--jxg-font);white-space:nowrap;border:1px solid transparent;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.jxg-btn-primary{background:var(--jxg-ink);color:#fff}.jxg-btn-secondary{background:var(--jxg-surface);color:var(--jxg-ink);border-color:#cfcfd4}.jxg-btn-reward{background:linear-gradient(135deg, #d5c496, var(--jxg-gold) 52%, #8e7852);color:#1d1d1f}.jxg-btn-disabled{color:#8a8a8e;cursor:not-allowed;background:#e5e5ea}.jxg-link{color:var(--jxg-link);font-weight:650;text-decoration:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:auto;min-height:100%;font-size:16px}body{font-family:var(--jxg-font);color:var(--jxg-ink);background-color:var(--jxg-soft);min-height:100vh;height:auto;min-height:100dvh;font-weight:400;line-height:1.5;overflow-x:hidden}html.line-webview,body.line-webview{min-height:100vh;height:auto;min-height:100dvh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}#root{width:100%;max-width:100%;min-height:100%}.main--with-header{padding-top:64px}.jxg-page{width:min(1200px,100% - 32px);margin:0 auto;padding:28px 0 64px}.jxg-eyebrow{color:var(--jxg-muted);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:800}.jxg-placeholder-note{border:1px dashed var(--jxg-gold);border-radius:var(--jxg-radius-sm);background:var(--jxg-warm-soft);width:min(1200px,100% - 32px);color:var(--jxg-gold-deep);text-align:center;margin:12px auto 0;padding:10px 16px;font-size:13px;font-weight:650}.jheader{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(180%);border-bottom:1px solid var(--jxg-line);background:rgba(255,255,255,.86);position:fixed;top:0;left:0;right:0}.jheader__bar{align-items:center;gap:20px;width:min(1200px,100% - 32px);min-height:64px;margin:0 auto;display:flex}.jheader__brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.jheader__brand-icon{border-radius:10px;width:38px;height:38px}.jheader__brand-text{flex-direction:column;line-height:1.1;display:flex}.jheader__brand-text strong{color:var(--jxg-ink);letter-spacing:.02em;font-size:20px;font-weight:880}.jheader__brand-text em{color:var(--jxg-muted);font-size:11px;font-style:normal;font-weight:650}.jheader__nav{align-items:center;gap:6px;display:flex}.jheader__link{border-radius:var(--jxg-pill);color:var(--jxg-graphite);white-space:nowrap;align-items:center;gap:5px;padding:8px 12px;font-size:15px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.jheader__link:hover{background:var(--jxg-soft);color:var(--jxg-ink)}.jheader__link.is-active{color:var(--jxg-ink)}.jheader__temp{position:relative}.jheader__temp-toggle{cursor:pointer;background:0 0;border:none}.jheader__temp-menu{background:var(--jxg-surface);border:1px solid var(--jxg-line);border-radius:var(--jxg-radius);width:264px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 44px rgba(32,33,36,.14)}.jheader__temp-item{border-radius:var(--jxg-radius-sm);align-items:center;gap:12px;padding:10px 12px;display:flex}.jheader__temp-item:hover{background:var(--jxg-soft)}.jheader__temp-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.jheader__temp-meta{flex-direction:column;line-height:1.2;display:flex}.jheader__temp-meta b{color:var(--jxg-ink);font-size:14px;font-weight:820}.jheader__temp-meta i{color:var(--jxg-muted);font-size:12px;font-style:normal;font-weight:600}.jheader__search{background:var(--jxg-soft);border-radius:var(--jxg-pill);border:1px solid transparent;flex:1;align-items:center;max-width:300px;height:40px;margin-left:auto;padding:0 6px 0 16px;display:flex}.jheader__search:focus-within{border-color:var(--jxg-line);background:var(--jxg-surface)}.jheader__search-input{color:var(--jxg-ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.jheader__search-btn{width:30px;height:30px;color:var(--jxg-graphite);border-radius:50%;align-items:center;justify-items:center;display:inline-grid}.jheader__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.jheader__icon-btn{width:40px;height:40px;color:var(--jxg-ink);border-radius:50%;align-items:center;justify-items:center;display:inline-grid;position:relative}.jheader__icon-btn:hover{background:var(--jxg-soft)}.jheader__avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.jheader__cart-badge{background:var(--jxg-ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.jheader__user{position:relative}.jheader__dropdown{background:var(--jxg-surface);border:1px solid var(--jxg-line);border-radius:var(--jxg-radius);width:200px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px rgba(32,33,36,.14)}.jheader__dropdown-name{color:var(--jxg-ink);border-bottom:1px solid var(--jxg-line);margin-bottom:6px;padding:8px 12px 10px;font-size:14px;font-weight:820}.jheader__dropdown-item{border-radius:var(--jxg-radius-sm);width:100%;color:var(--jxg-graphite);text-align:left;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:650;display:flex}.jheader__dropdown-item:hover{background:var(--jxg-soft)}.jheader__dropdown-item--reward{color:var(--jxg-gold-deep)}.jheader__dropdown-divider{background:var(--jxg-line);height:1px;margin:6px 0}.jheader__dropdown-logout{color:var(--jxg-culture-red)}.jheader__hamburger{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:none}.jheader__hamburger span{background:var(--jxg-ink);border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.jheader__hamburger span.open:first-child{transform:translateY(6px)rotate(45deg)}.jheader__hamburger span.open:nth-child(2){opacity:0}.jheader__hamburger span.open:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.jheader__mobile{border-top:1px solid var(--jxg-line);background:var(--jxg-surface);flex-direction:column;gap:6px;padding:14px 16px 20px;display:flex}.jheader__search--mobile{max-width:none;margin:0 0 8px;display:flex}.jheader__mobile-link{color:var(--jxg-ink);border-bottom:1px solid var(--jxg-soft);padding:12px 8px;font-size:16px;font-weight:750}.jheader__mobile-temps{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px 0;display:grid}.jheader__mobile-temp{border:1px solid var(--jxg-line);border-radius:var(--jxg-radius-sm);color:var(--jxg-graphite);align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}@media (max-width:900px){.jheader__nav,.jheader__search,.jheader__brand-text em{display:none}.jheader__hamburger{display:flex}}@media (min-width:901px){.jheader__hamburger,.jheader__mobile{display:none}}.jfooter{background:var(--jxg-surface);border-top:1px solid var(--jxg-line);margin-top:40px}.jfooter__inner{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;width:min(1200px,100% - 32px);margin:0 auto;padding:52px 0 40px;display:grid}.jfooter__icon{border-radius:12px;width:46px;height:46px}.jfooter__brand-name{color:var(--jxg-ink);margin-top:12px;font-size:20px;font-weight:880}.jfooter__brand-tag{color:var(--jxg-muted);margin-top:6px;font-size:13px;font-weight:600;line-height:1.7}.jfooter__socials{gap:8px;margin-top:18px;display:flex}.jfooter__social{border:1px solid var(--jxg-line);width:38px;height:38px;color:var(--jxg-graphite);border-radius:50%;align-items:center;justify-items:center;transition:background .15s,color .15s;display:inline-grid}.jfooter__social:hover{background:var(--jxg-ink);color:#fff;border-color:var(--jxg-ink)}.jfooter__heading{color:var(--jxg-ink);margin-bottom:16px;font-size:14px;font-weight:850}.jfooter__links{flex-direction:column;gap:11px;display:flex}.jfooter__links a{color:var(--jxg-muted);align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:color .15s;display:inline-flex}.jfooter__links a:hover{color:var(--jxg-ink)}.jfooter__dot{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.jfooter__service{border-top:1px solid var(--jxg-soft);color:var(--jxg-muted);margin-top:22px;padding-top:16px;font-size:13px;font-weight:600;line-height:1.9}.jfooter__copyright{border-top:1px solid var(--jxg-line);text-align:center;color:var(--jxg-muted);padding:20px 16px;font-size:12.5px;font-weight:600}@media (max-width:900px){.jfooter__inner{grid-template-columns:1fr 1fr;gap:32px 24px;padding:40px 0 28px}.jfooter__brand-col{grid-column:1/-1}}@media (max-width:560px){.jfooter__inner{grid-template-columns:1fr}}.jcard{background:var(--jxg-surface);border:1px solid var(--jxg-line);border-radius:var(--jxg-radius);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.jcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(32,33,36,.1)}.jcard__media{aspect-ratio:1;background:var(--tone-bg,var(--jxg-soft));align-items:center;justify-items:center;display:grid;position:relative}.jcard__media img{object-fit:cover;width:100%;height:100%}.jcard__ph{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.jcard__ph span{letter-spacing:.04em;opacity:.85;font-size:13px;font-weight:820}.jcard__temp{border-radius:var(--jxg-pill);color:#fff;letter-spacing:.02em;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.jcard__tag{border-radius:var(--jxg-pill);background:var(--jxg-ink);color:#fff;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;right:10px}.jcard__info{flex-direction:column;gap:8px;padding:14px 15px 16px;display:flex}.jcard__name{color:var(--jxg-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.jcard__price-row{align-items:baseline;gap:8px;display:flex}.jcard__price{color:var(--jxg-ink);font-size:18px;font-weight:880}.jcard__original{color:var(--jxg-muted);font-size:13px;font-weight:600;text-decoration:line-through}.jcard__foot{border-top:1px solid var(--jxg-soft);justify-content:space-between;align-items:center;padding-top:4px;display:flex}.jcard__sold{color:var(--jxg-muted);font-size:12px;font-weight:650}.jcard__cta{color:var(--jxg-ink);font-size:13px;font-weight:820}.jhome{padding-bottom:40px}.jhome-hero{background:linear-gradient(180deg, #fff 0%, var(--jxg-soft) 100%);border-bottom:1px solid var(--jxg-line)}.jhome-hero__inner{text-align:center;width:min(1100px,100% - 32px);margin:0 auto;padding:72px 0 60px}.jhome-hero__title{max-width:760px;color:var(--jxg-ink);margin:14px auto 18px;font-size:max(32px,min(6vw,60px));font-weight:880;line-height:1.1}.jhome-hero__title span{color:var(--jxg-gold-deep)}.jhome-hero__copy{max-width:600px;color:var(--jxg-muted);margin:0 auto 28px;font-size:max(15px,min(2.4vw,19px));font-weight:600;line-height:1.6}.jhome-hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.jhome-hero__logo{border:1px solid var(--jxg-line);background:#f7f6f2;border-radius:28px;width:min(720px,100%);margin:0 auto;padding:20px}.jhome-hero__logo img{border-radius:20px;width:100%;height:auto}.jhome-carousel{position:relative;overflow:hidden}.jhome-carousel__track{transition:transform .5s;display:flex}.jhome-carousel__slide{min-width:100%}.jhome-carousel__slide img{width:100%;height:auto;display:block}.jhome-carousel__dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.jhome-carousel__dot{background:rgba(255,255,255,.6);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.jhome-carousel__dot.is-active{background:#fff;border-radius:4px;width:22px}.jhome-section__head{justify-content:space-between;align-items:flex-end;gap:16px;width:min(1200px,100% - 32px);margin:0 auto 20px;display:flex}.jhome-section__title{color:var(--jxg-ink);font-size:max(22px,min(4vw,32px));font-weight:860}.jhome-section__sub{color:var(--jxg-muted);font-size:14px;font-weight:600}.jhome-section__more{color:var(--jxg-graphite);white-space:nowrap;font-size:14px;font-weight:780}.jhome-section__more:hover{color:var(--jxg-ink)}.jhome-temps{padding:52px 0 8px}.jhome-temps__grid{grid-template-columns:repeat(5,1fr);gap:14px;width:min(1200px,100% - 32px);margin:0 auto;display:grid}.jhome-temp{border:1px solid var(--jxg-line);border-radius:var(--jxg-radius);background:var(--jxg-surface);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.jhome-temp:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(32,33,36,.1)}.jhome-temp:hover .jhome-temp__media img{transform:scale(1.04)}.jhome-temp__media{aspect-ratio:4/3;position:relative;overflow:hidden}.jhome-temp__media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.jhome-temp__swatches{width:100%;height:100%;display:flex}.jhome-temp__swatches i{flex:1}.jhome-temp__chip{border-radius:var(--jxg-pill);color:#fff;letter-spacing:.02em;padding:4px 10px;font-size:11px;font-weight:820;position:absolute;top:10px;left:10px}.jhome-temp__strip{height:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.jhome-temp__strip i{flex:1}.jhome-temp__body{padding:14px 15px 18px}.jhome-temp__body strong{color:var(--jxg-ink);font-size:16px;font-weight:840;display:block}.jhome-temp__body span{color:var(--jxg-muted);margin-top:3px;font-size:12.5px;font-weight:620;display:block}.jhome-values{grid-template-columns:repeat(3,1fr);gap:14px;width:min(1200px,100% - 32px);margin:46px auto;display:grid}.jhome-value{border:1px solid var(--jxg-line);border-radius:var(--jxg-radius);background:var(--jxg-surface);text-align:center;padding:26px 24px}.jhome-value__icon{color:var(--jxg-gold-deep);display:inline-flex}.jhome-value strong{color:var(--jxg-ink);margin:12px 0 6px;font-size:18px;font-weight:840;display:block}.jhome-value p{color:var(--jxg-muted);font-size:14px;font-weight:600;line-height:1.6}.jhome-products{padding:30px 0}.jhome-products__grid{grid-template-columns:repeat(5,1fr);gap:16px;width:min(1200px,100% - 32px);margin:0 auto;display:grid}.jhome-reward{width:min(1200px,100% - 32px);margin:40px auto}.jhome-reward__inner{border-radius:var(--jxg-radius-lg);background:linear-gradient(135deg, #f4ecd8 0%, var(--jxg-gold-light) 55%, #e7d6a8 100%);border:1px solid #e6d5a8;justify-content:space-between;align-items:center;gap:24px;padding:40px 44px;display:flex}.jhome-reward__eyebrow{color:var(--jxg-gold-deep);letter-spacing:.1em;font-size:13px;font-weight:820}.jhome-reward__title{color:var(--jxg-ink);margin:8px 0 10px;font-size:max(22px,min(4vw,32px));font-weight:870}.jhome-reward__copy{max-width:520px;color:var(--jxg-gold-deep);font-size:15px;font-weight:640;line-height:1.6}.jhome-reward__btn{flex-shrink:0}.jhome-empty{text-align:center;border:1px dashed var(--jxg-line);border-radius:var(--jxg-radius-lg);background:var(--jxg-surface);width:min(1200px,100% - 32px);margin:20px auto 0;padding:56px 24px}.jhome-empty img{opacity:.9;width:64px;height:64px;margin:0 auto 16px}.jhome-empty p{color:var(--jxg-muted);margin-bottom:18px;font-size:15px;font-weight:640}@media (max-width:1000px){.jhome-temps__grid,.jhome-products__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.jhome-hero__inner{padding:48px 0 40px}.jhome-temps__grid,.jhome-products__grid{grid-template-columns:repeat(2,1fr)}.jhome-values{grid-template-columns:1fr}.jhome-reward__inner{flex-direction:column;align-items:flex-start;padding:30px 26px}}