:root{--paper:#F1F2EE;--panel:#E6E8E2;--ink:#17191B;--muted:#62675F;--line:#D5D8D0;--denim:#2F4A73;--on-denim:#FFFFFF;--ok:#2E7A4E;--warn:#9A6312;--bad:#B03A3A;--display:"Archivo","Noto Sans TC",system-ui,sans-serif;--body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;--wrap:1160px}@media (prefers-color-scheme:dark){:root{--paper:#121413;--panel:#1C1F1D;--ink:#ECEDE8;--muted:#9BA097;--line:#2C302D;--denim:#93ACD8;--on-denim:#0D1422;--ok:#6CC08F;--warn:#E0A54A;--bad:#EE8080;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.65;margin:0}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--denim);outline-offset:2px}[hidden]{display:none!important}.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.ruler{height:10px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10px) bottom/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 50px) bottom/100% 10px no-repeat}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{font-family:var(--display);line-height:1.2;text-wrap:balance;margin:0}.notice{background:var(--ink);color:var(--paper);font-size:13px;text-align:center}.notice .wrap{padding-block:8px}header.site{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}header.site .wrap{display:flex;align-items:center;gap:20px;min-height:60px}.logo{font-family:var(--display);font-size:24px;letter-spacing:-.02em;text-decoration:none}.logo,.logo b{font-weight:800}.logo b{color:var(--denim)}nav.main{display:flex;gap:18px;font-size:14px;flex:1 1}nav.main a{text-decoration:none;color:var(--muted)}nav.main a:hover,nav.main a[aria-current=page]{color:var(--ink)}.cartbtn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;border:1px solid var(--ink);padding:6px 12px;border-radius:999px;white-space:nowrap}.cartbtn .n{font-family:var(--mono);background:var(--ink);color:var(--paper);min-width:20px;height:20px;border-radius:10px;display:inline-grid;place-items:center;font-size:12px;padding:0 5px}@media (max-width:640px){nav.main{gap:12px;font-size:13px}nav.main .opt{display:none}header.site .wrap{gap:12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:2px;font-weight:500;text-decoration:none;cursor:pointer;letter-spacing:.04em}.btn:hover{background:var(--denim);border-color:var(--denim);color:var(--on-denim)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--panel);color:var(--ink);border-color:var(--ink)}.btn.small{padding:7px 12px;font-size:13px}.btn.line{background:#06C755;border-color:#06C755;color:#fff}.btn[disabled]{opacity:.45;cursor:not-allowed}label.f{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}label.f b{color:var(--bad);font-weight:500}.inp{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:2px;padding:10px 12px;font-size:16px;color:var(--ink)}.inp:focus{border-color:var(--ink);outline:none}textarea.inp{min-height:96px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:560px){.grid2{grid-template-columns:1fr}}.hint{font-size:12px;color:var(--muted)}.err{color:var(--bad);font-size:13px}.hero{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:clamp(20px,4vw,56px);gap:clamp(20px,4vw,56px);align-items:end;padding-block:28px 40px}.hero .img{aspect-ratio:4/5;background:var(--panel);overflow:hidden;max-width:100%}.hero .img img{width:100%;height:100%;object-fit:cover}.hero h1{font-size:clamp(34px,5.6vw,64px);font-weight:800;letter-spacing:-.02em;margin-block:10px 16px}.hero p{color:var(--muted);max-width:30em;margin:0 0 24px;white-space:pre-line}.cta{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:760px){.hero{grid-template-columns:1fr}.hero .img{aspect-ratio:4/4.4}}.sec{padding-block:36px}.sechead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:8px}.sechead h2{font-size:clamp(22px,3vw,30px);font-weight:700}.sechead a{font-size:14px;color:var(--muted)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:28px 18px;gap:28px 18px;margin-top:22px}@media (max-width:520px){.pgrid{grid-template-columns:1fr 1fr;gap:22px 12px}}.pcard{text-decoration:none;display:grid;grid-gap:10px;gap:10px;min-width:0}.pcard .ph{position:relative;aspect-ratio:3/4;background:var(--panel);overflow:hidden}.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pcard:hover .ph img{transform:scale(1.03)}.badge{position:absolute;left:8px;top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:var(--paper);color:var(--ink);padding:3px 8px}.badge.soon{background:var(--ink);color:var(--paper)}.pcard .nm{font-size:14px;line-height:1.45}.price{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.price s{color:var(--muted);font-size:.85em}.price .now{font-weight:500}.story{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(20px,4vw,56px);gap:clamp(20px,4vw,56px);align-items:center;padding-block:44px;border-top:1px solid var(--line)}.story .img{aspect-ratio:3/4;background:var(--panel);overflow:hidden;max-width:100%}.story .img img{width:100%;height:100%;object-fit:cover}.story h3{font-size:clamp(24px,3.4vw,36px);font-weight:700;margin-block:10px 14px}.story p{white-space:pre-line;color:var(--muted);margin:0 0 22px;max-width:32em}@media (max-width:760px){.story{grid-template-columns:1fr}}.promise{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;padding-block:30px;border-top:1px solid var(--line)}.promise div{display:grid;grid-gap:4px;gap:4px}.promise strong{font-family:var(--display);font-size:16px}.promise span{color:var(--muted);font-size:14px}@media (max-width:640px){.promise{grid-template-columns:1fr}}.pd{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:clamp(20px,4vw,56px);gap:clamp(20px,4vw,56px);padding-block:24px 48px}@media (max-width:820px){.pd{grid-template-columns:1fr}}.gal{display:grid;grid-gap:10px;gap:10px;min-width:0}.gal .main{aspect-ratio:3/4;background:var(--panel);overflow:hidden;max-width:100%}.gal .main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.thumbs button{flex:0 0 64px;aspect-ratio:3/4;padding:0;border:1px solid transparent;background:var(--panel);cursor:pointer}.thumbs button[aria-current=true]{border-color:var(--ink)}.thumbs img{width:100%;height:100%;object-fit:cover}.info{display:grid;grid-gap:18px;gap:18px;align-content:start;min-width:0}.info h1{font-size:clamp(22px,3vw,30px);font-weight:700}.info .price{font-size:20px}.opt h4{margin:0 0 8px;font-size:13px;font-weight:500;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;padding:8px 14px;min-width:48px;cursor:pointer;border-radius:2px}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.qty{display:inline-flex;border:1px solid var(--line)}.qty button{width:40px;border:0;background:transparent;cursor:pointer;font-size:18px}.qty span{width:44px;display:grid;place-items:center;font-family:var(--mono)}.fit{border-left:2px solid var(--denim);padding:2px 0 2px 12px;font-size:14px}.desc{white-space:pre-line;color:var(--muted)}.tablebox{overflow-x:auto}table.sz{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.sz td,table.sz th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:center;white-space:nowrap}table.sz th{color:var(--muted);font-weight:500}table.sz td:first-child,table.sz th:first-child{text-align:left}.unit{font-family:var(--mono);font-size:12px;color:var(--muted)}details.pol{border-top:1px solid var(--line);padding-top:12px}details.pol summary{cursor:pointer;font-weight:500}details.pol div{white-space:pre-line;color:var(--muted);font-size:14px;padding-top:8px}.co{display:grid;grid-template-columns:1fr 380px;grid-gap:clamp(20px,4vw,48px);gap:clamp(20px,4vw,48px);padding-block:24px 56px;align-items:start}@media (max-width:860px){.co{grid-template-columns:1fr}}.co h1{font-size:clamp(24px,3vw,32px);font-weight:700;margin-bottom:14px}.line{display:grid;grid-template-columns:72px 1fr auto;grid-gap:14px;gap:14px;padding-block:14px;border-bottom:1px solid var(--line);align-items:center}.line img{width:72px;aspect-ratio:3/4;object-fit:cover;background:var(--panel)}.line .meta{min-width:0;font-size:14px}.line .meta small{display:block;color:var(--muted)}.linkbtn{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:13px}.form{display:grid;grid-gap:16px;gap:16px;margin-top:26px}.form h2{font-size:18px;font-weight:700;margin-top:10px}.pay{display:grid;grid-gap:10px;gap:10px}.payopt{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;border:1px solid var(--line);padding:14px;cursor:pointer;border-radius:2px}.payopt.on{border-color:var(--ink)}.payopt input{margin-top:5px;accent-color:var(--ink)}.payopt strong{font-weight:500}.payopt small{grid-column:2;color:var(--muted)}.tag{font-family:var(--mono);font-size:11px;background:var(--denim);color:var(--on-denim);padding:2px 6px;margin-left:6px;vertical-align:2px}.summary{position:-webkit-sticky;position:sticky;top:80px;border:1px solid var(--line);padding:20px;display:grid;grid-gap:10px;gap:10px;background:var(--paper)}@media (max-width:860px){.summary{position:static}}.summary .row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.summary .row span:last-child{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary .total{border-top:1px solid var(--line);padding-top:12px;font-size:17px;font-weight:700}.empty{padding-block:60px;text-align:center;display:grid;grid-gap:14px;gap:14px;justify-items:center}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.done{max-width:640px;margin:0 auto;padding-block:40px 64px;display:grid;grid-gap:18px;gap:18px}.done h1{font-size:clamp(26px,4vw,36px);font-weight:800}.bank{border:1px solid var(--ink);padding:18px;display:grid;grid-gap:8px;gap:8px}.bank .row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bank .row span:first-child{color:var(--muted)}footer.site{border-top:1px solid var(--line);margin-top:24px}footer.site .wrap{padding-block:30px 40px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:24px;gap:24px;font-size:14px}footer.site h4{margin:0 0 8px;font-size:12px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}footer.site a{color:var(--muted);text-decoration:none;display:block}footer.site a:hover{color:var(--ink)}@media (max-width:640px){footer.site .wrap{grid-template-columns:1fr}}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;font-size:14px;z-index:50;max-width:calc(100% - 32px)}.prose{max-width:760px}.prose h3{font-size:18px;margin-top:24px}.prose p{color:var(--muted);white-space:pre-line}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}