@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--bg:#faf7f1;--ink:#27231d;--muted:#6f685e;--gold:#b18a43;--gold-dark:#7f6128;--line:#e8decb;--deep:#090a0b;--card:#fffdfa;--soft:#f6f1e7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans TC',sans-serif;line-height:1.85}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1120px,calc(100% - 44px));margin:auto}
.topline{height:5px;background:linear-gradient(90deg,#6d4e22,#e5c87c,#8d6a35)}
header{background:var(--deep)}
.banner-shell{padding:0 0 6px}
.brand-banner-link{display:block}
.brand-banner{width:100%;height:auto;max-height:330px;object-fit:contain;object-position:center center}
.nav-wrap{background:#fff;border-bottom:1px solid #dccca9;box-shadow:0 2px 14px rgba(25,21,13,.05)}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.nav{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.nav a{min-width:170px;text-align:center;border:1px solid #d7c7a9;color:#6c5734;padding:10px 22px;font-weight:600;letter-spacing:.12em;transition:.2s;background:#fff}
.nav a:hover,.nav a.active{background:linear-gradient(110deg,#b68b43,#86652c);color:#fff;border-color:#997435}
.lang-switch{display:flex;gap:8px;flex-shrink:0}
.lang-btn{border:1px solid #d1c1a0;background:#fff;color:#7b6237;padding:8px 13px;border-radius:999px;font-weight:700;cursor:pointer;transition:.2s}
.lang-btn:hover,html[data-lang="zh"] .lang-btn[data-lang="zh"],html[data-lang="en"] .lang-btn[data-lang="en"]{background:#1a1a16;color:#f8e5b8;border-color:#1a1a16}
.hero{padding:76px 0 42px;text-align:center}
.eyebrow{color:var(--gold-dark);font-size:12px;letter-spacing:.32em;font-weight:700;text-transform:uppercase}
.hero h1,.section-heading h2,.panel-title,.license-copy h2,.service h2{font-family:'Noto Serif TC',serif}
.hero h1{font-size:clamp(30px,4vw,46px);font-weight:600;letter-spacing:.14em;margin:8px 0 15px}
.gold-rule{width:75px;height:2px;background:linear-gradient(90deg,transparent,#b08a46,transparent);margin:20px auto}
.hero p{color:var(--muted);font-size:15px;max-width:740px;margin:0 auto}
.section{padding:20px 0 92px}
.paper{background:var(--card);border:1px solid #eee5d6;padding:clamp(25px,5vw,64px);box-shadow:0 14px 45px rgba(50,40,23,.05)}
.intro{max-width:920px;margin:auto;font-size:17px;line-height:2.15;letter-spacing:.02em}
.intro p{margin:0 0 24px;text-indent:2em}
.intro p:last-child{margin-bottom:0}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.feature{border-top:2px solid #b4945c;padding:25px 20px;background:#f6f1e8;text-align:center}
.feature strong{display:block;color:#806329;font-family:'Noto Serif TC',serif;font-size:18px;margin-bottom:4px}
.feature span{color:#80796e;font-size:12px;letter-spacing:.06em}
.license-section{display:flex;align-items:center;gap:26px;border:1px solid #d9c49e;background:linear-gradient(110deg,#fffdf7,#f3e9d5);padding:26px 30px;margin-top:42px}
.license-copy{flex:1}
.license-copy h2{font-size:23px;margin:4px 0;color:#6e5227}
.license-copy p{margin:0;color:#6f685b;font-size:14px}
.license-qr{width:170px;flex-shrink:0;text-align:center}
.license-qr img{max-width:100%;border:1px solid #e2d2b0;background:#fff;padding:10px}
.services{display:grid;gap:24px}
.service{display:grid;grid-template-columns:1fr 1.05fr;min-height:320px;background:#fff;border:1px solid #e8decb;overflow:hidden}
.service:nth-child(even) .service-copy{order:2}
.service:nth-child(even) .visual{order:1}
.service-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}
.service-num{font-family:Georgia,serif;color:#a98b53;font-size:15px;letter-spacing:.15em}
.service h2{font-size:26px;letter-spacing:.08em;margin:12px 0}
.service p{color:var(--muted);margin:0;font-size:15px}
.visual{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fbf8f1,#efe2c5);padding:16px}
.visual::after{content:'';position:absolute;inset:12px;border:1px solid rgba(177,138,67,.24);pointer-events:none}
.visual img{width:100%;height:100%;object-fit:contain;object-position:center center}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}
.contact-panel{background:#fff;border:1px solid #e8decb;padding:35px}
.panel-title{margin:0 0 23px;font-size:23px}
.detail{padding:17px 0;border-bottom:1px solid #eee7db}
.detail:last-child{border:0}
.detail-label{font-size:12px;color:#98783e;letter-spacing:.15em;margin-bottom:5px;font-weight:700;text-transform:uppercase}
.detail-value{font-size:17px;overflow-wrap:anywhere}
.detail-value a:hover{text-decoration:underline}
.hours{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #eee7db}
.hours:last-child{border:0}
.hours b{color:#99763c}
.notice{margin-top:20px;color:#776f60;font-size:13px}
.map-link{display:inline-block;margin-top:18px;border:1px solid #ad8747;padding:9px 17px;color:#846126}
.map-link:hover{background:#ad8747;color:white}
.visit-box{margin-top:40px;padding:28px;background:#f6f0e5;border-left:3px solid #b18a43}
.contact-media{margin-top:58px}
.section-heading{text-align:center;margin-bottom:20px}
.section-heading h2{font-size:26px;margin:7px 0}
.store-photo{max-width:770px;margin:0 auto 32px;background:#fff;border:1px solid #e6dac6;padding:12px;text-align:center}
.store-photo img{max-height:570px;margin:auto;width:auto;object-fit:contain}
.store-caption{font-size:14px;color:#76684e;padding:12px}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.social-card{text-align:center;background:#fff;border:1px solid #e6dac6;padding:26px}
.social-card h3{font-family:Georgia,'Noto Serif TC',serif;color:#8b6a30;font-size:23px;margin:0 0 3px}
.social-card p{font-size:14px;color:#726b5f;margin:0 0 20px}
.social-card img{max-width:260px;width:100%;height:auto;margin:0 auto}
.footer{background:#171714;color:#c9c0af;padding:36px 0;text-align:center;font-size:12px;letter-spacing:.08em}
.footer strong{display:block;color:#f2e8d2;font-size:15px;margin-bottom:8px}
.footer .tag{font-size:12px;color:#9c7a42;letter-spacing:.12em;margin-top:12px}
.footer .copy{margin-top:18px;opacity:.65;font-size:11px}
html:not([data-lang="en"]) .lang-en{display:none}
html[data-lang="en"] .lang-zh{display:none!important}
html[data-lang="en"] .lang-en{display:initial!important}
html[data-lang="zh"] .lang-zh{display:initial!important}
html[data-lang="zh"] .lang-en{display:none!important}
html[data-lang="en"] .intro p{line-height:2.05}
.block.lang-en, .block.lang-zh{display:block}
.inline-flex{display:inline-flex;gap:.35em;align-items:center;justify-content:center;flex-wrap:wrap}
@media(max-width:860px){.nav-row{flex-direction:column;align-items:stretch}.nav{justify-content:center}.lang-switch{justify-content:center}}
@media(max-width:750px){.container{width:min(1120px,calc(100% - 26px))}.banner-shell{padding:0 8px 6px}.brand-banner{max-height:190px}.nav{gap:6px}.nav a{min-width:0;flex:1;padding:10px 5px;font-size:13px;letter-spacing:0}.hero{padding:52px 0 28px}.section{padding:12px 0 55px}.intro{font-size:15px;line-height:2.05}.feature-row{grid-template-columns:1fr;gap:10px}.service,.contact-grid,.social-grid{grid-template-columns:1fr}.service:nth-child(even) .service-copy,.service:nth-child(even) .visual{order:initial}.service-copy{padding:28px}.visual{min-height:240px}.contact-panel{padding:25px}.hours{grid-template-columns:70px 1fr}.license-section{padding:20px;flex-wrap:wrap}.license-qr{width:100%;max-width:190px;margin:auto}.store-photo img{max-height:470px}}

/* V4: stable page highlight; banner shows the full emblem with no crop. */
.brand-banner{object-fit:contain;object-position:center;max-width:100%}
.nav a.active,.nav a[aria-current="page"]{background:linear-gradient(110deg,#b68b43,#86652c)!important;color:#fff!important;border-color:#997435!important}
.nav a:not(.active):not([aria-current="page"]){background:#fff;color:#6c5734;border-color:#d7c7a9}
.nav a:not(.active):not([aria-current="page"]):hover{background:#fbf5e7;color:#6c5734}