:root{--brand:#5f8f69;--brand-dark:#20362a;--accent:#d56f4c;--soft:#f6f8f4;--line:#dfe7dc;--text:#26332b;--muted:#65736a}
*{box-sizing:border-box}
body{font-family:"Inter","Noto Sans TC",system-ui,sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{color:var(--brand-dark);text-decoration:none}
a:hover{color:var(--brand)}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;letter-spacing:0}
.breadcrumb-bar{background:var(--soft);border-bottom:1px solid var(--line)}
.breadcrumb-bar .breadcrumb{--bs-breadcrumb-divider:'\203A'}
.breadcrumb-bar .breadcrumb-item a{color:var(--brand-dark)}
.breadcrumb-bar .breadcrumb-item.active{color:var(--muted)}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.navbar{box-shadow:0 1px 12px rgba(32,54,42,.05)}
.nav-link{font-weight:600}
.hero-wrap,.hero-slide{min-height:560px}
.hero-slide{display:flex;align-items:center;background-size:cover;background-position:center}
.hero-fallback{background:linear-gradient(120deg,#20362a,#5f8f69)}
.hero-copy{max-width:680px;color:#fff;padding:80px 0}
.hero-copy h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.05;font-weight:900;margin:0 0 18px;letter-spacing:0}
.hero-copy p{font-size:1.2rem;max-width:580px}
.eyebrow{text-transform:none;font-weight:800;color:#dfeadb;margin-bottom:10px}
.stat-band{background:var(--brand-dark);color:#fff;padding:22px 0}
.stat-band strong{display:block;font-size:2rem}
.stat-band span{color:#dfeadb}
.section-pad{padding:72px 0}
.bg-soft{background:var(--soft)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.section-heading h2,.content-block h2{font-weight:850;color:var(--brand-dark);letter-spacing:0}
.service-tile,.district-grid a,.type-card,.post-card,.review-card,.side-box,.form-box,.studio-card{border:1px solid var(--line);border-radius:8px;background:#fff}
.service-tile{min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px;color:var(--text);transition:transform .18s,box-shadow .18s}
.service-tile:hover,.studio-card:hover,.post-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(32,54,42,.08)}
.service-tile span{font-size:2rem}.service-tile strong{font-size:1.1rem}.service-tile small{color:var(--muted)}
.studio-card{display:flex;overflow:hidden;height:100%}
.studio-thumb{width:98px;min-width:98px;background:linear-gradient(160deg,var(--brand),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2.2rem}
.studio-body{padding:20px;min-width:0}.studio-body h3,.post-card h2,.post-card h3,.type-card h2{font-size:1.22rem;font-weight:800;line-height:1.35;letter-spacing:0}
.rating-line{font-size:.95rem;color:var(--muted)}.meta-line{color:var(--muted);font-size:.92rem}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:#fff;color:var(--brand-dark);font-size:.85rem}.tags.big span{font-size:1rem;padding:8px 12px}
.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.district-grid a{padding:18px;display:flex;flex-direction:column}.district-grid span{color:var(--muted);font-size:.92rem}
.review-card,.post-card,.type-card,.side-box,.form-box{padding:24px;height:100%}
.review-card small{display:block;color:var(--muted)}
.cta-band{background:var(--brand-dark);color:#fff;padding:70px 0;text-align:center}
.page-hero{background:linear-gradient(135deg,var(--brand-dark),#385946);color:#fff;padding:96px 0}.page-hero.compact{padding:62px 0}.page-hero h1{font-weight:900;letter-spacing:0}
.article-hero{padding:82px 0}.narrow{max-width:860px}
.filter-panel{border:1px solid var(--line);border-radius:8px;padding:20px;position:sticky;top:92px}.filter-panel h2{font-size:1.25rem;font-weight:850}.filter-panel label,.form-box label,.admin-card label{font-weight:700;margin-top:12px}
.result-head{margin-bottom:20px;padding:12px 0;border-bottom:1px solid var(--line)}
.studio-hero{min-height:460px;display:flex;align-items:center;background-size:cover;background-position:center}
.quick-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-info div{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.quick-info strong{display:block;color:var(--muted)}.quick-info span{font-weight:800}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-grid div{border:1px solid var(--line);border-radius:8px;padding:14px}.feature-grid .on i{color:var(--brand)}.feature-grid .off{color:var(--muted)}
.review-row{border-bottom:1px solid var(--line);padding:18px 0}.share-row{display:flex;gap:12px;margin-top:28px}.article-cover{width:100%;border-radius:8px;margin-bottom:24px}
.empty-state{border:1px solid var(--line);border-radius:8px;padding:48px;background:var(--soft)}
.compare-fab{position:fixed;right:20px;bottom:92px;z-index:9998}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:9999}.whatsapp-float:hover{color:#fff;transform:scale(1.06)}
.site-footer{background:#f3f5f0}.footer-links li{margin:8px 0}.socials a{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#fff;margin-right:8px}.footer-bottom{color:var(--muted)}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important}
@media (max-width:991px){.hero-wrap,.hero-slide{min-height:500px}.district-grid{grid-template-columns:repeat(2,1fr)}.quick-info{grid-template-columns:repeat(2,1fr)}.filter-panel{position:static}.studio-card{flex-direction:column}.studio-thumb{height:110px;width:100%}}
@media (max-width:575px){.section-pad{padding:48px 0}.hero-copy{padding:56px 0}.hero-copy h1{font-size:2.55rem}.district-grid,.quick-info,.feature-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.compare-fab{right:12px;bottom:84px}.whatsapp-float{right:12px;bottom:14px}}