/* =========================================================
   LAWRENCE LAND V11｜全站新設計層
   載入順序：所有舊樣式之後。只改外觀，不動內容。
   淺色（預設）：淺藍白底＋深藍字＋金色點綴
   深色：品牌深藍＋金色
   ========================================================= */
:root{
  --v-bg:#eef3f8;--v-bg2:#ffffff;--v-ink:#0d1b2e;--v-ink2:#4f6177;--v-ink3:#9aa8b8;--v-line:#d6e0eb;
  --v-brand:#0f2a4f;--v-brand2:#1f5aa6;--v-gold:#b8913a;--v-gold2:#e3c98a;--v-navy:#0b1626;
  --v-shadow:0 20px 50px -24px rgba(15,31,51,.28);
  /* 舊變數重新對應 */
  --bg:var(--v-bg);--bg2:var(--v-bg2);--paper:#ffffff;--gold:var(--v-gold);--gold2:#8a6a22;
  --text:var(--v-ink);--muted:var(--v-ink2);--line:var(--v-line);--glass:rgba(255,255,255,.78);
  --shadow:var(--v-shadow);--radius:18px;
  --sans:'Noto Sans TC',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Noto Sans TC',system-ui,sans-serif;--latin:'JetBrains Mono',monospace;
}
:root[data-theme="dark"]{
  --v-bg:#0b1626;--v-bg2:#13223a;--v-ink:#eef2f8;--v-ink2:#a3b2c6;--v-ink3:#4f6380;--v-line:#22364f;
  --v-brand:#d4af5f;--v-brand2:#f0d48a;--v-gold:#d4af5f;
  --bg:#0b1626;--bg2:#101d31;--paper:#13223a;--gold:#d4af5f;--gold2:#f0d48a;--text:#eef2f8;--muted:#a3b2c6;
  --line:rgba(212,175,95,.22);--glass:rgba(11,22,38,.72);--shadow:0 30px 80px rgba(0,0,0,.5);
}
html{scroll-behavior:smooth}
body{background:var(--v-bg)!important;color:var(--v-ink);letter-spacing:.02em;transition:background .4s,color .4s}
body,button,input,select,textarea{font-family:var(--sans)}
h1,h2,h3,h4{font-family:var(--sans)!important;font-weight:900!important;letter-spacing:.01em!important}

/* ---------- 頁首 ---------- */
.header{position:fixed!important;top:0;left:0;right:0;z-index:80;height:auto!important;padding:0!important;background:color-mix(in srgb,var(--v-bg) 88%,transparent)!important;backdrop-filter:blur(14px)!important;border:0!important;box-shadow:0 1px 0 var(--v-line)!important;display:block!important;transition:background .3s,box-shadow .3s}
.header.scrolled,.v11-solid .header{background:color-mix(in srgb,var(--v-bg) 84%,transparent)!important;backdrop-filter:blur(14px)!important;box-shadow:0 1px 0 var(--v-line)!important}
.v11-bar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(16px,3vw,48px);gap:16px}
.v11-logo{display:flex;align-items:center;gap:10px;color:var(--v-ink)!important;text-decoration:none}
.v11-logo img{height:34px;width:auto}
.v11-logo span{display:flex;flex-direction:column;line-height:1.15;font-weight:900;font-size:18px;white-space:nowrap}
.v11-logo small{font-size:11px;font-weight:500;color:var(--v-ink2);letter-spacing:.12em}
.header .nav{display:flex!important;gap:20px;font-size:14px;font-weight:500;margin:0!important;position:static!important;background:none!important;padding:0!important}
.header .nav a{color:var(--v-ink)!important;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;opacity:1!important}
.header .nav a:hover,.header .nav a.cur{border-bottom-color:var(--v-gold)}
.v11-right{display:flex;align-items:center;gap:14px}
.v11-ic{background:none;border:0;color:var(--v-ink);cursor:pointer;display:grid;place-items:center;width:32px;height:32px;padding:0}
.v11-tel{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;color:var(--v-ink)!important;text-decoration:none;white-space:nowrap}
.v11-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border-radius:999px;font-weight:700;font-size:14px;border:1.5px solid var(--v-ink);color:var(--v-ink)!important;background:transparent;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.v11-btn:hover{background:var(--v-ink);color:var(--v-bg)!important}
.header .menu-btn{display:none!important}
.mobile-nav{display:none}
@media(max-width:1080px){
  .header .nav{display:none!important}
  .header .menu-btn{display:grid!important;place-items:center;width:34px;height:34px;background:none!important;border:0!important;color:var(--v-ink)!important;font-size:22px;cursor:pointer;padding:0;margin:0!important;box-shadow:none!important}
  .mobile-nav{display:flex!important;flex-direction:column;position:fixed;top:64px;left:0;right:0;z-index:79;background:var(--v-bg);border-bottom:1px solid var(--v-line);max-height:0;overflow:hidden;transition:max-height .35s;padding:0!important}
  .mobile-nav.open{max-height:80vh;overflow:auto}
  .mobile-nav a{padding:14px 20px;border-top:1px solid var(--v-line);color:var(--v-ink)!important;text-decoration:none;font-weight:500}
  .v11-tel,.v11-logo small{display:none}
}
@media(max-width:420px){.v11-logo span{font-size:15px}.v11-logo img{height:28px}.v11-btn{padding:8px 14px;font-size:13px}.v11-right{gap:6px}}

