:root{--navy:#16283c;--deep:#0e1b29;--orange:#ec701b;--cream:#f7f4ee;--ink:#22303f;--muted:#6b7686;--line:#e4e1d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}.topline{padding:7px 6vw;background:var(--deep);color:#d9e0e6;font-size:11px;letter-spacing:.08em}.topline span{color:var(--orange)}.site-header{height:92px;padding:0 6vw;background:white;display:flex;align-items:center;gap:38px}.logo{display:grid;grid-template-columns:auto auto;column-gap:2px;line-height:1;color:var(--navy);font-family:"Noto Serif TC",serif;font-size:29px}.logo b{color:var(--orange)}.logo small{grid-column:span 2;font:8px "DM Mono",monospace;letter-spacing:.15em;margin-top:9px}.main-nav{display:flex;gap:28px;margin:auto}.main-nav a{font-size:14px}.main-nav a:hover,.inline-link{color:var(--orange)}.header-tel{padding-left:20px;border-left:1px solid var(--line);font:15px "DM Mono",monospace;color:var(--navy)}.header-tel small{display:block;color:var(--muted);font:10px "Noto Sans TC"}.menu-toggle{display:none}.hero{min-height:640px;background:linear-gradient(104deg,#16283ce0 0 18%,#16283c96 36%,#16283c33 58%,#16283c0d 80%),url('img/hero-meishuguan.jpg') center 46%/cover;position:relative;color:#fff;padding:104px 9vw;text-shadow:0 1px 14px #16283c7a}.hero-main{max-width:590px}.kicker{font:11px "DM Mono",monospace;letter-spacing:.16em;margin:0 0 19px;color:#d3e0e8}.kicker.dark{color:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1,.story h2,.section-head h2,.tools h2,.calculator h2,.cta h2{font-family:"Noto Serif TC",serif}.hero h1{font-size:65px;line-height:1.25;margin:0 0 23px;letter-spacing:.04em}.hero h1 em,.cta em{font-style:normal;color:#ffad67}.hero-main>p:not(.kicker){line-height:2;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;border:1px solid transparent;padding:12px 19px;font-size:14px;cursor:pointer}.orange{background:var(--orange);color:#fff}.ghost{border-color:#a6bacb;color:#fff}.navy{background:var(--navy);color:white}.hero-card{position:absolute;right:8vw;bottom:0;width:282px;background:#fff;color:var(--ink);padding:28px}.hero-card p{color:var(--orange);font-size:12px;margin-bottom:8px}.hero-card h2{font:600 29px/1.35 "Noto Serif TC",serif;margin-bottom:14px}.hero-card h2 span{color:var(--orange)}.hero-card div{font-size:13px;border-top:1px solid var(--line);padding-top:13px}.hero-card a{display:block;margin-top:18px;color:var(--navy);font-size:13px;font-weight:bold}.numbers{padding:62px 8vw;background:white}.section-label{font:11px "DM Mono",monospace;letter-spacing:.12em;color:var(--orange);margin-bottom:22px}.section-label span{font:13px "Noto Sans TC";letter-spacing:0;color:var(--muted);margin-left:13px}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.numbers-grid article{padding:22px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.numbers-grid small{display:block;color:var(--muted);font-size:12px}.numbers-grid strong{display:inline-block;font:500 36px "DM Mono",monospace;color:var(--navy);margin:8px 5px 0 0}.numbers-grid span{font-size:12px}.data-note{font-size:11px;color:var(--muted);margin:16px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.story-photo img{width:100%;height:100%;object-fit:cover}.story-copy{padding:100px 12%}.story h2{font-size:42px;line-height:1.4;margin-bottom:24px;color:var(--navy)}.story-copy p:not(.kicker){font-size:15px;color:#52606d}.story ul{padding:0;list-style:none;font-size:14px}.story li{border-top:1px solid var(--line);padding:11px 0}.story li:before{content:'✓';color:var(--orange);margin-right:9px}.inline-link{font-weight:bold}.communities{padding:95px 8vw;background:#eef1ee}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px}.section-head h2{font-size:39px;margin:0;color:var(--navy)}.section-head>p{font-size:14px;color:var(--muted);margin:0}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-grid article{background:#fff}.community-grid img{display:block;width:100%;height:230px;object-fit:cover}.community-grid div{padding:18px}.community-grid small{font:10px "DM Mono",monospace;color:var(--orange)}.community-grid h3{font:600 21px "Noto Serif TC",serif;margin:7px 0 3px;color:var(--navy)}.community-grid p{font-size:13px;color:var(--muted);margin:0}.center{text-align:center;margin-top:34px}.tools{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:95px 10vw;background:var(--navy);color:white}.tools h2{font-size:42px;line-height:1.35}.tools-intro>p:not(.kicker){color:#c8d4dc;font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-grid article{border:1px solid #ffffff45;padding:22px 17px;min-height:230px;display:flex;flex-direction:column}.tool-grid span{font:13px "DM Mono",monospace;color:#ffad67}.tool-grid h3{font-size:18px;margin:27px 0 8px}.tool-grid p{font-size:13px;color:#c8d4dc;margin:0}.tool-grid a{margin-top:auto;color:#ffad67;font-size:13px}.calculators{display:grid;grid-template-columns:1fr 1fr}.calculator{padding:80px 12%;background:#fff}.calculator h2{font-size:33px;color:var(--navy)}.calculator label{display:block;font-size:13px;margin:12px 0;color:var(--muted)}.calculator input{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid var(--line);font:16px "DM Mono",monospace}.calculator .btn{margin-top:16px;border:0}.result{margin-top:18px;background:#f3eee6;padding:14px;font-size:13px}.dark-calc{background:var(--deep);color:#fff}.dark-calc h2{color:#fff}.dark-calc>p:not(.kicker){color:#c4d0d9;font-size:14px}.dark-calc label{color:#c4d0d9}.dark-calc input{background:#fff}.result.light{background:#20354b;color:#e8edf2}.cta{text-align:center;padding:105px 20px;background:linear-gradient(#122536c9,#122536e0),url('img/district-street.jpg') center 30%/cover;color:#fff}.cta h2{font-size:44px;line-height:1.4;margin-bottom:16px}.cta>p:not(.kicker){color:#d6e0e7}.cta>div{margin-top:29px;display:flex;align-items:center;justify-content:center;gap:25px}.tel-cta{font:20px "DM Mono",monospace}.cta .kicker{color:#ffad67}footer{background:#0b1520;color:#c8d1d7;padding:40px 8vw;display:grid;grid-template-columns:1.2fr 2.5fr 1fr;gap:35px;font-size:12px}.footer-brand{color:#fff;font:600 20px "Noto Serif TC",serif}footer a{color:#ffad67}footer small{color:#8795a0;font-size:10px}
 .listing-note{font-size:11px;color:var(--muted);margin:18px 0 0;text-align:center}@media(max-width:800px){.site-header{height:73px;padding:0 24px}.main-nav,.header-tel{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:none;color:var(--navy);font-size:24px}.main-nav.open{display:flex;position:absolute;z-index:5;top:100px;left:0;right:0;background:white;flex-direction:column;padding:22px 24px}.hero{padding:70px 24px 270px;min-height:680px;background:linear-gradient(#16283ce8 0 46%,#16283cad),url('img/hero-meishuguan.jpg') center 38%/cover}.hero h1{font-size:45px}.hero-card{left:24px;right:24px;bottom:0;width:auto}.numbers,.communities{padding:60px 24px}.numbers-grid,.community-grid,.tool-grid{grid-template-columns:1fr}.story,.tools,.calculators{grid-template-columns:1fr}.story-photo{height:340px}.story-copy{padding:65px 24px}.section-head{align-items:start;gap:20px;flex-direction:column}.section-head h2,.tools h2,.cta h2{font-size:34px}.community-grid img{height:210px}.tools{padding:65px 24px;gap:30px}.tool-grid article{min-height:180px}.calculator{padding:60px 24px}footer{grid-template-columns:1fr;padding:35px 24px;gap:17px}.hero-actions{flex-wrap:wrap}}

/* ===== 中文排版優化 2026-08-16 ===== */
/* 繁體中文需要比英文更鬆的行高與字距，否則筆畫多的字會糊在一起 */

body{line-height:1.85;letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-feature-settings:"palt" 1}

/* 標題：行高收緊、字距放開、避免孤字 */
h1,h2,h3,h4{text-wrap:balance;letter-spacing:.03em}
.hero h1{line-height:1.3}
.story h2,.section-head h2,.tools h2,.cta h2,.calculator h2{line-height:1.45;letter-spacing:.035em}
.hero-card h2{letter-spacing:.03em}

/* 內文：中文閱讀最舒服的區間 */
.story-copy p:not(.kicker){font-size:15.5px;line-height:2.0}
.hero-main>p:not(.kicker){line-height:2.05}
.tools-intro>p:not(.kicker),.dark-calc>p:not(.kicker),.cta>p:not(.kicker){line-height:1.95}
.story li{line-height:1.9}

/* 卡片：h3 補行高、說明文字放大到可讀範圍 */
.community-grid h3{line-height:1.55;letter-spacing:.02em}
.community-grid p{font-size:14px;line-height:1.8}
.community-grid small{letter-spacing:.06em}
.tool-grid h3{line-height:1.5;letter-spacing:.03em}
.tool-grid p{font-size:13.5px;line-height:1.85}
.district-card h3{line-height:1.5}
.district-card p{font-size:13.5px;line-height:1.85}

/* 數字用等寬字，對齊才好看 */
.numbers-grid strong,.lg-price,.cm-metric,.tel-cta,.header-tel{font-variant-numeric:tabular-nums}

/* 註記類小字：中文最低 12.5px，並拉開行高補償 */
.data-note,.district-note,.listing-note,.disc{font-size:12.5px;line-height:1.95}

/* 手機：字級不縮太小，行高再放鬆一點 */
@media(max-width:800px){
  body{line-height:1.9}
  .hero h1{line-height:1.35}
  .story-copy p:not(.kicker){font-size:16px;line-height:2.0}
  .community-grid p{font-size:14px}
  .section-head h2,.tools h2,.cta h2{line-height:1.4}
}

/* 尊重使用者的減少動態偏好 */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}




/* ===== 字級三階制：16 / 18 / 32 ===== */
.community-grid div{padding:20px 22px 23px}

/* 輔助資訊 16px */
.community-grid small,
.community-grid p.cg-addr,
.lg-tag,.lg-meta,.lg-more,.lg-ask,
.cm-meta,.cm-more{font-size:16px;line-height:1.7;letter-spacing:.01em}
.community-grid small{display:block;font-family:inherit;color:var(--muted)}
.community-grid p.cg-addr{color:var(--muted);margin:0}

/* 標題 18px */
.community-grid h3,.lg-grid h3,.cm-grid h3{font-size:18px;line-height:1.6;letter-spacing:.02em}
.community-grid h3{margin:10px 0 12px}

/* 價格 32px（用 p. 提高權重，避免被上面的通則吃掉） */
.community-grid p.cg-price,
.lg-grid p.lg-price,
.cm-grid p.cm-price{font-family:"DM Mono",monospace;font-weight:500;
  font-size:32px;line-height:1;color:var(--orange);
  margin:0 0 12px;font-variant-numeric:tabular-nums;letter-spacing:0}
.community-grid p.cg-price span,
.lg-grid p.lg-price small,
.cm-grid p.cm-price span{font-size:16px;color:var(--ink);
  font-family:"Noto Sans TC",sans-serif;font-weight:400}

/* 詳情頁規格表 */
.spec th,.spec td,.lp-list li{font-size:16px}

@media(max-width:800px){
  .community-grid h3,.lg-grid h3,.cm-grid h3{font-size:19px}
  .community-grid p.cg-price,.lg-grid p.lg-price,.cm-grid p.cm-price{font-size:34px}
}

/* ===== 站內搜尋入口 ===== */
.main-nav a.nav-search{display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--line);padding:6px 13px;border-radius:2px;color:var(--navy)}
.main-nav a.nav-search:hover{border-color:var(--orange);color:var(--orange)}
.main-nav a.nav-search svg{flex:none}