:root{--ink:#343b32;--paper:#fcfaf5;--green:#365949;--muted:#646b60;--line:#dddcd0;--rust:#9a4b31;--serif:'Noto Serif TC','Songti TC',serif;--sans:'Noto Sans TC',sans-serif;--hand:'LXGW WenKai TC','BiauKai','KaiTi',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.95;overflow-wrap:break-word}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.skip{position:absolute;top:-70px}.skip:focus{top:8px;left:8px;padding:12px;background:white;z-index:5}
.masthead{max-width:1180px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.masthead>a:first-child{font:700 24px var(--serif);text-decoration:none;letter-spacing:.1em}.masthead>a:first-child span{display:block;font:9px var(--sans);letter-spacing:.23em;margin-top:10px}.masthead>a:last-child{font-size:13px;min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none}.review{font-size:11px;text-align:center;color:var(--muted);letter-spacing:.1em;padding:8px}.hero{max-width:1120px;margin:auto;padding:50px 40px 0;text-align:center}.eyebrow,.section-label{font-size:12px;letter-spacing:.17em;color:var(--rust);font-weight:600}.eyebrow{margin:0 0 24px}.eyebrow span{margin:0 12px;color:var(--line)}h1,h2{font-family:var(--serif);line-height:1.55;font-weight:500;letter-spacing:.015em;text-wrap:balance}h1{font-size:clamp(36px,4.3vw,57px);margin:0 auto 26px}h1 br{display:none}h1 em{display:block;font-style:normal;color:var(--green)}h2{font-size:clamp(27px,3vw,34px);margin:0 0 28px}h3{font-size:19px;line-height:1.7;font-weight:600;margin:36px 0 16px}p{margin:0 0 24px}.dek{font-size:17px;color:var(--muted);line-height:1.95;margin-bottom:22px}.byline{font-size:11px;color:var(--muted);letter-spacing:.05em;margin-bottom:38px}.byline span{padding:0 8px}figure{margin:0}figure img{display:block;width:100%;height:auto}.cover{margin:0 auto}.cover img{max-height:610px;object-fit:contain;background:#edece6}.cover figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-align:left;margin:14px 0 0}figcaption{font-size:12px;color:var(--muted);line-height:1.8}figcaption span{display:block}.handwritten{font-family:var(--hand);font-weight:400;letter-spacing:.035em;color:var(--rust)}figcaption .handwritten{font-size:21px;margin-bottom:4px}
.article-body{max-width:724px;margin:0 auto;padding:0 30px}.article-body>section{padding:56px 0 12px}.article-body p{font-size:17px;line-height:2.05}.article-body .section-label{font-size:12px;line-height:1.8;margin-bottom:20px}.opening{position:relative}.article-body .margin-note{font-size:22px;margin-bottom:20px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:34px -40px 32px;align-items:start}.photo-pair figure{padding:10px 10px 16px;background:#fffdf9;border:1px solid #e5e0d4;box-shadow:0 5px 15px #343b3207}.photo-pair figure:nth-child(2){margin-top:45px}.photo-pair img{height:auto}.photo-pair figcaption{margin-top:13px;padding:0 4px}.photo-pair .handwritten{font-size:19px}.note{margin:32px 0 12px;padding:22px 0 5px 24px;border-left:2px solid #b49b77}.note>.handwritten{display:block;font-size:22px;margin-bottom:10px}.note p{font-size:15px;color:var(--muted);margin-bottom:12px}.note strong{font-weight:600;color:var(--ink)}.video-section{margin:28px 0 12px}.video-choices{margin-bottom:12px}.video-panel iframe{max-height:510px}.article-body .caption-note{font-size:13px;line-height:1.85;color:var(--muted)}.set{max-width:510px;margin:32px auto 36px}.set img{border:1px solid #e7e3d8}.set figcaption{margin-top:15px;text-align:center}.article-body .pull-note{font-size:clamp(23px,2.7vw,28px);line-height:1.9;text-align:center;color:var(--green);margin:40px 0 20px;padding:30px 0}.pull-note::before{content:'';display:block;width:34px;height:1px;background:#abac94;margin:0 auto 23px}.questions{border-top:1px solid var(--line);margin-top:24px}.questions>p:not(.section-label){font-size:15px;color:var(--muted)}details{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:500;min-height:56px;padding:16px 0;line-height:1.8}details p{padding:0 10px 4px 0;font-size:15px!important;color:var(--muted)}.purchase{border-top:1px solid var(--line);margin-top:44px;text-align:center;padding-top:44px!important}.article-body .signoff{font-size:25px;margin-bottom:17px}.purchase h2{font-size:31px;margin-bottom:20px}.purchase>p:not(.signoff):not(.small){font-size:16px}.purchase button{display:block;min-height:54px;background:var(--green);border:1px solid var(--green);color:#fffdf8;border-radius:3px;padding:13px 27px;margin:25px auto 12px;width:100%;max-width:390px;line-height:1.7}.purchase button:not(:disabled):hover{background:#294838}.small,.article-body .small{font-size:12px;line-height:1.85;color:var(--muted)}.purchase .more{display:inline-flex;min-height:44px;align-items:center;gap:12px;font-size:14px}.sources{border-top:1px solid var(--line);margin-top:40px;padding:32px 0 55px;color:var(--muted);font-size:12px}.sources p{font-size:12px;line-height:1.9;margin-bottom:15px}.sources>.handwritten{font-size:23px;color:var(--green);margin-bottom:20px}.sources>a{display:inline-block;padding:6px 0;margin-bottom:12px;min-height:36px}
.story-photo{max-width:590px;margin:36px auto 32px;padding:10px 10px 17px;background:#fffdf9;border:1px solid #e5e0d4;box-shadow:0 5px 15px #343b3207}.story-photo img{max-height:720px;object-fit:contain}.story-photo figcaption{padding:12px 5px 0}.story-photo .handwritten{font-size:20px}.cover-poster{max-width:820px}.cover-poster img{max-height:760px}.product-pair img{background:#eceff0}
.choice-map{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px -30px}.choice-map>div{padding:22px 24px 20px;background:#f3efe5;border-top:2px solid #b58e70}.choice-map h3{margin:0 0 9px;font-size:17px}.choice-map p{font-size:14px!important;line-height:1.9!important;margin:0;color:var(--muted)}
@media(min-width:1100px){.margin-note{position:absolute;left:-190px;top:66px;width:max-content;white-space:nowrap;transform:rotate(-5deg);line-height:1.8!important}.opening{padding-top:66px!important}}
@media(max-width:700px){.masthead{padding:20px 22px}.masthead>a:first-child{font-size:21px}.masthead>a:last-child{font-size:12px}.hero{padding:30px 22px 0}.hero h1{font-size:35px;line-height:1.6;letter-spacing:0}.hero h1 br{display:initial}.hero h1 em{font-size:31px;margin-top:8px}.dek{font-size:15px}.byline{font-size:10px;margin-bottom:28px}.byline span{padding:0 4px}.cover{margin-left:-22px;margin-right:-22px}.cover figcaption{padding:0 22px;flex-direction:column;gap:2px}.cover figcaption .handwritten{font-size:21px}.cover figcaption>span:last-child{font-size:10px}.article-body{padding:0 24px}.article-body>section{padding-top:40px}.article-body p{font-size:17px;line-height:2.05}.photo-pair{margin:26px -8px;gap:12px}.photo-pair figure{padding:6px 6px 10px}.photo-pair figure:nth-child(2){margin-top:26px}.photo-pair .handwritten{font-size:17px}.photo-pair figcaption>span:last-child{font-size:10px}.photo-pair figcaption{padding:0 2px}.note{padding:16px 0 1px 17px}.note p{font-size:14px}.set{margin:28px 0}.story-photo{margin:28px -8px}.choice-map{grid-template-columns:1fr;margin:26px 0}.choice-map>div{padding:19px 20px}.article-body .pull-note{font-size:23px;margin:25px 0 12px}.article-body .pull-note br{display:none}.video-panel iframe{max-height:430px}.purchase{margin-top:30px}.purchase h2{font-size:28px}.article-body .signoff{font-size:23px}.eyebrow{font-size:11px}}
@media(max-width:359px){.hero h1{font-size:31px}.hero h1 em{font-size:27px}.masthead{padding:16px}.article-body{padding:0 20px}.photo-pair{grid-template-columns:1fr;max-width:250px;margin:28px auto}.photo-pair figure:nth-child(2){margin-top:0}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead .brand{display:block;width:176px;line-height:1;text-decoration:none}.masthead .brand img{display:block;width:100%;height:auto}.masthead .brand small{display:block;margin-top:4px;font:9px var(--sans);letter-spacing:.22em;color:var(--muted)}@media(max-width:700px){.masthead .brand{width:155px}.masthead .brand small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.seo-subject{display:block;margin-bottom:18px;color:var(--rust);font:600 13px/1.8 var(--sans);letter-spacing:.13em}
/* One purchase control: floating during reading, in place at the closing section. */
.offer-slot{margin:25px auto 12px;max-width:390px;width:100%;scroll-margin-bottom:90px}
.offer-bar{--offer-bottom:12px;--offer-bottom:calc(12px + env(safe-area-inset-bottom,0px));bottom:var(--offer-bottom)}
.purchase .offer-bar button{margin:0;width:100%;max-width:none;min-height:54px;font-size:16px}
.offer-bar.is-floating{position:fixed;z-index:40;left:50%;bottom:var(--offer-bottom);transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);border-radius:12px}
.purchase .offer-bar.is-floating button{width:auto;max-width:100%;min-height:52px;padding:12px 25px;white-space:nowrap;border:0;border-radius:12px;background:linear-gradient(145deg,rgba(24,61,45,.70) 0%,rgba(18,52,36,.68) 56%,rgba(11,44,31,.66) 100%);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px 0 #ffffff45,0 6px 14px #20382d2e,0 2px 4px #20382d1f,0 0 8px #6483731a;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.purchase .offer-bar.is-floating button:not(:disabled):hover{background:linear-gradient(145deg,rgba(27,65,48,.76) 0%,rgba(20,57,39,.74) 56%,rgba(12,48,33,.72) 100%);box-shadow:inset 0 1px 0 #ffffff52,0 8px 18px #20382d35,0 2px 5px #20382d24,0 0 10px #6483731f;transform:translateY(-1px)}
.purchase .offer-bar.is-floating button:not(:disabled):active{transform:translateY(1px);background:linear-gradient(145deg,rgba(18,52,36,.78),rgba(11,44,31,.76));box-shadow:inset 0 1px 0 #ffffff38,0 4px 10px #20382d2b,0 1px 3px #20382d1c}
html:has(.offer-bar.is-floating){scroll-padding-bottom:100px}
@media(min-width:701px){
  .offer-bar{--offer-bottom:40px;--offer-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
  .offer-bar.is-floating{left:auto;right:clamp(28px,4vw,68px);transform:none;width:116px;max-width:116px}
  .purchase .offer-bar.is-floating button{width:116px;min-height:72px;padding:11px 12px;white-space:normal;line-height:1.45}
  .purchase .offer-bar.is-floating button[data-desktop-floating-label="true"]{font-size:0}
  .purchase .offer-bar.is-floating button[data-desktop-floating-label="true"]::after{content:"查看當期\A組合優惠";white-space:pre;font-size:15px;font-weight:600;letter-spacing:.07em}
}
@media(prefers-reduced-motion:reduce){.purchase .offer-bar.is-floating button{transition:none}}
@media print{.offer-bar.is-floating{position:static;transform:none;width:100%;box-shadow:none}}
/* Product names remain readable beside the family-photo captions. */
[data-article-key="meroware"] figcaption .product-name{display:block;margin:0 0 7px;font:600 16px/1.6 var(--sans);color:var(--green);letter-spacing:0}
[data-article-key="meroware"] .product-pair figcaption .handwritten,[data-article-key="meroware"] .product-photo figcaption .handwritten{display:block;font:18px/1.65 var(--hand);color:var(--muted)}
[data-article-key="meroware"] .product-photo{max-width:520px}
[data-article-key="meroware"] .product-pair-contained img{width:100%;height:auto}
[data-article-key="meroware"] .product-pair-contained figure:nth-child(2){margin-top:0}
@media(max-width:700px){[data-article-key="meroware"] figcaption .product-name{font-size:15px}[data-article-key="meroware"] .product-pair figcaption .handwritten,[data-article-key="meroware"] .product-photo figcaption .handwritten{font-size:16px}}