/* ---------- 頁首大圖（保持深藍底＋白字，與首頁深色區塊一致） ---------- */
.page-hero{position:relative;color:#eef2f8!important;padding:150px 0 70px!important;min-height:auto!important;
  background-color:#0b1626!important;background-blend-mode:normal}
.page-hero:not([style*="url"]):not(.article-photo-hero){background-image:radial-gradient(70% 120% at 85% 0%,rgba(201,162,78,.22),transparent 60%),radial-gradient(120% 120% at 80% 0%,#1b3355 0%,#0b1626 55%,#070e19 100%)!important}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--v-gold),transparent)}
.page-hero h1{color:#fff!important;font-size:clamp(32px,5vw,62px)!important;line-height:1.18!important;letter-spacing:.01em!important}
.page-hero p,.page-hero .lead{color:rgba(238,242,248,.86)!important}
.page-hero .crumb,.page-hero .crumb a{color:#e3c98a!important}
.page-hero .kicker,.kicker,.eyebrow{color:var(--v-gold)!important;letter-spacing:.2em!important;font-family:'JetBrains Mono',monospace!important;font-size:12px!important}
.page-hero .kicker{color:#e3c98a!important}

/* ---------- 區塊 ---------- */
.section{padding:90px 0!important}
:root:not([data-theme="dark"]) .section{background:var(--v-bg)!important;color:var(--v-ink)}
:root:not([data-theme="dark"]) .section.alt{background:var(--v-bg2)!important}
.section-head h2,.section h2{color:var(--v-ink)}
.section-head p,.lead{color:var(--v-ink2)}
.container{max-width:1240px}

/* ---------- 按鈕 ---------- */
.btn{border-radius:999px!important;font-weight:700!important;letter-spacing:.04em}
.btn.primary,.btn.gold{background:linear-gradient(180deg,#e3c98a,#b8913a)!important;color:#0b1626!important;border-color:#c9a24e!important}
:root:not([data-theme="dark"]) .btn.ghost,:root:not([data-theme="dark"]) .btn:not(.primary):not(.gold){background:transparent!important;color:var(--v-ink)!important;border:1.5px solid var(--v-ink)!important;backdrop-filter:none!important}
:root:not([data-theme="dark"]) .page-hero .btn:not(.primary){color:#fff!important;border-color:rgba(255,255,255,.7)!important}

/* ---------- 淺色模式：內容區文字與卡片 ---------- */
:root:not([data-theme="dark"]) main{color:var(--v-ink)}
:root:not([data-theme="dark"]) main :is(h1,h2,h3,h4,h5,strong,b,dt,th,summary,figcaption,label,legend){color:var(--v-ink)}
:root:not([data-theme="dark"]) main :is(p,li,dd,td,small,span,em,blockquote,address,time){color:inherit}
:root:not([data-theme="dark"]) main :is(.article-body,.article-body section,.article-side,.info-card,.author-box,.article-cta,.related-links,.container) p,
:root:not([data-theme="dark"]) main :is(.article-body,.info-card,.author-box,.related-links) li{color:#2b3a4e!important}
:root:not([data-theme="dark"]) main .page-hero :is(h1,h2,h3,p,span,li,small,strong,b,a){color:inherit}
:root:not([data-theme="dark"]) main .page-hero{color:#eef2f8!important}
:root:not([data-theme="dark"]) .article-body h2,:root:not([data-theme="dark"]) .article-body h3{color:var(--v-ink)!important}
.article-body h2{border-left:4px solid var(--v-gold);padding-left:14px}
:root:not([data-theme="dark"]) .article-body section{border-bottom-color:var(--v-line)!important}
:root:not([data-theme="dark"]) main a:not(.btn):not([class]){color:var(--v-brand2)}
:root:not([data-theme="dark"]) .article-body a:not(.btn){color:var(--v-brand2)!important;text-decoration:underline;text-underline-offset:3px}

/* 卡片類：白底、細框、陰影 */
:root:not([data-theme="dark"]) main :is(.info-card,.news-card,.case-card,.property-card,.guide-card,.project-open-card,.service-card,.service-home-card,.audience-card,.platform-card,.story-card,.success-mini,.success-feature,.project-side-card,.contact-panel,.author-box,.article-cta,.related-links,.policy-factbox,.tool-notice,.tracking-alert,.quick-tool,.calc-form,.calc-result,.project-facts,.film-box,.builder-project,.service-record-card,.luxury-story,.property-filter-panel,.project-guide-feature,.guide-cover,.external-stock,.v988-faq details,.v988-disclosure,[class*="-card"]:not(.page-hero)){
  background:var(--v-bg2)!important;color:var(--v-ink)!important;border:1px solid var(--v-line)!important;box-shadow:var(--v-shadow);backdrop-filter:none!important}
:root:not([data-theme="dark"]) main :is([class*="-card"],.info-card,.author-box,.article-cta,.related-links) :is(p,li,small,span){color:#3d4d62!important}
:root:not([data-theme="dark"]) main :is([class*="-card"],.info-card,.author-box,.article-cta) :is(h2,h3,h4,strong,b){color:var(--v-ink)!important}
main :is([class*="-card"]){border-radius:16px!important;transition:transform .3s,box-shadow .3s}
main a[class*="-card"]:hover,main [class*="-card"]:has(>a):hover{transform:translateY(-4px)}
/* 卡片上的圖片保持原樣 */
main [class*="-card"] img{border-radius:12px}

/* 文章頁首大圖類（有自己的照片背景） */
.article-photo-hero{background-color:#0b1626!important}

/* 表格 */
:root:not([data-theme="dark"]) main table{background:var(--v-bg2);color:var(--v-ink);border-collapse:collapse}
:root:not([data-theme="dark"]) main th{background:#0f2a4f!important;color:#fff!important;border-color:#0f2a4f!important}
:root:not([data-theme="dark"]) main td{border-color:var(--v-line)!important;color:#2b3a4e!important;background:transparent!important}
:root:not([data-theme="dark"]) main tr:nth-child(even) td{background:#f5f8fb!important}

/* 表單 */
:root:not([data-theme="dark"]) main :is(input,select,textarea){background:#fff!important;color:var(--v-ink)!important;border:1px solid #c9d5e3!important;border-radius:10px}
:root:not([data-theme="dark"]) main :is(input,select,textarea):focus{outline:2px solid var(--v-gold);outline-offset:1px}
:root:not([data-theme="dark"]) main :is(.calculator-tabs button,.filter-buttons button,.city-tab,.project-filter button){background:#fff!important;color:var(--v-ink)!important;border:1px solid var(--v-line)!important;border-radius:999px}
:root:not([data-theme="dark"]) main :is(.calculator-tabs button,.filter-buttons button,.city-tab,.project-filter button).active{background:var(--v-brand)!important;color:#fff!important;border-color:var(--v-brand)!important}

/* 標籤、狀態 */
.property-status,.badge,.tag{border-radius:999px!important}

/* ---------- 頁尾 ---------- */
.footer{background:var(--v-bg)!important;border-top:1px solid var(--v-line)!important;color:var(--v-ink2)!important;padding:56px 0 30px!important}
.v11-fnav{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:34px}
.v11-fnav h3{font-size:15px!important;color:var(--v-ink)!important;margin:0 0 10px!important;letter-spacing:.04em!important}
.v11-fnav a{display:block;padding:3px 0;font-size:14px;color:var(--v-ink2)!important;text-decoration:none}
.v11-fnav a:hover{color:var(--v-gold)!important}
.v11-fnav p{font-size:13px;line-height:1.9;margin:0;color:var(--v-ink2)!important}
.v11-fbottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}
.v11-fbottom button{font:inherit;background:transparent;border:1.5px solid var(--v-line);color:var(--v-ink);padding:7px 16px;border-radius:999px;cursor:pointer}
.v11-flogo{display:flex;align-items:center;gap:10px}.v11-flogo img{height:28px}
@media(max-width:900px){.v11-fnav{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v11-fnav{grid-template-columns:1fr}}

/* ---------- 浮動 LINE ---------- */
.floatbar{display:none!important}
.v11-line{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:8px;background:#06c755;color:#fff!important;font-weight:700;font-size:14px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 10px 30px -8px rgba(6,199,85,.6);text-decoration:none;transition:transform .2s}
.v11-line:hover{transform:translateY(-3px)}
.v11-line svg{width:22px;height:22px}
.v11-tel-fab{position:fixed;right:18px;bottom:78px;z-index:90;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--v-brand);color:#fff!important;box-shadow:var(--v-shadow);text-decoration:none}
:root[data-theme="dark"] .v11-tel-fab{color:#0b1626!important}
@media(max-width:760px){.v11-line span{display:none}.v11-line{padding:13px}.v11-tel-fab{bottom:76px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.topbar{display:none!important}

/* ---------- 關閉舊版彩虹流光邊框 ---------- */
:is(.news-card,.service-card,.platform-card,.project-main,.guide-card,.case-card,.property-card,.info-card,.article-main-visual,.service-record-card,.quick-tool,.project-open-card,.luxury-story,.contact-panel,.film-box,.hero-search,.property-filter-panel,.external-stock,.tool-notice,.calc-form,.calc-result,.tracking-alert,.policy-factbox,.policy-points>div,.article-checklist li,.btn,.member-btn,.search-btn,.menu-btn,.floatbar a,.filter-buttons button,.calculator-tabs button)::after{background:none!important;animation:none!important;filter:none!important;-webkit-mask:none!important;mask:none!important;padding:0!important}
:is(.property-search input,.property-search select,.calc-form input,.calc-form select,.calc-form textarea,.search-field input,.search-field select,.search-field textarea){animation:none!important;box-shadow:none!important}
:root[data-theme="dark"] :is(.property-search input,.property-search select,.calc-form input,.calc-form select,.calc-form textarea,.search-field input,.search-field select,.search-field textarea){background:#0f1c2f!important;border:1px solid var(--line)!important;color:var(--text)!important}

/* ---------- 頁首大圖文字一律淺色 ---------- */
:root main .page-hero :is(p,.lead,li,small,span:not(.badge)){color:rgba(238,242,248,.86)!important}
:root main .page-hero :is(h1,h2,strong,b){color:#fff!important}
:root main .page-hero :is(.crumb,.crumb a,.kicker){color:#e3c98a!important}
@media(max-width:760px){.page-hero{padding:104px 0 44px!important}.section{padding:60px 0!important}}

/* ---------- 揭露／提醒框 ---------- */
.v988-disclosure,.correction-note{background:#f6f1e3!important;color:#3a3220!important;border-left:4px solid var(--v-gold)!important;border-radius:10px!important}
.v988-disclosure *,.correction-note *{color:#3a3220!important}
:root[data-theme="dark"] .v988-disclosure,:root[data-theme="dark"] .correction-note{background:#1a2a40!important;color:#e9e1cc!important}
:root[data-theme="dark"] .v988-disclosure *,:root[data-theme="dark"] .correction-note *{color:#e9e1cc!important}

/* ---------- 頁首大圖副標（提高權重，蓋過舊規則） ---------- */
html:root main :is(.page-hero,.assessment-hero,.project-detail-hero,.article-hero).page-hero :is(p,.lead,li,small,span:not(.badge)),
html:root main :is(.assessment-hero,.project-detail-hero,.article-hero) :is(p,.lead,li,small,span:not(.badge)){color:rgba(238,242,248,.86)!important}
html:root main :is(.page-hero,.assessment-hero,.project-detail-hero,.article-hero) :is(.crumb,.crumb a,.kicker,.eyebrow){color:#e3c98a!important}
html:root main :is(.assessment-hero,.project-detail-hero,.article-hero) :is(h1,h2,strong,b){color:#fff!important}

/* ---------- 地主評估頁 ---------- */
.assessment-hero{position:relative;padding:140px 0 60px!important;color:#eef2f8;background:radial-gradient(70% 120% at 85% 0%,rgba(201,162,78,.22),transparent 60%),radial-gradient(120% 120% at 80% 0%,#1b3355 0%,#0b1626 55%,#070e19 100%)!important}
.assessment-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--v-gold),transparent)}
.assessment-hero h1{color:#fff!important}
.assessment-proof{background:rgba(255,255,255,.08)!important;border:1px solid rgba(227,201,138,.35)!important;border-radius:16px;box-shadow:none!important}
html:root main .assessment-proof *{color:#eef2f8!important}
.assessment-form,.assessment-card{border-radius:16px!important;background:var(--v-bg2)!important;border:1px solid var(--v-line)!important}
.assessment-disclosure{border-radius:10px;background:var(--v-bg2)!important;color:var(--v-ink2)!important}
.assessment-field label,.assessment-field legend{color:var(--v-ink)!important}
.assessment-field small,.assessment-note{color:var(--v-ink2)!important}
.assessment-field input,.assessment-field select,.assessment-field textarea{border-radius:10px!important}
:root[data-theme="dark"] .assessment-field input,:root[data-theme="dark"] .assessment-field select,:root[data-theme="dark"] .assessment-field textarea{background:#0f1c2f!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] main :is(.assessment-card,.assessment-form) *{color:var(--text)}

/* ---------- 建案詳情與其他頭部 ---------- */
.project-detail-hero,.article-hero:not(.page-hero){position:relative;padding-top:120px!important;background-color:#0b1626!important}
@media(max-width:760px){.assessment-hero{padding:100px 0 40px!important}.project-detail-hero,.article-hero:not(.page-hero){padding-top:90px!important}}
.v1110-byline{margin-top:18px;font-size:13px;color:var(--v-ink2)!important}

/* ---------- 圖說與圖片來源框（V11.10） ---------- */
:root:not([data-theme="dark"]) .article-main-visual figcaption,:root:not([data-theme="dark"]) main figure figcaption{background:transparent!important;color:#5a6b80!important;font-size:13px!important;line-height:1.7!important;padding:8px 2px 0!important}
:root:not([data-theme="dark"]) main figure figcaption a{color:var(--v-brand2)!important;text-decoration:underline}
.lawrence-original-photo-source{display:flex!important;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:10px 0 24px!important;padding:12px 16px!important;border-radius:12px!important;border-left:3px solid var(--v-gold)!important}
:root:not([data-theme="dark"]) .lawrence-original-photo-source{background:#f6f1e3!important;color:#3a3220!important}
:root:not([data-theme="dark"]) .lawrence-original-photo-source *{color:#3a3220!important}
:root:not([data-theme="dark"]) .lawrence-original-photo-source a{color:var(--v-brand2)!important;font-weight:700;text-decoration:underline}
:root[data-theme="dark"] .lawrence-original-photo-source{background:#1a2a40!important}
:root[data-theme="dark"] .lawrence-original-photo-source *{color:#e9e1cc!important}
:root:not([data-theme="dark"]) .article-main-visual{background:transparent!important;border:0!important;box-shadow:none!important}
:root:not([data-theme="dark"]) .article-main-visual img{border-radius:16px!important;box-shadow:var(--v-shadow)}