/* B 大字母：粗黑體標題、斜體大字母當分類記號、不對稱格線、白底 */
*{box-sizing:border-box}
body{font-weight:var(--wr,400);margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:1.85}
a{color:inherit;text-decoration:none}
.wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.it{font-family:"Playfair Display",serif;font-style:italic;font-weight:var(--wr,400)}
header.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 40px}
header.top .burger{width:26px;height:14px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
header.top .logo{text-align:center;font-weight:var(--wh,900);font-size:40px;letter-spacing:.06em;line-height:1}
header.top .logo small{display:block;font-family:"Playfair Display",serif;font-style:italic;font-weight:var(--wr,400);font-size:15px;letter-spacing:.04em;color:var(--accent);margin-top:4px}
header.top .r{justify-self:end;font-size:13px;display:flex;gap:18px;align-items:center}
.demo{font-size:11px;border:1px solid var(--ink);padding:1px 8px}
nav.cats{display:flex;justify-content:center;gap:36px;padding:10px 0 18px;font-size:14px;font-weight:var(--wm,500)}
nav.cats a .it{color:var(--accent);margin-right:6px;font-size:18px}
.ph{position:relative;background:#e9e7e2;display:flex;align-items:flex-end;overflow:hidden}
.ph span{position:relative;font-size:11px;color:#777;padding:10px 12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:10px 0 0}
.bigcard{position:relative;display:block;aspect-ratio:3/4;color:#fff}
.bigcard .ph{position:absolute;inset:0;background:linear-gradient(170deg,#9a948a,#3c3a36)}
.bigcard .ph span{position:absolute;top:0;left:0;color:rgba(255,255,255,.6)}
.bigcard .ov{position:absolute;left:24px;right:24px;bottom:26px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:end}
.bigcard .letter{font-family:"Playfair Display",serif;font-style:italic;font-size:120px;line-height:.8;color:transparent;-webkit-text-stroke:1.5px #fff}
.bigcard .cat{font-family:"Playfair Display",serif;font-style:italic;font-size:22px}
.bigcard h3{font-weight:var(--wh,900);font-size:20px;line-height:1.5;margin:4px 0 0}
.dots{display:flex;justify-content:space-between;align-items:center;max-width:560px;margin:22px auto 0;border-top:1px solid var(--ink);padding-top:12px;font-size:20px}
.sec{display:flex;align-items:baseline;gap:16px;margin:96px 0 28px}
.sec h2{font-weight:var(--wh,900);font-size:44px;margin:0;line-height:1}
.sec .it{font-size:24px;color:var(--accent)}
.asym{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:stretch}
/* 精選主文：標籤、標題、說明疊在圖片下緣，底是由下往上淡出的白色漸層 */
.asym .lead{position:relative;display:block}
.asym .lead .ph{aspect-ratio:16/10}
/* 主圖最下面 5% 漸層到全透明，跟頁面底色接起來不留一條邊 */
.asym .lead .ph{-webkit-mask-image:linear-gradient(to bottom,#000 95%,transparent 100%);mask-image:linear-gradient(to bottom,#000 95%,transparent 100%)}
.asym .lead .ov{position:absolute;left:0;right:0;bottom:0;padding:110px 32px 26px;background:linear-gradient(to top,var(--paper) 0,color-mix(in srgb,var(--paper) 97%,transparent) 6%,color-mix(in srgb,var(--paper) 90%,transparent) 48%,color-mix(in srgb,var(--paper) 0%,transparent) 100%)} /* 漸層用頁面底色，最底完全等於背景，看不到邊 */
.asym .lead h3{font-weight:var(--wh,900);font-size:26px;line-height:1.45;margin:8px 0 6px}
.asym .lead p{color:#555;margin:0;font-size:15px;line-height:1.7}
/* 右側文章：整欄與主圖等高，幾篇就平分成幾格 */
.asym .side{display:grid;grid-auto-rows:1fr;gap:20px;height:0;min-height:100%}
.asym .side a{display:grid;grid-template-columns:minmax(0,42%) 1fr;gap:16px;min-height:0;align-items:center}
.asym .side .ph{height:100%;min-height:0}
.asym .side h4{font-weight:var(--wb,700);font-size:17px;line-height:1.5;margin:0}
.tag{display:inline-block;background:var(--accent2);color:#fff;font-size:11px;padding:2px 8px;letter-spacing:.1em;margin-bottom:8px}
.cal{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--ink)}
.cal a{padding:26px 24px;border-right:2px solid var(--ink)}
.cal a:last-child{border-right:0}
.cal .d{font-weight:var(--wh,900);font-size:34px;line-height:1}
.cal .n{font-weight:var(--wb,700);font-size:18px;margin:12px 0 4px}
.cal .v{font-size:13px;color:#666}
footer{margin-top:120px;background:var(--ink);color:#bbb;padding:56px 40px;font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
footer .logo{font-weight:var(--wh,900);font-size:36px;color:#fff}
/* 文章 */
.a-head{display:grid;grid-template-columns:1fr 1fr;min-height:640px;margin-top:8px}
.a-head .t{background:var(--soft);padding:64px 56px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.a-head .letter{position:absolute;top:24px;left:40px;font-family:"Playfair Display",serif;font-style:italic;font-size:220px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.a-head h1{font-weight:var(--wh,900);font-size:clamp(28px,3.4vw,46px);line-height:1.35;margin:10px 0 14px;position:relative}
.a-head p{font-size:17px;color:#555;margin:0 0 18px;position:relative}
.a-head .meta{font-size:12px;color:#777;position:relative}
.a-head .ph{background:linear-gradient(170deg,#9a948a,#3c3a36)}
.a-head .ph span{color:rgba(255,255,255,.6)}
.a-body{display:grid;grid-template-columns:260px 1fr;gap:64px;max-width:1080px;margin:64px auto 0;padding:0 40px}
.a-side{font-size:13px;color:#555;position:sticky;top:24px;align-self:start}
.a-side .box{border-top:3px solid var(--ink);padding-top:12px;margin-bottom:28px}
.a-side b{display:block;font-size:12px;letter-spacing:.14em;color:var(--ink);margin-bottom:6px}
.answer{background:var(--ink);color:#fff;padding:28px 32px;margin:0 0 40px}
.answer .it{color:var(--accent);font-size:22px;filter:brightness(1.6)}
.answer ul{margin:8px 0 0;padding-left:1.1em}
.prose h2{font-weight:var(--wh,900);font-size:30px;line-height:1.45;margin:64px 0 16px}
.prose h2::before{content:"";display:block;width:32px;height:27px;background:url(/brand/ornament.svg) no-repeat left center/contain;margin-bottom:14px}
.prose p{margin:0 0 1.3em}
.prose blockquote{margin:48px 0;padding:0 0 0 28px;border-left:6px solid var(--ink);font-weight:var(--wh,900);font-size:26px;line-height:1.5}
.prose blockquote p{margin:0}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:28px 0;border:2px solid var(--ink)}
.prose th{background:var(--ink);color:#fff;font-weight:var(--wm,500);padding:10px}
.prose td{padding:10px;border-top:1px solid #ccc}
.product{display:grid;grid-template-columns:160px 1fr;gap:22px;border:2px solid var(--ink);padding:20px;margin:24px 0;position:relative}
.product .ph{aspect-ratio:1}
.product .no{position:absolute;top:-22px;right:18px;background:var(--paper);padding:0 8px;font-family:"Playfair Display",serif;font-style:italic;font-size:34px;color:var(--accent)}
.product h4{font-weight:var(--wh,900);font-size:19px;margin:0 0 8px;line-height:1.5}
.product dl{display:grid;grid-template-columns:52px 1fr;font-size:14px;margin:0 0 14px;line-height:1.7}
.product dt{color:#777}
.product dd{margin:0}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 18px;font-size:14px;font-weight:var(--wb,700);border:2px solid var(--ink)}
.btn.primary{background:var(--accent2);border-color:var(--accent2);color:#fff}
.checked{font-size:12px;color:#777;margin-top:8px}
.faq h2{font-weight:var(--wh,900);font-size:30px;margin:64px 0 8px}
.faq details{border-bottom:2px solid var(--ink);padding:16px 0}
.faq summary{font-weight:var(--wb,700);font-size:17px;cursor:pointer;list-style:none}
.faq summary::before{content:"Q.";font-family:"Playfair Display",serif;font-style:italic;color:var(--accent);font-size:22px;margin-right:10px}
.faq p{margin:8px 0 0;color:#555}
@media (max-width:820px){
  .wrap{padding:0 16px}
  header.top{padding:16px}
  header.top .logo{font-size:28px}
  header.top .r span.s{display:none}
  nav.cats{justify-content:flex-start;overflow-x:auto;gap:22px;padding:8px 16px 14px;white-space:nowrap}
  .cards{grid-template-columns:1fr;gap:18px}
  .bigcard{aspect-ratio:4/5}
  .asym{grid-template-columns:1fr}
  .asym .lead .ph{aspect-ratio:1}
  .asym .lead .ov{padding:80px 16px 16px}
  .asym .lead h3{font-size:20px;line-height:1.5}
  .asym .lead p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .asym .side{height:auto;min-height:0;grid-auto-rows:auto}
  .asym .side a{grid-template-columns:120px 1fr}
  .asym .side .ph{aspect-ratio:1;height:auto}
  .sec h2{font-size:32px}
  .cal{grid-template-columns:1fr}
  .cal a{border-right:0;border-bottom:2px solid var(--ink)}
  .cal a:last-child{border-bottom:0}
  .a-head{grid-template-columns:1fr;min-height:0}
  .a-head .ph{aspect-ratio:4/3;order:-1}
  .a-head .t{padding:40px 20px 28px}
  .a-head .letter{font-size:140px;top:8px;left:16px}
  .a-body{grid-template-columns:1fr;gap:24px;padding:0 16px;margin-top:32px}
  .a-side{position:static}
  .product{grid-template-columns:96px 1fr;gap:14px}
  footer{grid-template-columns:1fr;padding:40px 16px}
}

/* 有照片時隱藏佔位說明 */
.ph[style*="background-image"] span{display:none}
.ph[style*="background-image"]::before{display:none}
.bigcard .ph[style]::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 60%)}

/* ── 共用：輔助、頁首選單、麵包屑 ── */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 14px;z-index:20}
.skip:focus{left:0}
a.u,.prose a,.empty a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent)}
header.top{position:relative}
header.top .burger{display:block}
.menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;margin:-10px 0}
.menu summary::-webkit-details-marker{display:none}
.menu .panel{position:absolute;left:0;right:0;top:100%;z-index:10;background:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:28px 40px 32px;display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:40px}
.menu .g{display:flex;flex-direction:column;gap:10px;font-weight:var(--wb,700);font-size:17px}
.menu .g .it{color:var(--accent);font-size:20px;font-weight:var(--wr,400);margin-bottom:4px}
.menu .g a:hover,nav.cats a:hover,.chips a:hover{color:var(--accent2)}
header.top .r a.s{border-bottom:2px solid var(--ink);padding-bottom:1px;font-weight:var(--wm,500)}
.crumb{font-size:12px;color:#777;padding:6px 0 14px;display:flex;gap:8px;flex-wrap:wrap}
.crumb.pad{max-width:1320px;margin:0 auto;padding:6px 40px 10px}
.crumb a{color:var(--ink)}
.crumb a:hover{color:var(--accent2)}

/* ── 頁首大標（分類、總覽、固定頁、搜尋） ── */
.art-head{padding:40px 0 28px;border-bottom:2px solid var(--ink);margin-bottom:28px}
.art-head .kicker.latin{font-family:"Playfair Display",serif;font-style:italic;font-size:26px;color:var(--accent);line-height:1.2}
.art-head h1{font-weight:var(--wh,900);font-size:clamp(34px,5vw,60px);line-height:1.25;margin:4px 0 0}
.art-head .dek{color:#666;margin:12px 0 0;font-size:17px;max-width:40em}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.chips a{border:2px solid var(--ink);padding:6px 16px;font-size:14px;font-weight:var(--wb,700)}
.chips a .it{color:var(--accent);margin-right:6px;font-size:17px}
.chips a.on{background:var(--ink);color:#fff}
.chips a.on .it{color:#fff}
.empty{text-align:center;color:#666;padding:64px 0}

/* ── 文章卡片格 ── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 28px}
.card .ph{aspect-ratio:4/3}
.card .kicker{display:flex;justify-content:space-between;font-size:12px;font-weight:var(--wb,700);letter-spacing:.1em;color:var(--accent);margin:14px 0 6px}
.card .kicker span{color:#888;font-weight:var(--wr,400);letter-spacing:0}
.card h4{font-weight:var(--wh,900);font-size:19px;line-height:1.5;margin:0 0 6px}
.card p{font-size:14px;color:#666;margin:0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card a:hover h4,.asym a:hover h3,.asym a:hover h4,.results a:hover h4{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:2px solid var(--ink);margin-top:56px;padding-top:16px;font-weight:var(--wb,700)}
.pager .it{font-size:20px;color:var(--accent)}
.pager a:last-child,.pager span:last-child{justify-self:end}

/* ── 首頁補充 ── */
.asym .lead .tag{margin:0}
.sec .more{margin-left:auto;font-size:14px;font-weight:var(--wb,700);border-bottom:2px solid var(--ink)}
.cat-tiles{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink)}
.cat-tiles a{position:relative;padding:120px 22px 22px;border-right:2px solid var(--ink);display:flex;flex-direction:column;overflow:hidden}
.cat-tiles a:last-child{border-right:0}
.cat-tiles .letter{position:absolute;top:6px;left:18px;font-family:"Playfair Display",serif;font-style:italic;font-size:110px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.cat-tiles b{font-weight:var(--wh,900);font-size:24px;line-height:1.3}
.cat-tiles .it{color:var(--accent);font-size:17px}
.cat-tiles small{font-size:12px;color:#777;margin-top:10px}
.cat-tiles a:hover{background:var(--soft)}

/* ── 文章頁補充 ── */
.a-head a.tag{align-self:flex-start;position:relative}
.a-side .toc div{padding:3px 0}
.a-side a:hover{color:var(--accent2)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.3em}
.prose li{margin-bottom:.4em}
.prose h3{font-weight:var(--wh,900);font-size:21px;margin:40px 0 10px}
.prose img{max-width:100%;height:auto}
.prose code{background:var(--soft);padding:1px 6px;font-size:.9em}
.byline{display:grid;grid-template-columns:72px 1fr;gap:20px;border:2px solid var(--ink);padding:22px;margin-top:64px;font-size:14px;color:#555}
.byline .mark{width:72px;height:72px;background:var(--accent);color:#fff;font-size:46px;display:flex;align-items:center;justify-content:center;line-height:1}
.byline b{color:var(--ink);font-size:16px}
.byline p{margin:4px 0 0}
.byline .upd{font-size:12px;color:#777;margin-top:8px}

/* ── 固定頁（關於、法律、聯絡） ── */
.doc{display:grid;grid-template-columns:200px minmax(0,720px);gap:64px;padding-bottom:20px}
.doc-nav{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:var(--wb,700);align-self:start;position:sticky;top:24px;border-top:3px solid var(--ink);padding-top:12px}
.doc-nav a{padding:6px 0}
.doc-nav a.on{color:var(--accent2)}
.doc-nav a.on::before{content:"— "}
.doc .prose > h2:first-child{margin-top:0}
.doc .prose h2{font-size:26px;margin-top:52px}
.doc-date{font-size:12px;color:#777;border-top:1px solid #ccc;padding-top:14px;margin-top:48px}
.doc .mail{font-weight:var(--wh,900);font-size:24px}
mark.todo{background:#ffe9a8;color:#5b4300;padding:1px 8px;font-size:.9em;font-weight:var(--wm,500)}

/* ── 404、錯誤頁 ── */
.oops{text-align:center;padding:56px 0 24px;display:flex;flex-direction:column;align-items:center}
.oops .big{font-size:clamp(120px,22vw,240px);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--accent)}
.oops h1{font-weight:var(--wh,900);font-size:clamp(28px,4vw,44px);margin:20px 0 8px}
.oops p{color:#666;margin:0 0 24px;max-width:30em}
.oops .btns{justify-content:center;margin-bottom:28px}
.oops .chips{justify-content:center;margin-bottom:0}

/* ── 搜尋 ── */
.search input{width:100%;font:inherit;font-size:22px;font-weight:var(--wb,700);padding:16px 18px;border:2px solid var(--ink);border-radius:0;background:#fff;-webkit-appearance:none;appearance:none}
.search input:focus{outline:3px solid var(--accent2);outline-offset:2px}
.search-info{color:#666;font-size:14px;margin:14px 0 8px}
.results{margin-bottom:48px}
.results a{display:block;border-bottom:2px solid var(--ink);padding:20px 0}
.results h4{font-weight:var(--wh,900);font-size:21px;line-height:1.5;margin:0 0 4px}
.results p{margin:0;color:#666;font-size:14px}

/* ── 頁尾 ── */
footer{display:block}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1240px;margin:0 auto}
.f-brand .it{color:#fff;opacity:.7;font-size:16px;margin:2px 0 14px}
.f-brand p{margin:0}
.f-col{display:flex;flex-direction:column;gap:8px}
.f-col b{color:#fff;font-size:12px;letter-spacing:.14em;margin-bottom:6px}
.f-col a:hover,.f-note a:hover{color:#fff}
.f-note{max-width:1240px;margin:40px auto 0;border-top:1px solid rgba(255,255,255,.16);padding-top:20px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px;color:#888}
.f-note p{margin:0}
.f-note a{text-decoration:underline;margin-left:6px}

@media (max-width:820px){
  header.top .r a.s{display:inline}
  .menu .panel{grid-template-columns:1fr 1fr;gap:20px;padding:20px 16px 24px}
  .crumb.pad{padding:4px 16px 8px}
  .art-head{padding:24px 0 20px}
  .grid3{grid-template-columns:1fr;gap:32px}
  .cat-tiles{grid-template-columns:1fr 1fr}
  .cat-tiles a{padding:92px 16px 16px}
  .cat-tiles a:nth-child(2n){border-right:0}
  .cat-tiles a:nth-child(n+3){border-top:2px solid var(--ink)}
  .cat-tiles .letter{font-size:84px;left:12px}
  .sec{margin:64px 0 20px;flex-wrap:wrap}
  .doc{grid-template-columns:1fr;gap:20px}
  .doc-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 16px;border-top:0;padding-top:0}
  .doc-nav a.on::before{content:""}
  .byline{grid-template-columns:48px 1fr;gap:14px;padding:16px}
  .byline .mark{width:48px;height:48px;font-size:30px}
  .prose h2{font-size:24px;margin-top:48px}
  .prose table{display:block;overflow-x:auto;white-space:nowrap}
  .f-grid{grid-template-columns:1fr 1fr}
  .f-brand{grid-column:1/-1}
  .search input{font-size:18px}
}

/* ── 標誌（2026-11-15：圖形＋字樣，Illustrator 輸出的 SVG） ── */
header.top .logo.img{display:block;line-height:0}
header.top .logo.img img{display:block;height:46px;width:auto}
footer .logo.img{display:inline-block;line-height:0;margin-bottom:16px}
footer .logo.img img{display:block;height:40px;width:auto}
@media (max-width:820px){
  header.top .logo.img img{height:34px}
  footer .logo.img img{height:32px}
}
.byline .mark.img img{width:62%;height:auto;display:block}
/* 手機版：文章欄不被寬表格撐破（格線欄位預設最小寬度是內容寬） */
.a-body>*{min-width:0}

/* ── 首頁品牌橫幅（2026-11-15：選單下方一條細長的情境圖＋標語） ── */
.banner{position:relative;margin-top:10px;aspect-ratio:1200/300;background-size:cover;background-position:center 62%;display:flex;align-items:center;overflow:hidden}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,36,48,.62),rgba(28,36,48,.28) 42%,rgba(28,36,48,0) 70%)}
.banner .bn-t{position:relative;color:#fff;padding:0 56px}
.banner .en{display:block;font-size:12px;font-weight:var(--wm,500);letter-spacing:.34em;margin-bottom:14px;opacity:.9}
.banner p{margin:0;font-size:30px;font-weight:300;letter-spacing:.22em;line-height:1.5}
.banner+.sec{margin-top:56px}
@media (max-width:820px){
  .banner{aspect-ratio:390/170;margin-top:4px}
  .banner .bn-t{padding:0 22px}
  .banner .en{font-size:10px;margin-bottom:8px}
  .banner p{font-size:19px;letter-spacing:.16em}
}

/* ── 最粗的標題字顏色（2026-11-15 Jacob：粗黑體用 60% 灰；沒設定的站維持字色） ── */
.sec h2,.asym .lead h3,.a-head h1,.prose h2,.prose h3,.prose blockquote,.product h4,.faq h2,.art-head h1,.card h4,.cat-tiles b,.doc .mail,.oops h1,.results h4{color:var(--heavy)}
/* 橫幅品牌名稱下方的細線（2026-11-15 Jacob） */
.banner .en{display:table;position:relative;padding-bottom:14px;margin-bottom:16px}
.banner .en::after{content:"";position:absolute;left:0;right:.34em;bottom:0;height:1px;background:rgba(255,255,255,.75)}
@media (max-width:820px){.banner .en{padding-bottom:9px;margin-bottom:10px}}
/* 橫幅英文等比放大到約橫幅寬 1/3、細線貼近（2026-11-15 15:42 Jacob） */
.banner{container-type:inline-size}
.banner .en{font-size:3.56cqw;line-height:1.15;padding-bottom:.28em;margin-bottom:.5em}
@media (max-width:820px){.banner .en{font-size:3.56cqw;padding-bottom:.45em;margin-bottom:.7em}}
/* 手機商品卡：品名往下讓開右上角編號 */
@media (max-width:820px){.product h4{margin-top:18px}}
/* 手機文章標題區：大英文字母移到右上角、標題往下讓開，不再重疊 */
@media (max-width:820px){.a-head .t{padding-top:28px}.a-head .letter{font-size:84px;top:6px;left:auto;right:18px}.a-head a.tag{margin-bottom:46px}}
/* 電腦文章標題區：上方留給大英文字母，標題再長也不會疊上去 */
@media (min-width:821px){.a-head .t{padding-top:270px}}
/* 重點句：淡底色、略大於內文、不要左側粗線、小圓角（Jacob 11/15 17:17） */
.prose blockquote{margin:36px 0;padding:20px 24px;border-left:0;background:var(--soft);border-radius:8px;font-size:19px;line-height:1.75}
/* 重點句用粗體（Jacob 11/15 17:17） */
.prose blockquote{font-weight:700;color:#404040}
/* 手機：小標花朵置中，左右各一條細線穿過、線不碰到花（Jacob 11/15 17:23） */
@media (max-width:820px){.prose h2::before{width:100%;height:27px;margin-bottom:18px;background:url(/brand/ornament.svg) no-repeat center/32px 27px,linear-gradient(var(--accent),var(--accent)) no-repeat left center/calc(50% - 30px) 1px,linear-gradient(var(--accent),var(--accent)) no-repeat right center/calc(50% - 30px) 1px}}
/* 內文情境圖（11/15） */
.prose p>img{display:block;width:100%;border-radius:8px;margin:8px 0}
/* 仙朵小語（11/15 17:36）：取代文章尾端的編輯部說明 */
.byline .heart{color:var(--accent);font-size:.9em;margin-left:2px}
.byline .whisper{font-size:16px;line-height:1.8;color:var(--ink);margin-top:8px}

/* 2026-11-15 仙朵蕾兒：分類五格（電腦一排五格；手機兩欄、最後一格橫跨）＋首頁橫幅換成自己的圖 */
.cat-tiles{grid-template-columns:repeat(5,1fr)}
.banner{background-position:center 46%}
@media (max-width:820px){
  .cat-tiles{grid-template-columns:1fr 1fr}
  .cat-tiles a:nth-child(odd):last-child{grid-column:1/-1}
  .banner{background-position:62% 46%}
}
/* 2026-11-15 賣場按鈕顏色：蝦皮＝橘。momo 申請通過後才加粉紅（Jacob：現在先不用） */
.btn.primary.shopee{background:#EE4D2D;border-color:#EE4D2D;color:#fff}

/* 置中的區塊標題：字縮小，左右是帶小花的分隔線 */
.sec.mid{justify-content:center;align-items:center;gap:12px}
.sec.mid h2{font-size:28px}
.sec.mid .it{font-size:20px}
.sec.mid::before,.sec.mid::after{content:"";flex:1;height:18px;min-width:24px}
.sec.mid::before{margin-right:12px;background:url(/brand/ornament.svg) no-repeat right center/21px 18px,linear-gradient(var(--accent),var(--accent)) no-repeat left center/calc(100% - 32px) 1px}
.sec.mid::after{margin-left:12px;background:url(/brand/ornament.svg) no-repeat left center/21px 18px,linear-gradient(var(--accent),var(--accent)) no-repeat right center/calc(100% - 32px) 1px}
@media (max-width:820px){.sec.mid{flex-wrap:nowrap}.sec.mid h2{font-size:22px}.sec.mid .it{font-size:17px}}
/* 小提醒框：獨立的圓角小框，左上角掛「小提醒」標籤（Jacob 11/15 23:15） */
.prose blockquote{position:relative;margin:52px 0 40px;padding:30px 24px 22px;background:var(--paper);border:1.5px dashed var(--accent);border-radius:18px;font-size:17px;font-weight:500;line-height:1.8;text-align:center}
.prose blockquote::before{content:"小提醒";position:absolute;top:-17px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 40px;border-radius:999px;background:url(/brand/ornament.svg) no-repeat 13px center/20px 17px,url(/brand/ornament.svg) no-repeat right 13px center/20px 17px,var(--paper);border:1.5px solid var(--accent);color:var(--accent);font-size:15px;font-weight:700;letter-spacing:.12em;line-height:1.6}