:root{--bg:#f5eddd;--surface:#fffdf8;--card:#fbf5ea;--ink:#2c2620;--soft:#6e6255;--faint:#9a8c7b;--brand:#9b3b2c;--brand-dk:#7e2e22;--green:#45543f;--gold:#be8c43;--line:#06c755;--border:#2c26201f;--shadow:0 8px 30px #48341e1a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans TC,sans-serif;line-height:1.7}h1,h2,h3,.serif{font-family:Noto Serif TC,serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 26px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dk)}.btn-ghost{color:var(--brand);border:1.5px solid var(--brand);background:0 0}.btn-ghost:hover{background:#9b3b2c14}.btn-line{background:var(--line);color:#fff}.btn-line:hover{filter:brightness(.94)}.tag{letter-spacing:.05em;color:var(--brand);background:#9b3b2c1a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.section{padding:64px 0}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:13px;font-weight:700}.h2{letter-spacing:.02em;margin:8px 0 10px;font-size:clamp(26px,4vw,38px);font-weight:700}.lead{color:var(--soft);max-width:640px;font-size:16px}.annc{background:var(--green);color:#f3ecdd;text-align:center;letter-spacing:.03em;padding:9px 12px;font-size:13.5px}.annc b{color:#fff}header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f5edddeb;position:sticky;top:0}.nav{align-items:center;gap:18px;height:70px;display:flex}.brandlogo{align-items:center;gap:10px;display:flex}.brandlogo img{width:auto;height:44px}.brandlogo .zh{letter-spacing:.08em;color:var(--brand);font-family:Noto Serif TC;font-size:21px;font-weight:900}.menu{gap:24px;margin-left:14px;display:flex}.menu a{color:var(--ink);cursor:pointer;padding:6px 0;font-size:15px;font-weight:500;position:relative}.menu a:hover{color:var(--brand)}.acts{align-items:center;gap:14px;margin-left:auto;display:flex}.icobtn{cursor:pointer;color:var(--ink);background:0 0;border:none;font-size:20px;line-height:1;position:relative}.badge{background:var(--brand);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-7px;right:-9px}@media (max-width:860px){.menu{display:none}}.hero{border-bottom:1px solid var(--border);background:radial-gradient(1200px 500px at 80% -10%,#be8c4338,#0000 60%),linear-gradient(#f7f0e1,#f1e6d0);overflow:hidden}.hero-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:66px 0 58px;display:grid}.hero h1{letter-spacing:.02em;font-size:clamp(34px,5.4vw,58px);font-weight:900;line-height:1.18}.hero h1 .accent{color:var(--brand)}.hero p.sub{color:var(--soft);max-width:520px;margin:20px 0 30px;font-size:clamp(16px,2vw,19px)}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.hero-figure{position:relative}.carousel{box-shadow:var(--shadow);background:#efe6d5;border:6px solid #fff;border-radius:22px;position:relative;overflow:hidden}.carousel .slides{transition:transform .55s;display:flex}.carousel .slide{aspect-ratio:4/3;min-width:100%}.carousel .slide img{object-fit:cover;width:100%;height:100%;display:block}.cbtn{cursor:pointer;width:40px;height:40px;color:var(--ink);background:#ffffffd1;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.cbtn:hover{background:#fff}.cbtn.prev{left:10px}.cbtn.next{right:10px}.dots{gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dots span{cursor:pointer;background:#ffffff8c;border-radius:50%;width:9px;height:9px;transition:all .2s}.dots span.active{background:#fff;border-radius:5px;width:22px}@media (max-width:820px){.hero-in{grid-template-columns:1fr;gap:26px;padding:44px 0 40px}.hero-figure{order:-1}}.trust{background:var(--surface);border-bottom:1px solid var(--border)}.trust-in{flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:20px;display:flex}.trust b{color:var(--green);align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.trust b:before{content:"✓";color:var(--brand);font-weight:900}.story{background:var(--card)}.story-in{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.story blockquote{color:var(--ink);border-left:4px solid var(--gold);margin:14px 0 18px;padding-left:20px;font-family:Noto Serif TC;font-size:clamp(20px,2.6vw,26px);font-weight:600;line-height:1.7}.story .imgcol{box-shadow:var(--shadow);border:5px solid #fff;border-radius:20px;overflow:hidden}@media (max-width:820px){.story-in{grid-template-columns:1fr;gap:24px}}.cats{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;display:grid}.cat{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:18px;transition:all .2s;overflow:hidden}.cat:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.cat .ph{color:#fff;align-items:flex-end;height:120px;padding:14px;display:flex}.cat.c0 .ph{background:linear-gradient(135deg,#8a3527,#b1503c)}.cat.c1 .ph{background:linear-gradient(135deg,#6a4b2a,#9c7038)}.cat.c2 .ph{background:linear-gradient(135deg,#45543f,#67785a)}.cat.c3 .ph{background:linear-gradient(135deg,#8a6d2f,#c0904a)}.cat .ph .cn{font-family:Noto Serif TC;font-size:20px;font-weight:700}.cat .bd{padding:14px 16px}.cat .bd p{color:var(--soft);margin-top:4px;font-size:13px}.grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;display:grid}.pcard{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:18px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.pcard .imgbox{aspect-ratio:1;background:#efe6d5;overflow:hidden}.pcard .imgbox img{object-fit:cover;width:100%;height:100%;transition:all .4s}.pcard:hover .imgbox img{transform:scale(1.05)}.pcard .body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 18px;display:flex}.pcard .pn{font-family:Noto Serif TC;font-size:18px;font-weight:700}.pcard .ps{color:var(--faint);font-size:12.5px}.pcard .price{color:var(--brand);margin-top:auto;padding-top:6px;font-size:16px;font-weight:700}.pcard .add{margin-top:8px}.pcard .price{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.pcard .price .up{color:var(--brand);font-family:Noto Serif TC;font-size:21px;font-weight:800;line-height:1.2}.pcard .price .uu{color:var(--faint);font-size:12px;font-weight:600}.pcard .setline{color:var(--soft);margin-top:3px;font-size:13px;font-weight:600}.pcard .setline b{color:var(--brand);font-weight:800}.unitnote{color:var(--faint);margin-top:6px;font-size:13.5px;font-weight:600}.unitnote b{color:var(--soft);font-weight:800}.pcard .add .btn{justify-content:center;width:100%;padding:10px}@media (max-width:860px){.grid,.cats{grid-template-columns:repeat(2,1fr)}}.aud{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.aud a{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;transition:all .2s}.aud a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.band{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bcard{color:#fff;border-radius:20px;padding:34px;position:relative;overflow:hidden}.bcard.mem{background:linear-gradient(135deg,var(--brand),#b8543f)}.bcard.ln{background:linear-gradient(135deg,#05b34c,#08d95f)}.bcard h3{margin-bottom:8px;font-size:24px;font-weight:700}.bcard p{opacity:.95;margin-bottom:18px;font-size:15px}.bcard .btn{background:#fff}.bcard.mem .btn{color:var(--brand)}.bcard.ln .btn{color:#068a3c}.bcard.ln{grid-template-columns:1fr auto;align-items:center;gap:22px;display:grid}.bcard.ln .qr{background:#fff;border-radius:14px;padding:10px;line-height:0;box-shadow:0 4px 14px #00000024}.bcard.ln .qr img{width:124px;height:124px;image-rendering:pixelated;display:block}.bcard.ln .qr small{text-align:center;color:#068a3c;padding-top:4px;font-size:11px;font-weight:800;line-height:1.6;display:block}.footqr{align-items:center;gap:12px;margin-top:12px;display:flex}.footqr img{width:78px;height:78px;image-rendering:pixelated;background:#fff;border-radius:9px;padding:5px}.footqr span{color:#c6b9a7;font-size:12.5px;line-height:1.7}.lineqrbox{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:18px;margin-top:14px;padding:16px 20px;display:flex}.lineqrbox img{border:1px solid var(--border);width:110px;height:110px;image-rendering:pixelated;background:#fff;border-radius:10px;padding:6px}.lineqrbox div{color:var(--soft);font-size:14px;line-height:1.9}.lineqrbox b{color:var(--line);font-weight:800}@media (max-width:820px){.band{grid-template-columns:1fr}}footer{color:#d8cdbd;background:#2c2620;margin-top:10px;padding:52px 0 28px}.foot{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;display:grid}.foot h4{color:#fff;margin-bottom:14px;font-family:Noto Serif TC;font-size:15px}.foot a,.foot p{color:#c6b9a7;margin-bottom:8px;font-size:13.5px;display:block}.foot a{cursor:pointer}.foot a:hover{color:#fff}.warn{color:#9c907e;border-top:1px solid #ffffff1f;margin-top:30px;padding-top:20px;font-size:12px;line-height:1.8}@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}}#product-view{display:none}.pd{grid-template-columns:1fr 1.1fr;gap:44px;padding-top:26px;display:grid}.pd .gal{box-shadow:var(--shadow);background:#efe6d5;border:6px solid #fff;border-radius:20px;overflow:hidden}.pd .gal img{aspect-ratio:1;object-fit:cover;width:100%}.pd h1{margin:10px 0 4px;font-size:32px;font-weight:800}.pd .subt{color:var(--soft);margin-bottom:16px;font-size:16px}.pd .pricebig{color:var(--brand);font-family:Noto Serif TC;font-size:30px;font-weight:800}.pd .perpack{color:var(--faint);margin-left:8px;font-size:14px;font-weight:500}.packs{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.packs .pk{border:1.5px solid var(--border);cursor:pointer;text-align:center;background:var(--surface);border-radius:12px;min-width:96px;padding:10px 16px;transition:all .15s}.packs .pk.active{border-color:var(--brand);background:#9b3b2c0f}.packs .pk .pl{font-size:14px;font-weight:700}.packs .pk .pp{color:var(--brand);margin-top:2px;font-size:13px;font-weight:700}.qtyrow{align-items:center;gap:16px;margin:16px 0;display:flex}.stepper{border:1.5px solid var(--border);border-radius:12px;align-items:center;display:flex;overflow:hidden}.stepper button{background:var(--surface);cursor:pointer;border:none;width:42px;height:44px;font-size:20px}.stepper span{text-align:center;width:48px;font-weight:700}.pd-cta{flex-wrap:wrap;gap:12px;margin:18px 0 8px;display:flex}.spec{border-collapse:collapse;width:100%;margin-top:10px;font-size:14.5px}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:11px 12px}.spec th{color:var(--soft);white-space:nowrap;width:96px;font-weight:600}.block{margin-top:30px}.block h3{align-items:center;gap:10px;margin-bottom:12px;font-family:Noto Serif TC;font-size:20px;display:flex}.block h3:before{content:"";background:var(--gold);border-radius:3px;width:5px;height:20px}.storytext p{color:#4a4137;margin-bottom:12px}.grouprow{flex-wrap:wrap;gap:8px;display:flex}.grouprow span{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600}.warnbox{color:#7a5a3a;background:#fbf1e8;border:1px solid #e7c9a9;border-radius:14px;padding:16px 18px;font-size:13.5px;line-height:1.8}.warnbox b{color:var(--brand)}.faq details{border-bottom:1px solid var(--border);padding:14px 2px}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"＋";color:var(--brand);margin-right:10px;font-weight:900}.faq details[open] summary:before{content:"－"}.faq p{color:var(--soft);padding:10px 0 2px 26px;font-size:14px}.back{color:var(--soft);cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-weight:600;display:inline-flex}.back:hover{color:var(--brand)}.varlist{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.varcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.varcard h4{color:var(--brand);margin-bottom:6px;font-family:Noto Serif TC;font-size:17px;font-weight:700}.varcard .ing{color:var(--faint);margin-bottom:8px;font-size:12.5px;line-height:1.7}.varcard p{color:#4a4137;font-size:14px}.cooklist{gap:10px;margin:0;padding:0;display:grid}.cooklist li{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14.5px;list-style:none;display:flex}.cooklist li:before{content:"▸";color:var(--gold);font-weight:900}.sbanner{background:linear-gradient(180deg,#f7efe2,var(--bg));border-bottom:1px solid var(--border)}.sbody{max-width:820px;margin:0 auto}.sbody p{color:#4a4137;margin-bottom:16px;font-size:16.5px;line-height:2.05}.sbody h3{align-items:center;gap:10px;margin:38px 0 14px;font-family:Noto Serif TC;font-size:24px;font-weight:700;display:flex}.sbody h3:before{content:"";background:var(--gold);border-radius:3px;width:5px;height:22px}.pull{color:var(--brand);border-left:4px solid var(--gold);margin:26px 0;padding-left:20px;font-family:Noto Serif TC;font-size:clamp(20px,2.6vw,27px);font-weight:700;line-height:1.8}.threeheart{grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 8px;display:grid}.hcard{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:22px 18px}.hcard b{color:var(--brand);margin-bottom:8px;font-family:Noto Serif TC;font-size:23px;display:block}.hcard span{color:var(--soft);font-size:13.5px;line-height:1.85}.storyimg{box-shadow:var(--shadow);border:5px solid #fff;border-radius:20px;margin:30px 0;overflow:hidden}.storyimg img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.storyimg.full{background:#fff;border-radius:20px}.storyimg.full img{aspect-ratio:auto;object-fit:contain;height:auto}.storeinfo{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 26px}.storeinfo table{border-collapse:collapse;width:100%;font-size:15px}.storeinfo th{text-align:left;color:var(--soft);vertical-align:top;white-space:nowrap;width:88px;padding:9px 0;font-weight:600}.storeinfo td{padding:9px 0}@media (max-width:820px){.pd{grid-template-columns:1fr;gap:20px}}#cartmask{z-index:110;opacity:0;pointer-events:none;background:#2c26206b;transition:all .25s;position:fixed;inset:0}#cartmask.show{opacity:1;pointer-events:auto}#cartpanel{background:var(--surface);z-index:111;flex-direction:column;width:min(430px,100%);transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(101%);box-shadow:-8px 0 30px #48341e2e}#cartpanel.show{transform:none}.chead{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 22px 16px;display:flex}.chead h3{font-family:Noto Serif TC;font-size:20px;font-weight:700}.chead .x{cursor:pointer;color:var(--soft);background:0 0;border:none;margin-left:auto;font-size:26px;line-height:1}.chead .x:hover{color:var(--brand)}#cartitems{flex:1;padding:8px 22px;overflow-y:auto}.cempty{text-align:center;color:var(--faint);padding:60px 10px;font-weight:600;line-height:2}.cempty span{color:var(--faint);font-size:13px;font-weight:500;display:block}.citem{border-bottom:1px solid var(--border);grid-template-columns:74px 1fr auto;gap:13px;padding:16px 0;display:grid}.citem img{object-fit:cover;background:#efe6d5;border-radius:12px;width:74px;height:74px}.cinfo .cname{font-family:Noto Serif TC;font-size:15.5px;font-weight:700}.cinfo .cset{color:var(--faint);margin:2px 0 8px;font-size:12.5px}.cinfo .cset span{color:var(--soft);font-weight:600}.cstep{border:1.5px solid var(--border);border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.cstep button{background:var(--card);cursor:pointer;width:28px;height:28px;color:var(--ink);border:none;font-size:15px}.cstep button:hover{background:#9b3b2c14}.cstep span{text-align:center;width:34px;font-size:14px;font-weight:700}.cright{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.cright .cprice{color:var(--brand);font-family:Noto Serif TC;font-size:16px;font-weight:800}.cright .crm{color:var(--faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.cright .crm:hover{color:var(--brand)}#cartfoot{border-top:1px solid var(--border);background:var(--card);padding:18px 22px 22px}.crow{color:var(--soft);justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:14.5px;display:flex}.crow b{color:var(--ink);font-weight:700}.crow .cmeta{color:var(--faint);font-size:12px;font-weight:500}.crow.ctotal{color:var(--ink);border-top:1px dashed var(--border);margin-top:4px;padding-top:12px;font-size:16px}.crow.ctotal b{color:var(--brand);font-family:Noto Serif TC;font-size:24px;font-weight:800}.cnote{background:var(--surface);border:1px solid var(--border);color:var(--soft);border-radius:11px;margin:4px 0 14px;padding:10px 13px;font-size:12.5px;line-height:1.75}.cnote b{color:var(--brand);font-weight:800}.cfresh{color:var(--faint);margin-top:11px;font-size:11.5px;line-height:1.7}#cartfoot .btn{justify-content:center;width:100%}#cartfoot .btn+.btn{margin-top:9px}.cempty .btn{margin-top:20px}@media (max-width:520px){.citem{grid-template-columns:60px 1fr auto}.citem img{width:60px;height:60px}}#toast{background:var(--ink);color:#fff;opacity:0;z-index:100;pointer-events:none;border-radius:999px;padding:13px 22px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(30px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.proto{z-index:90;background:var(--gold);color:#fff;box-shadow:var(--shadow);letter-spacing:.04em;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;position:fixed;bottom:16px;right:14px}.floatline{z-index:90;background:var(--line);width:56px;height:56px;box-shadow:var(--shadow);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:fixed;bottom:60px;right:16px}.co{grid-template-columns:1.25fr .95fr;align-items:start;gap:40px;padding:26px 0 10px;display:grid}@media (max-width:860px){.co{grid-template-columns:1fr;gap:26px}}.cosec{margin-bottom:30px}.cosec h2{align-items:center;gap:10px;margin-bottom:16px;font-family:Noto Serif TC;font-size:21px;font-weight:700;display:flex}.cosec h2:before{content:"";background:var(--gold);border-radius:3px;width:5px;height:21px}.field{margin-bottom:16px}.field label{color:var(--soft);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field label .req{color:var(--brand);margin-left:3px}.field input,.field textarea{width:100%;color:var(--ink);background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .15s}.field input:focus,.field textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #9b3b2c1a}.field textarea{resize:vertical;min-height:80px}.field .hint{color:var(--faint);margin-top:5px;font-size:12.5px}.field.err input,.field.err textarea{border-color:#c0392b}.field .errmsg{color:#c0392b;margin-top:5px;font-size:12.5px;font-weight:600}.fieldrow{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.fieldrow{grid-template-columns:1fr}}.paylist{gap:10px;display:grid}.payopt{border:1.5px solid var(--border);cursor:pointer;background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.payopt:hover{border-color:#9b3b2c66}.payopt.active{border-color:var(--brand);background:#9b3b2c0f}.payopt input{accent-color:var(--brand);flex:none;width:17px;height:17px;margin-top:3px}.payopt .pt{font-size:15px;font-weight:700}.payopt .pd2{color:var(--soft);margin-top:3px;font-size:13px;line-height:1.7}.payopt.off{opacity:.5;cursor:not-allowed}.payopt.off .pd2{color:var(--brand);font-weight:600}.ackbox{background:#fbf1e8;border:1px solid #e7c9a9;border-radius:14px;align-items:flex-start;gap:12px;margin-top:6px;padding:15px 17px;display:flex}.ackbox input{accent-color:var(--brand);flex:none;width:17px;height:17px;margin-top:3px}.ackbox .t{color:#7a5a3a;font-size:13.5px;line-height:1.8}.ackbox b{color:var(--brand)}.osum{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 24px;position:sticky;top:88px}.osum h3{margin-bottom:14px;font-family:Noto Serif TC;font-size:18px;font-weight:700}.oline{border-bottom:1px solid var(--border);gap:12px;padding:11px 0;display:flex}.oline img{object-fit:cover;background:#efe6d5;border-radius:10px;flex:none;width:56px;height:56px}.oline .oi{flex:1;min-width:0}.oline .on{font-family:Noto Serif TC;font-size:14.5px;font-weight:700}.oline .os{color:var(--faint);margin-top:2px;font-size:12px}.oline .op{color:var(--brand);white-space:nowrap;font-family:Noto Serif TC;font-size:14.5px;font-weight:800}.osum .row{color:var(--soft);justify-content:space-between;margin-top:10px;font-size:14.5px;display:flex}.osum .row b{color:var(--ink);font-weight:700}.osum .row.tot{border-top:1px dashed var(--border);color:var(--ink);align-items:baseline;margin-top:12px;padding-top:12px;font-size:16px}.osum .row.tot b{color:var(--brand);font-family:Noto Serif TC;font-size:24px;font-weight:800}.osum .btn{justify-content:center;width:100%;margin-top:16px}.osum .note{color:var(--faint);margin-top:12px;font-size:12px;line-height:1.7}.formerr{color:#943126;background:#fdedec;border:1px solid #e6b0aa;border-radius:12px;margin-bottom:16px;padding:12px 15px;font-size:13.5px;font-weight:600}.ordwrap{max-width:760px;margin:0 auto;padding:34px 0 10px}.ordhead{text-align:center;margin-bottom:26px}.ordhead .ico{font-size:44px;line-height:1}.ordhead h1{margin:10px 0 6px;font-family:Noto Serif TC;font-size:28px;font-weight:800}.ordhead p{color:var(--soft);font-size:15px}.statusbadge{letter-spacing:.03em;border-radius:999px;margin-top:10px;padding:5px 15px;font-size:13px;font-weight:800;display:inline-block}.statusbadge.pending,.statusbadge.awaiting_payment{color:#8a6420;background:#be8c4329}.statusbadge.paid,.statusbadge.shipped{color:var(--green);background:#45543f24}.statusbadge.expired,.statusbadge.cancelled{color:var(--faint);background:#2c26201a}.paybox{background:#fbf1e8;border:1px solid #e7c9a9;border-radius:16px;margin-bottom:22px;padding:20px 22px}.paybox h3{color:var(--brand);margin-bottom:10px;font-family:Noto Serif TC;font-size:17px}.paybox .big{color:var(--ink);letter-spacing:.04em;margin:6px 0;font-family:Noto Serif TC;font-size:26px;font-weight:800}.paybox p{color:#7a5a3a;font-size:13.5px;line-height:1.8}.ordcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:20px 24px}.ordcard h3{margin-bottom:12px;font-family:Noto Serif TC;font-size:17px}.ordcard table{border-collapse:collapse;width:100%;font-size:14.5px}.ordcard th{text-align:left;color:var(--soft);vertical-align:top;white-space:nowrap;width:96px;padding:8px 0;font-weight:600}.ordcard td{padding:8px 0}.adm{padding:26px 0 40px}.admhead{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.admhead h1{font-family:Noto Serif TC;font-size:26px;font-weight:800}.admhead .sp{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.admhead .btn{padding:9px 18px;font-size:14px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tabs a{border:1.5px solid var(--border);background:var(--surface);color:var(--soft);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.tabs a:hover{border-color:#9b3b2c66}.tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff}.tabs a .n{opacity:.7;margin-left:6px;font-size:12.5px}.admtable{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;font-size:14px;overflow:hidden}.admtable th{text-align:left;background:var(--card);color:var(--soft);white-space:nowrap;border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px;font-weight:700}.admtable td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px 14px}.admtable tr:last-child td{border-bottom:none}.admtable tr:hover td{background:#9b3b2c08}.admtable .no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.admtable .amt{color:var(--brand);white-space:nowrap;font-family:Noto Serif TC;font-weight:800}.admempty{text-align:center;color:var(--faint);padding:50px 10px;font-weight:600}.admwrap{overflow-x:auto}.actbar{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.actbar .btn{padding:10px 20px;font-size:14px}.trackrow{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.trackrow .field{flex:1;min-width:200px;margin-bottom:0}.slipbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:20px 0;display:flex}.slipbar h1{font-family:Noto Serif TC;font-size:22px;font-weight:800}.slipbar .sp{gap:10px;margin-left:auto;display:flex}.slipbar .btn{padding:9px 18px;font-size:14px}.slip{border:1px solid var(--border);color:#1a1a1a;background:#fff;border-radius:12px;margin-bottom:22px;padding:28px 32px}.sliphead{border-bottom:2px solid var(--ink);align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.sliphead img{width:auto;height:46px}.sliphead .bn{letter-spacing:.08em;color:var(--brand);font-family:Noto Serif TC;font-size:22px;font-weight:900}.sliphead .sub{color:#555;margin-top:2px;font-size:12px;line-height:1.7}.sliphead .rt{text-align:right;margin-left:auto}.sliphead .rt .t{letter-spacing:.2em;font-family:Noto Serif TC;font-size:20px;font-weight:800}.sliphead .rt .no{margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700}.sliphead .rt .dt{color:#555;margin-top:3px;font-size:12px}.slipto{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px;display:grid}.slipto .bx{border:1px solid #d8d2c6;border-radius:9px;padding:12px 15px}.slipto .lb{color:#777;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:700}.slipto .nm{margin-bottom:3px;font-size:16px;font-weight:800}.slipto .ln{color:#333;font-size:13px;line-height:1.8}.sliptable{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:13.5px}.sliptable th{text-align:left;white-space:nowrap;background:#f0ebe0;border:1px solid #d8d2c6;padding:9px 11px;font-size:12.5px;font-weight:700}.sliptable td{vertical-align:middle;border:1px solid #d8d2c6;padding:10px 11px}.sliptable .qty{text-align:center;font-size:15px;font-weight:800}.sliptable .chk{text-align:center;width:36px}.sliptable .chk span{border:1.5px solid #888;border-radius:3px;width:16px;height:16px;display:inline-block}.sliptable tfoot td{background:#f7f3ec;font-weight:800}.slipnote{color:#7a5a3a;background:#fbf1e8;border:1px solid #e7c9a9;border-radius:9px;margin-bottom:12px;padding:11px 14px;font-size:13px;line-height:1.8}.slipnote b{color:var(--brand)}.slipfoot{color:#666;border-top:1px solid #d8d2c6;gap:20px;padding-top:10px;font-size:11.5px;line-height:1.7;display:flex}.slipfoot .sig{text-align:right;margin-left:auto}@media print{@page{size:A4;margin:12mm}body{background:#fff}.annc,header,footer,.floatline,.proto,#cartpanel,#cartmask,#toast,.slipbar{display:none!important}.wrap{max-width:none;padding:0}.slip{page-break-after:always;border:none;border-radius:0;margin:0;padding:0}.slip:last-child{page-break-after:auto}.sliptable th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f0ebe0!important}.sliptable tfoot td,.slipnote{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.admbar{background:var(--ink);color:#e8dfd1;border-bottom:3px solid var(--brand)}.admbar-in{align-items:center;gap:14px;height:56px;display:flex}.admbar .bl{letter-spacing:.06em;color:#fff;align-items:center;gap:9px;font-family:Noto Serif TC;font-size:17px;font-weight:900;display:flex}.admbar .bl img{width:auto;height:30px}.admbar .tag{letter-spacing:.12em;color:#b9a88f;border-left:1px solid #ffffff38;padding-left:14px;font-size:12px;font-weight:700}.admbar nav{gap:20px;margin-left:auto;display:flex}.admbar nav a{color:#c6b9a7;font-size:14px;font-weight:600}.admbar nav a:hover{color:#fff}@media print{.admbar{display:none!important}}