﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600&display=swap');
:root{--paper:#f7f4ef;--ink:#1f2e25;--accent:#8e4a4a;--secondary:#5e6b62;--line:rgba(31,46,37,.15);--white:#fffdf9;--lime:#ece9e1;--orange:#8e4a4a;--orange-dark:#8e4a4a;--serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',sans-serif}
body.v2-layout{background:var(--paper);color:var(--ink);font:16px/1.9 var(--sans);letter-spacing:.025em}*{box-sizing:border-box}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}p{color:inherit}a{color:inherit}button,input{font:inherit}.shell{width:min(1220px,calc(100% - 80px))}.eyebrow,.kicker{font:500 14px/1.7 var(--sans);letter-spacing:.24em;color:var(--secondary);text-transform:uppercase}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,244,239,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-shell{width:min(1320px,calc(100% - 64px));padding:18px 0;min-height:84px;gap:24px}.brand{gap:18px;flex-wrap:wrap}.brand-copy{font:600 21px var(--serif)}.brand-detail{border-left:1px solid var(--line);padding-left:18px;font-size:14px;letter-spacing:.1em}.nav-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:8px 12px}.nav-links .nav-cta{background:var(--accent);padding:10px 22px}.menu-button{font-size:14px;min-width:54px;min-height:44px}.button{border-radius:999px;padding:15px 28px;box-shadow:none;background:var(--ink);color:var(--paper);font-size:16px;min-height:50px;border:1px solid var(--ink)}.button.alt{background:transparent;color:var(--ink);border-color:var(--line)}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.site-footer{background:var(--ink);padding:70px 0 110px}.footer-brand{font:600 28px var(--serif)}.site-footer .muted{color:#d4ddd4}.footer-nav a,.footer-nav b,.footer-disclosure,.footer-bottom{font-size:14px;color:#e0e5df}.footer-nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{border-color:rgba(255,255,255,.2)}.site-footer .button.alt{color:var(--paper);border-color:#a7b2a7}.floating-line{position:fixed;bottom:24px;right:28px;z-index:35;display:flex;align-items:center;gap:13px;border-radius:99px;background:#06c755;padding:10px 18px 10px 10px;color:#10291b;text-decoration:none;font-weight:700;box-shadow:0 8px 30px rgba(31,46,37,.16);min-height:54px}.line-logo{background:white;color:#158143;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.floating-line>span:last-child{border:1px solid rgba(16,41,27,.4);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[data-reveal]{opacity:1;transform:none}
.brand{min-height:44px;display:flex;align-items:center}
.nav-area{font-size:14px;color:var(--secondary);white-space:nowrap}.nav-area::before{content:"•";color:var(--accent);margin-right:8px}@media(max-width:1300px){.nav-area{display:none}}
/* Shared themes: change these four images to replace every page banner. */
:root{--banner-default:url('img/interior-living.jpg');--banner-about:url('img/banner-about.jpg');--banner-tools:url('img/banner-tools.jpg');--banner-knowledge:url('img/banner-knowledge.jpg');--banner-social:url('img/banner-social.jpg');--banner-contact:url('img/banner-contact.jpg');--banner-listings:url('img/interior-living.jpg');--banner-overlay:rgba(20,37,27,.62)}
body.v2-layout{margin:0;background-color:var(--paper);background-image:linear-gradient(rgba(31,46,37,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,46,37,.035) 1px,transparent 1px);background-size:64px 64px;color:var(--ink);line-height:1.9}
.v2-layout .shell{margin-inline:auto}.v2-layout .nav-shell{margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.v2-layout .brand{min-height:44px;text-decoration:none}.v2-layout .brand-mark{display:none}.v2-layout .brand-detail{color:var(--secondary)}
.v2-layout .section{padding:80px 0}.v2-layout .section-lime{background:#eeebe3}.v2-layout .section-orange{background:#f0e6e0;color:var(--ink)}.v2-layout .section-dark{background:var(--ink);color:var(--paper)}
.inner-v2 .section-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.6}.inner-v2 .section-heading{gap:40px}.inner-v2 .lead{font-size:17px;color:var(--secondary);line-height:1.9}.inner-v2 .section-dark .lead,.inner-v2 .section-dark p{color:#e0e5df}
.v2-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper);padding:72px 0!important;min-height:330px}.v2-banner:before{content:'';position:absolute;inset:-12px;z-index:-2;background:var(--banner-image,var(--banner-default)) center/cover;filter:blur(3px)}.v2-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:var(--banner-overlay)}.v2-banner.banner-about{--banner-image:var(--banner-about)}.v2-banner.banner-tools{--banner-image:var(--banner-tools)}.v2-banner.banner-knowledge{--banner-image:var(--banner-knowledge)}.v2-banner.banner-social{--banner-image:var(--banner-social)}.v2-banner.banner-contact{--banner-image:var(--banner-contact)}.v2-banner.banner-listings{--banner-image:var(--banner-listings)}.v2-banner[data-number]::after{content:'';font-size:inherit;transform:none}.v2-banner .shell{position:relative}.v2-banner h1{font-size:clamp(34px,4vw,60px);line-height:1.5;max-width:1000px;margin:20px 0}.v2-banner h1:after{display:none}.v2-banner .lead,.v2-banner p,.v2-banner .crumb,.v2-banner .eyebrow{color:#fffdf9!important;max-width:850px}.v2-banner .crumb a,.category-back{display:inline-flex;align-items:center;min-height:44px;color:#fffdf9;text-decoration:none}.category-back{border:1px solid #c4d0c4;border-radius:99px;padding:5px 18px}
.inner-v2 .service-card,.inner-v2 .knowledge-card,.inner-v2 .form-card,.inner-v2 .listing-card,.inner-v2 .info-card,.inner-v2 .notice,.inner-v2 .table-wrap,.inner-v2 .contact-card,.inner-v2 .area-card{border:1px solid var(--line);border-radius:26px;background:var(--white);box-shadow:0 12px 40px rgba(31,46,37,.04)}
.inner-v2 .service-card{padding:28px;min-height:0}.inner-v2 .service-card h3{font-size:25px}.inner-v2 .service-card:before{display:none}.inner-v2 .service-card:hover{background:var(--white);transform:translateY(-2px)}.inner-v2 .tags .tag{background:#ece9e1;color:var(--ink);border-radius:99px}.inner-v2 .timeline-item{border-color:var(--line)}.inner-v2 .story-panel{background:#eeebe3;border-radius:26px;color:var(--ink)}
.v2-layout input,.v2-layout select,.v2-layout textarea{border:1px solid var(--line);border-radius:12px;background:#f2eee7;color:var(--ink);min-height:48px;font:inherit;width:100%;max-width:100%}.v2-layout input[type=checkbox],.v2-layout input[type=radio]{width:auto;min-height:0}.v2-layout .field label{color:var(--ink)}
.v2-layout .calculate-button,.v2-layout .mini-calcs .calculate-button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:52px;border-radius:99px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:600 16px var(--sans);padding:14px 24px;cursor:pointer}.calculate-button:hover{background:var(--accent)!important;border-color:var(--accent)!important}.calculate-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.v2-layout .calc-result{margin-top:24px;border-radius:20px;background:#eeebe3;color:var(--ink);padding:24px;overflow-wrap:anywhere}.v2-layout .calc-result strong{font-family:var(--serif);font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.5;color:var(--ink)}.v2-layout .calc-result .calc-total{border-color:var(--line)}.v2-layout .calc-result .calc-total strong{color:var(--accent)}.v2-layout #cash .ch-highlight,.v2-layout #rentsub .rs-highlight{background:var(--ink);color:var(--paper);border-radius:18px}.v2-layout #cash .ch-highlight strong,.v2-layout #rentsub .rs-highlight strong{color:var(--paper)}
.tool-tabs{display:flex;gap:12px;padding-top:32px;padding-bottom:26px;overflow-x:auto}.tool-tabs button{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:12px 32px;border-radius:99px;white-space:nowrap;min-height:48px;cursor:pointer;font:600 16px var(--sans)}.tool-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}
[data-tool-panel]>.section:first-child{padding-top:34px}.v2-layout .tool-intro{position:static}.v2-layout .tool-card{padding:30px}.v2-layout .calc-cta{gap:12px}.v2-layout .calc-cta .button{font-size:14px;padding:12px 16px}.v2-layout .qg-table,.v2-layout .rs-table{font-size:14px!important}
.knowledge-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;width:min(1320px,calc(100% - 64px));margin:auto;align-items:start}.knowledge-directory{position:sticky;top:115px;padding:30px 0;display:flex;flex-direction:column;gap:12px}.knowledge-directory a{display:flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:14px;background:var(--white);white-space:nowrap}.knowledge-directory a[aria-current]{background:var(--ink);color:var(--paper)}.knowledge-content{min-width:0}.knowledge-content .shell{width:100%}.knowledge-content .section{scroll-margin-top:120px}.knowledge-content .knowledge-grid,.knowledge-content .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-layout .social-grid{gap:24px}.v2-layout .social-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:34px;background:var(--white)!important;border:1px solid var(--line);border-radius:26px;color:var(--ink)!important;text-decoration:none;overflow:hidden;box-shadow:0 10px 40px rgba(31,46,37,.04);transition:transform .2s,box-shadow .2s}.social-card:before{content:'';position:absolute;top:0;left:28px;right:28px;height:3px;background:var(--accent)}.v2-layout .social-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(31,46,37,.09)}.v2-layout .social-card .kicker,.v2-layout .social-card p{color:var(--secondary)}.v2-layout .social-card h2{font:500 32px var(--serif);color:var(--ink);margin:12px 0 20px}.v2-layout .social-logo{background:#fff;border:1px solid var(--line);width:72px;height:72px;padding:18px;border-radius:50%;display:grid;place-items:center}.social-logo svg{width:36px;height:36px}.social-forward{margin-top:auto;display:inline-flex;padding:12px 26px;border-radius:99px;background:var(--ink);color:var(--paper);min-height:48px}.v2-layout .social-cta{background:#eeebe3;color:var(--ink);border-radius:26px}.v2-layout .social-cta p{color:var(--secondary)}
.v2-layout .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.v2-layout .site-footer{color:var(--paper)}.v2-layout .footer-brand{color:var(--paper)}.v2-layout .footer-nav{display:flex;flex-direction:column}.v2-layout .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.v2-layout .button-row{display:flex;gap:14px;flex-wrap:wrap}
.v2-layout .muted,.v2-layout .calc-note,.v2-layout .calc-disclaimer{color:var(--secondary)}.v2-layout small,.v2-layout .tool-verify{font-size:14px}.v2-layout .site-footer .muted{color:#d4ddd4}
@media(max-width:1150px){.brand-detail{display:none}.nav-shell{gap:12px}.nav-links a{padding:8px}.knowledge-layout{grid-template-columns:170px minmax(0,1fr);gap:22px}}
@media(max-width:900px){.v2-layout .shell{width:calc(100% - 48px)}.v2-layout .nav-links{background:var(--paper)}.knowledge-layout{display:block;width:100%}.knowledge-directory{flex-direction:row;position:sticky;top:84px;z-index:20;background:var(--paper);overflow-x:auto;padding:12px 24px;border-bottom:1px solid var(--line)}.knowledge-directory a{flex-shrink:0}.knowledge-content .shell{width:calc(100% - 48px)}.knowledge-content .section{scroll-margin-top:165px}.v2-layout .footer-grid{gap:25px}}
@media(max-width:600px){.v2-layout .shell{width:calc(100% - 40px)}.v2-layout .nav-shell{width:calc(100% - 32px);min-height:72px;padding:12px 0}.v2-layout .brand-copy{font-size:20px}.v2-layout .brand-detail{display:none}.v2-layout .section{padding:54px 0}.v2-banner{padding:42px 0!important;min-height:300px}.v2-banner h1{font-size:34px}.v2-layout .footer-grid{grid-template-columns:1fr}.v2-layout .footer-bottom{flex-direction:column}.v2-layout .site-footer{padding-bottom:110px}.v2-layout .tool-card{padding:24px 20px}.v2-layout .calc-figures{grid-template-columns:1fr}.v2-layout .calc-cta{flex-wrap:wrap}.v2-layout .calc-cta>*{flex:1}.knowledge-directory{top:72px}.knowledge-content .knowledge-grid,.knowledge-content .service-grid{grid-template-columns:1fr}.v2-layout .section-heading{display:block}.v2-layout .social-card{padding:28px}.v2-layout .social-card h2{font-size:30px}.v2-layout .floating-line{bottom:14px;right:16px;padding:8px 14px 8px 8px;gap:9px;font-size:14px;min-height:48px}.v2-layout .footer-disclosure{line-height:2.1}.tool-tabs button{padding:12px 28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.v2-layout .section-dark .eyebrow{color:#e0e5df}.v2-layout .crumb,.v2-layout .crumb a,.v2-layout .tag,.v2-layout figcaption{font-size:14px}.v2-layout .crumb a{min-width:44px}.inner-v2 .story-panel p{color:var(--ink)}.inner-v2 .story-panel{box-shadow:none}.inner-v2 .hero-work-card figcaption{color:var(--ink);background:var(--paper);padding:8px 12px}
.v2-layout .v2-banner .button.alt{color:var(--paper);border-color:#c4d0c4;background:transparent}.v2-layout .field label,.v2-layout .calc-disclaimer,.v2-layout .calc-note,.v2-layout .listing-card .tag,.v2-layout .listing-status,.v2-layout .listing-ref,.v2-layout .listing-cta,.v2-layout .listing-card span,.v2-layout .field-grid label{font-size:14px}.v2-layout .calc-disclaimer{color:#536057}.v2-layout .contact-info .muted,.v2-layout .contact-info p,.v2-layout .agency-info p{color:#536057}.v2-layout .knowledge-card .card-no,.v2-layout .knowledge-grid .card-number{color:#536057}.v2-layout .guide-card .guide-num{color:#536057}.v2-layout .area-card a{display:inline-flex;align-items:center;min-height:44px}
.v2-layout #qingan .qg-checks>p,.v2-layout #rentsub .rs-checks>p{font-size:14px}.v2-layout .tool-intro>a{min-height:44px;display:inline-flex;align-items:center}.v2-layout .social-cta{box-shadow:none}
.v2-layout .fcard-status,.v2-layout .fcard-code,.v2-layout .fcard-tag,.v2-layout .fcard-cta,.v2-layout .scard-addr,.v2-layout .pl-k,.v2-layout .privacy-note,.v2-layout .privacy-note p,.v2-layout .privacy-note b{font-size:14px}.v2-layout .step-card strong{color:#536057}.v2-layout .knowledge-grid article>span{color:#536057}.v2-layout .contact-detail p{color:#536057}.v2-layout .tool-card a:not(.button){display:inline-flex;align-items:center;min-height:44px}.v2-layout .area-note{font-size:14px}
.v2-layout .fcard,.v2-layout .scard{border-radius:24px;overflow:hidden;box-shadow:0 10px 35px rgba(31,46,37,.04)}
.v2-layout .article-card{border-radius:26px;border:1px solid var(--line);box-shadow:0 10px 35px rgba(31,46,37,.04)}.v2-layout .article-card.featured{background:var(--ink);color:var(--paper)}.v2-layout .article-card.featured .number{color:#e0e5df}.v2-layout .fact strong{color:#c4d0c4}
.v2-layout .agent-card{background:#eeebe3;color:var(--ink);border-radius:24px}.v2-layout .agent-card p{color:#536057}.v2-layout .form-privacy{font-size:14px!important}.v2-layout .tools-bottom a{min-height:44px;display:inline-flex;align-items:center}
.v2-layout #privacy-notice,.v2-layout #privacy-notice p{font-size:14px}.v2-layout .notice>a{display:inline-flex;align-items:center;min-height:44px}
.v2-layout .area-link,.v2-layout .district-card a,.v2-layout .zone-card a{display:inline-flex;align-items:center;min-height:44px}
.v2-layout .area-grid a{display:inline-flex;align-items:center;min-height:44px}
.inner-v2 .service-card a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.inner-v2 .tool-intro h2{font-size:clamp(28px,3vw,42px);line-height:1.6;text-wrap:balance}[data-tool-panel]{scroll-margin-top:120px}
.inner-v2 h2,.inner-v2 h3{text-wrap:balance}.inner-v2 .contact-layout>aside h2{font-size:clamp(28px,3vw,42px);line-height:1.6}
.v2-layout .calc-figures span{font-size:14px}.v2-layout .calc-note,.v2-layout .calc-note b,.v2-layout .calc-note a{font-size:14px}.v2-layout .calc-result table,.v2-layout .calc-result th,.v2-layout .calc-result td{font-size:14px}
.story-panel .big{font:600 clamp(2.6rem,5.2vw,4.4rem)/1.3 var(--serif);letter-spacing:.04em;margin:8px 0 22px}
