:root{--espresso:#2B1A12;--roast:#4A2C1D;--crema:#C8A26B;--gold:#B8892E;--cream:#F5EEE3;--paper:#FBF8F3;--ink:#1E1410;--verde:#009246;--rosso:#CE2B37}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif;background:var(--paper);color:var(--ink);width:1280px}
.serif{font-family:"Noto Serif TC",Georgia,serif}
.flag{height:5px;background:linear-gradient(90deg,var(--verde) 33.3%,#fff 33.3% 66.6%,var(--rosso) 66.6%)}
header{background:var(--espresso);color:var(--cream);display:flex;align-items:center;gap:36px;padding:14px 56px}
header img{height:66px}header nav{display:flex;gap:28px;flex:1;font-size:15px;letter-spacing:.06em}header nav a{color:var(--cream);text-decoration:none}header nav a.on{color:var(--crema);border-bottom:2px solid var(--gold);padding-bottom:4px}
.cartbtn{background:var(--gold);color:var(--espresso);padding:9px 18px;border-radius:30px;font-weight:700}
.btn{display:inline-block;background:var(--gold);color:var(--espresso);padding:14px 30px;border-radius:40px;font-weight:700;text-decoration:none;letter-spacing:.05em}
.btn.ghost{background:transparent;border:1.5px solid var(--crema);color:var(--cream)}
h2{font-family:"Noto Serif TC",Georgia,serif;font-size:36px;color:var(--espresso);margin-bottom:8px}.eyebrow{color:var(--gold);letter-spacing:.25em;font-size:12px;text-transform:uppercase;font-weight:700;margin-bottom:10px}
section{padding:72px 56px}
footer{background:var(--espresso);color:#d9c9b0;padding:48px 56px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;font-size:14px;line-height:1.9}footer h4{color:var(--crema);margin-bottom:8px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px rgba(43,26,18,.08)}
.price{color:var(--roast);font-weight:800;font-size:20px}.so{background:#777;color:#fff;font-size:12px;padding:3px 10px;border-radius:20px}