@layer legacy{.brand-ui .pd-page{color:#213c31;padding-bottom:32px}.brand-ui .pd-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#92a094;margin:0 0 24px}.brand-ui .pd-breadcrumb button{border:0;background:none;padding:8px 0;font-size:12px;color:#587565}.brand-ui .pd-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px}.brand-ui .pd-cover{position:relative;border-radius:22px;overflow:hidden;background:#153d32;aspect-ratio:1.1}.brand-ui .pd-cover .pool-cover{width:100%;height:100%}.brand-ui .pd-cover .pool-cover-card{height:72%}.brand-ui .pd-status{position:absolute;top:20px;right:20px;border:1px solid #ffffff40;border-radius:24px;padding:7px 12px;color:#e6f9ed;background:#ffffff1c;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-ui .pd-status.muted{color:#eceddd;background:#585f4f66}.brand-ui .pd-cover-note{display:flex;justify-content:space-between;gap:10px;padding:14px 2px;font-size:10px;color:#8a9c8f;letter-spacing:1px}.brand-ui .pd-service{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding:18px 12px;border-top:1px solid #e2e8df;border-bottom:1px solid #e2e8df;color:#657e6d;font-size:11px}.brand-ui .pd-service span:before{content:"✓";margin-right:6px;color:#00979b}.brand-ui .pd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.brand-ui .pd-tags span{background:#edf3ec;border:1px solid #e1e9dd;padding:4px 9px;border-radius:6px;color:#5b7a62;font-size:11px}.brand-ui .pd-overview h1{font-size:30px;letter-spacing:-.7px;line-height:1.4;margin:0 0 12px}.ck-pool-description{white-space:pre-wrap;margin:8px 0 0;line-height:1.7;color:#5c675c}.brand-ui .pd-description{font-size:13px;line-height:1.8;color:#819080;margin:0 0 24px}.brand-ui .pd-price{display:flex;flex-direction:column;gap:5px;padding-bottom:20px}.brand-ui .pd-price>span{color:#80917f;font-size:11px}.brand-ui .pd-price strong{color:#008d92;font-size:32px;letter-spacing:-.7px}.brand-ui .pd-price small{font-size:12px;color:#8c9b8c;font-weight:400}.brand-ui .pd-stock{padding:18px;background:#f0f4ed;border:1px solid #e4eadf;border-radius:12px}.brand-ui .pd-stock>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#657b63}.brand-ui .pd-stock strong{font-size:18px;color:#37573d}.brand-ui .pd-stock strong small{font-size:11px;font-weight:400;color:#879881}.brand-ui .pd-stock-track{margin:12px 0;border-radius:6px;background:#dde6d8;height:5px;overflow:hidden}.brand-ui .pd-stock-track i{display:block;height:100%;background:#65b8a4;border-radius:inherit}.brand-ui .pd-stock-bottom{display:flex;justify-content:space-between;gap:10px;color:#8d9d86;font-size:10px}.brand-ui .pd-order{margin-top:24px}.brand-ui .pd-order-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:12px}.brand-ui .pd-order-label>span{color:#91a08e;font-size:10px}.brand-ui .pd-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brand-ui .pd-quantities button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 8px;border:1px solid #dce5d9;border-radius:10px;background:#fff;color:#425e46;min-height:62px}.brand-ui .pd-quantities button span{font-size:14px;font-weight:600}.brand-ui .pd-quantities button small{font-size:10px;color:#899c83}.brand-ui .pd-quantities button[aria-pressed=true]{border-color:#00969b;color:#00878d;background:#ebf7f4;box-shadow:inset 0 0 0 1px #00969b}.brand-ui .pd-quantities button:disabled{opacity:.4;cursor:not-allowed}.brand-ui .pd-order-total{display:flex;align-items:center;justify-content:space-between;padding:20px 0 14px;font-size:13px}.brand-ui .pd-order-total small{font-size:11px;color:#91a08d}.brand-ui .pd-order-total strong{color:#00878d;font-size:24px}.brand-ui .pd-balance{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#859780;margin:0 0 14px}.brand-ui .pd-balance strong{font-weight:500;color:#496d4b}.brand-ui .pd-balance a{margin-left:auto;color:#3e8b7d}.brand-ui .pd-open{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;width:100%;padding:13px 18px;border-radius:12px;border:1px solid #008e95;background:#008e95;color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 12px #008e9514}.brand-ui .pd-open:hover:not(:disabled){background:#007b81}.brand-ui .pd-open:disabled{background:#e5eae1;border-color:#dce3d8;color:#8b9b83;box-shadow:none;cursor:not-allowed}.brand-ui .pd-confirm-note{font-size:10px;color:#9aa58f;text-align:center;line-height:1.7;margin:10px 0 0}.brand-ui .pd-state{font-size:12px;color:#877143;background:#f5f1e6;padding:12px 14px;border-radius:8px;line-height:1.7}.brand-ui .pd-section-nav{display:flex;gap:30px;border-bottom:1px solid #dfe7d9;margin:40px 0 30px;padding:0 0 16px}.brand-ui .pd-section-nav button:first-child{color:#008d92;font-weight:600}.brand-ui .pd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-ui .pd-section-heading>div>span{font-size:9px;letter-spacing:2px;color:#8fa083}.brand-ui .pd-section-heading h2{font-size:24px;line-height:1.4;letter-spacing:-.4px;margin:8px 0 0}.brand-ui .pd-section-heading button{background:#fff;border:1px solid #dfe7da;border-radius:8px;font-size:11px;padding:9px 12px;color:#698263}.brand-ui .pd-section-intro{color:#8b9a81;font-size:12px;line-height:1.8;margin:12px 0 22px}.brand-ui .pd-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-ui .pd-tier{background:#fff;border:1px solid #dfe7d9;border-radius:16px;overflow:hidden}.brand-ui .pd-tier-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;background:radial-gradient(ellipse at 50% 70%,#638b69,#244d3c);color:#efd9a0}.brand-ui .pd-tier-art[data-tone="1"]{background:radial-gradient(ellipse at 50% 70%,#7a9484,#3d5c50);color:#e1ece4}.brand-ui .pd-tier-art[data-tone="2"]{background:radial-gradient(ellipse at 50% 70%,#8fa18c,#5d765c);color:#eaf1e1}.brand-ui .pd-tier-art:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff18;border-radius:7px}.brand-ui .pd-tier-art>span:first-child{position:absolute;top:26px;font-size:8px;letter-spacing:2px;opacity:.65}.brand-ui .pd-tier-art strong{font-size:64px;font-family:Georgia,serif;font-weight:400;line-height:1;padding-top:22px}.brand-ui .pd-tier-art>span:last-child{font-size:11px;margin-top:8px;opacity:.7}.brand-ui .pd-tier-copy{padding:18px}.brand-ui .pd-tier-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.brand-ui .pd-tier-title h3{margin:0;font-size:16px}.brand-ui .pd-tier-title>span{font-size:10px;background:#edf5e9;color:#7c9670;padding:4px 7px;border-radius:5px}.brand-ui .pd-tier-probability,.brand-ui .pd-tier-stock{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#92a187}.brand-ui .pd-tier-stock strong{color:#657d5f;font-size:12px;font-weight:500}.brand-ui .pd-tier-probability{border-top:1px solid #edf1e9;margin-top:12px;padding-top:12px}.brand-ui .pd-tier-probability strong{font-size:24px;color:#008c91;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brand-ui .pd-tier-probability small{font-size:12px;margin-left:2px}.brand-ui .pd-tier.exhausted .pd-tier-art{filter:grayscale(1);opacity:.7}.brand-ui .pd-tier.exhausted .pd-tier-title>span{background:#f0f1ec;color:#99a18f}.brand-ui .pd-data-note{font-size:11px;line-height:1.8;color:#97a38e;margin:16px 0 0}.brand-ui .pd-information{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}.brand-ui .pd-information>section{background:#fff;border:1px solid #e1e8db;border-radius:16px;padding:26px}.brand-ui .pd-info-index{color:#98a78c;letter-spacing:1.5px;font-size:9px}.brand-ui .pd-information h2{font-size:20px;margin:10px 0 22px}.brand-ui .pd-information ol{list-style:decimal-leading-zero;padding:0 0 0 26px;color:#97ad89}.brand-ui .pd-information li{padding:0 0 14px 6px;font-size:12px}.brand-ui .pd-information li strong{color:#55714d;font-size:13px}.brand-ui .pd-information p{color:#90a183;font-size:12px;line-height:1.8;margin:6px 0 0}.brand-ui .pd-delivery-step{display:flex;gap:14px;margin-bottom:20px}.brand-ui .pd-delivery-step>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#eff5e9;color:#859d71;font-size:12px}.brand-ui .pd-delivery-step h3{font-size:13px;margin:3px 0 0}.brand-ui .pd-information section>a{display:inline-block;font-size:11px;color:#3b8c7b;margin:8px 20px 0 0}.brand-ui .pd-mobile-dock{display:none}.brand-ui .pd-page section[id]{scroll-margin-top:24px}.brand-ui .pd-page a:focus-visible,.brand-ui .pd-page button:focus-visible{outline:2px solid #00969b;outline-offset:4px}@media (max-width:1000px) and (min-width:761px){.brand-ui .pd-hero{gap:28px}.brand-ui .pd-overview h1{font-size:25px}}@media (max-width:760px){.brand-ui .pd-page{padding-bottom:190px}.brand-ui .pd-breadcrumb{margin-bottom:14px;font-size:11px}.brand-ui .pd-hero{display:flex;flex-direction:column;gap:22px}.brand-ui .pd-overview,.brand-ui .pd-visual{width:100%;min-width:0}.brand-ui .pd-cover{aspect-ratio:1.4;border-radius:18px}.brand-ui .pd-status{top:14px;right:14px;padding:5px 10px;font-size:10px}.brand-ui .pd-cover-note{font-size:8px;padding:10px 0}.brand-ui .pd-service{padding:12px 0;margin-top:4px;font-size:9px;gap:4px}.brand-ui .pd-service span:before{margin-right:3px}.brand-ui .pd-tags{margin-bottom:10px}.brand-ui .pd-overview h1{font-size:24px;line-height:1.45}.brand-ui .pd-description{font-size:12px;margin-bottom:16px}.brand-ui .pd-price{padding-bottom:16px}.brand-ui .pd-price strong{font-size:29px}.brand-ui .pd-stock{padding:15px}.brand-ui .pd-order{margin-top:20px}.brand-ui .pd-order-total,.brand-ui .pd-order>.pd-open{display:none}.brand-ui .pd-confirm-note{text-align:left}.brand-ui .pd-section-nav{margin:28px 0 24px;gap:24px;justify-content:space-between}.brand-ui .pd-section-nav button{font-size:12px}.brand-ui .pd-section-heading h2{font-size:21px}.brand-ui .pd-section-heading button{font-size:10px;padding:8px 10px;white-space:nowrap}.brand-ui .pd-section-intro{font-size:11px}.brand-ui .pd-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-ui .pd-tier-art{min-height:135px}.brand-ui .pd-tier-art>span:first-child{font-size:6px;letter-spacing:1px;top:22px}.brand-ui .pd-tier-art strong{font-size:48px}.brand-ui .pd-tier-copy{padding:12px}.brand-ui .pd-tier-title{margin-bottom:14px}.brand-ui .pd-tier-title h3{font-size:14px}.brand-ui .pd-tier-title>span{font-size:8px;padding:3px 5px}.brand-ui .pd-tier-stock{flex-wrap:wrap;gap:5px;font-size:10px}.brand-ui .pd-tier-stock strong{font-size:11px}.brand-ui .pd-tier-probability{flex-direction:column;align-items:flex-start;gap:6px;font-size:10px}.brand-ui .pd-tier-probability strong{font-size:24px}.brand-ui .pd-information{grid-template-columns:1fr;gap:14px;margin-top:26px}.brand-ui .pd-information>section{padding:22px}.brand-ui .pd-information h2{font-size:19px}.brand-ui .pd-mobile-dock{display:block;position:fixed;bottom:calc(63px + env(safe-area-inset-bottom));left:0;right:0;z-index:44;padding:10px 16px;border-top:1px solid #e0e8d9;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -5px 24px #29442d0b}.brand-ui .pd-dock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:10px;color:#889e79}.brand-ui .pd-dock-quantities{display:flex;gap:6px}.brand-ui .pd-dock-quantities button{border:1px solid #e3e9dd;background:#fff;color:#6a845c;padding:5px 14px;min-height:32px;font-size:11px;border-radius:6px}.brand-ui .pd-dock-quantities button[aria-pressed=true]{border-color:#6bb6a7;background:#eaf7f0;color:#008b8d}.brand-ui .pd-dock-quantities button:disabled{opacity:.4}.brand-ui .pd-dock-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.brand-ui .pd-dock-main>div{display:flex;flex-direction:column;gap:4px}.brand-ui .pd-dock-main small{color:#98a88c;font-size:9px}.brand-ui .pd-dock-main strong{font-size:20px;color:#008e93}.brand-ui .pd-dock-main .pd-open{min-height:46px;width:auto;font-size:13px;padding:12px 18px}.brand-ui:has(.overlay) .pd-mobile-dock,.brand-ui:has(.reveal-presentation) .pd-mobile-dock,.brand-ui[data-keyboard-open=true] .pd-mobile-dock{display:none}}@media (prefers-reduced-motion:reduce){.brand-ui .pd-page *{scroll-behavior:auto}}.brand-ui .pd-section-nav button,.brand-ui .pd-stock-bottom button{background:none;border:0;padding:0;border-radius:0;text-align:left;font:inherit}.brand-ui .pd-stock-bottom button{color:#408c7f;font-size:10px}.brand-ui .pd-section-nav button{font-size:13px;color:#5f7b5e}.brand-ui .pd-dock-quantities button{min-height:44px}.brand-ui .pd-prize-group{margin-bottom:26px}.brand-ui .pd-prize-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid #dfe8db;background:#f0f5ed;border-radius:12px;margin-bottom:16px}.brand-ui .pd-prize-group header>div{display:flex;align-items:center;gap:14px}.brand-ui .pd-prize-tier{font-weight:700;font-size:17px;color:#2e5d48}.brand-ui .pd-prize-group header p,.brand-ui .pd-prize-group header span:not(.pd-prize-tier){font-size:11px;color:#7a9172;margin:0}.brand-ui .pd-prize-group header strong{font-size:17px;color:#008d92;margin-left:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brand-ui .pd-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-ui .pd-real-card{border:1px solid #e1e8db;border-radius:16px;overflow:hidden;background:#fff}.brand-ui .pd-real-image{display:flex;position:relative;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:24px;border:0;border-radius:0;background:radial-gradient(ellipse at center,#fff,#eef3e9)}.brand-ui .pd-real-image>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 10px #244b3022)}.brand-ui .pd-real-image:disabled{cursor:default;opacity:1}.brand-ui .pd-photo-missing{color:#8c9c80;font-size:12px}.brand-ui .pd-photo-count{position:absolute;bottom:10px;right:10px;color:#66805a;background:#ffffffd9;border:1px solid #e3e9dc;border-radius:16px;padding:5px 8px;font-size:9px}.brand-ui .pd-prize-sold{position:absolute;top:12px;left:12px;padding:4px 8px;font-size:10px;border-radius:6px;background:#e7ebe2;color:#8d9982}.brand-ui .pd-real-copy{padding:18px}.brand-ui .pd-real-copy h3{font-size:16px;line-height:1.5;margin:0 0 10px}.brand-ui .pd-grade span{display:inline-block;color:#5d856d;background:#edf5eb;border:1px solid #e0ebdc;border-radius:5px;padding:4px 7px;font-size:10px}.brand-ui .pd-condition{color:#768b6b;font-size:11px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.brand-ui .pd-condition>span{color:#a0ad95;margin-right:10px}.brand-ui .pd-prize-numbers{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1e8;padding-top:14px}.brand-ui .pd-prize-numbers>div{display:flex;flex-direction:column;gap:6px}.brand-ui .pd-prize-numbers span{color:#95a58a;font-size:10px}.brand-ui .pd-prize-numbers strong{color:#55734b;font-size:13px}.brand-ui .pd-prize-numbers>div:last-child strong{color:#008d92;font-size:20px}.brand-ui .pd-prize-numbers small{font-size:11px}.brand-ui .pd-photo-dialog{width:min(760px,94vw);padding:22px;max-height:90dvh;border:1px solid #e3eadd;border-radius:20px;color:#3f6349;background:#fff}.brand-ui .pd-photo-dialog::backdrop{background:#122e2566;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-ui .pd-photo-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand-ui .pd-photo-dialog header span{letter-spacing:2px;font-size:9px;color:#95a889}.brand-ui .pd-photo-dialog h2{margin:6px 0;font-size:20px}.brand-ui .pd-photo-dialog header button{border:0;background:#f0f4eb;color:#718b61;width:38px;height:38px;padding:0;font-size:25px;border-radius:50%}.brand-ui .pd-photo-stage{height:48dvh;background:#f6f8f2;border-radius:12px;margin:16px 0;padding:14px}.brand-ui .pd-photo-stage img{width:100%;height:100%;object-fit:contain}.brand-ui .pd-photo-thumbs{display:flex;gap:8px;overflow-x:auto}.brand-ui .pd-photo-thumbs button{width:54px;height:66px;flex-shrink:0;padding:4px;background:#f6f8f2;border:1px solid #e1e9da;border-radius:7px}.brand-ui .pd-photo-thumbs button[aria-pressed=true]{border-color:#00959b}.brand-ui .pd-photo-thumbs img{width:100%;height:100%;object-fit:contain}.brand-ui .pd-photo-dialog>p{font-size:12px;color:#7b926d}html:has(.pd-photo-dialog[open]){overflow:hidden}.brand-ui:has(.pd-photo-dialog[open]) .pd-mobile-dock{display:none}.brand-ui .pd-real-image.image-unavailable:after{content:"圖片暫時無法讀取";color:#8c9c80;font-size:12px}@media (max-width:760px){.brand-ui .pd-real-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-ui .pd-prize-group>header{padding:12px;gap:8px;flex-wrap:wrap}.brand-ui .pd-prize-group header>div{gap:8px}.brand-ui .pd-prize-tier{font-size:15px}.brand-ui .pd-prize-group header p,.brand-ui .pd-prize-group header span:not(.pd-prize-tier){font-size:10px}.brand-ui .pd-prize-group header strong{font-size:14px}.brand-ui .pd-real-image{padding:14px}.brand-ui .pd-real-copy{padding:12px}.brand-ui .pd-real-copy h3{font-size:13px}.brand-ui .pd-condition{font-size:10px}.brand-ui .pd-prize-numbers{flex-direction:column}.brand-ui .pd-photo-count{font-size:8px;padding:4px 6px;bottom:7px;right:7px}}.brand-ui .pd-real-grid:has(>.pd-real-card:only-child){grid-template-columns:1fr}.brand-ui .pd-real-card:only-child{display:grid;grid-template-columns:220px minmax(0,1fr)}.brand-ui .pd-real-card:only-child .pd-real-image{aspect-ratio:1}.brand-ui .pd-real-card:only-child .pd-real-copy{display:flex;flex-direction:column;justify-content:center;padding:24px}.brand-ui .pd-real-card:only-child .pd-prize-numbers{max-width:420px}.brand-ui .pd-real-copy h3{overflow-wrap:anywhere}@media (max-width:760px){.brand-ui .pd-real-card:only-child{grid-template-columns:110px minmax(0,1fr);align-items:stretch}.brand-ui .pd-real-card:only-child .pd-real-image{height:100%;aspect-ratio:auto;min-height:220px;padding:10px}.brand-ui .pd-real-card:only-child .pd-real-copy{padding:14px}.brand-ui .pd-real-card:only-child .pd-photo-count{right:3px;left:3px;font-size:7px;text-align:center;padding:4px 2px}.brand-ui .pd-real-card:only-child .pd-photo-missing{font-size:10px}}.brand-ui .storefront-pools .pool-cover{background:radial-gradient(ellipse at 50% 38%,#ffffff 0,#f3f4ef 62%,#eaeee6 100%)}.brand-ui .storefront-pools .pool-cover .pool-cover-wordmark{display:none}.brand-ui .storefront-pools .pool-cover .pool-cover-card{width:auto;max-width:86%;height:82%;transform:none;object-fit:contain;filter:drop-shadow(0 7px 8px #253b2920)}.brand-ui .storefront-pools .pool-cover .pool-cover-caption{color:#85927e;font-size:9px;bottom:7px}.brand-ui .pd-cover{background:#f1f4ed;border:1px solid #e1e7dc}.brand-ui .pd-cover .pool-cover .pool-cover-card{height:84%;max-width:84%;filter:drop-shadow(0 10px 12px #253b2922)}.brand-ui .pd-status{color:#357664;background:#ffffffed;border-color:#d8e6da;box-shadow:0 2px 8px #284b2d06}.brand-ui .pd-status.muted{color:#7e8372;background:#f8f9f2ed;border-color:#e1e5d8}.brand-ui .storefront-pools .pool-cover-neutral i{border-color:#c8d7cb;background:linear-gradient(145deg,#eef4ea,#dce9dc)}.brand-ui .storefront-pools .pool-cover-neutral i:last-child{color:#719780}@media (max-width:760px){.brand-ui .storefront-pools .pool-cover .pool-cover-card{height:83%;max-width:85%;filter:drop-shadow(0 5px 6px #253b291c)}.brand-ui .storefront-pools .pool-cover .pool-cover-caption{font-size:8px;bottom:6px}.brand-ui .pd-cover .pool-cover .pool-cover-card{height:84%;max-width:84%}}.brand-ui .storefront-pools .pool-cover .pool-cover-card{box-shadow:none}}