/* ============================================================
   質感風格（skin）：在 agent.json 設 "skin": "lux" / "ivory" / "stone"
   會同時換掉配色與質感（字距、圓角、線條、按鈕形狀），蓋過 theme。
   ============================================================ */

/* ---------- 共用：比較收斂、精緻的細節 ---------- */
html[data-skin] body{line-height:1.85;letter-spacing:.02em}
html[data-skin] h1,html[data-skin] h2,html[data-skin] h3{font-weight:600;letter-spacing:.06em}
html[data-skin] .btn{border-radius:2px;font-weight:500;letter-spacing:.14em;padding:.95em 1.9em;font-size:.92rem;box-shadow:none}
html[data-skin] .btn:hover{transform:none;filter:brightness(1.06)}
html[data-skin] .btn-gold{background:var(--gold);box-shadow:none}
html[data-skin] .btn-ghost,html[data-skin] .btn-ghost-light{border-width:1px}
html[data-skin] .card,html[data-skin] .panel,html[data-skin] .result,html[data-skin] .video-card,
html[data-skin] .mascot-card,html[data-skin] .yt-cta,html[data-skin] .team-card{border-radius:2px}
html[data-skin] a.card:hover{transform:none;box-shadow:none;border-color:var(--gold)}
html[data-skin] .card .ic{border-radius:0;background:transparent;border:1px solid var(--gold);width:44px;height:44px;font-size:1.25rem}
html[data-skin] .card h3{letter-spacing:.08em}
html[data-skin] .sec-head{margin-bottom:56px}
html[data-skin] .sec-head h2{font-size:clamp(1.7rem,3vw,2.4rem)}
html[data-skin] .eyebrow{font-size:.78rem;letter-spacing:.32em}
html[data-skin] section.block{padding:104px 0}
html[data-skin] .checks{gap:0;margin:26px 0 34px}
html[data-skin] .checks li{border:0;border-radius:0;padding:0 1.1em;border-left:1px solid rgba(var(--on-rgb),.25);font-size:.86rem;letter-spacing:.08em}
html[data-skin] .checks li:first-child{border-left:0;padding-left:0}
html[data-skin] .checks li::before{content:""}
html[data-skin] .portrait{border-radius:0;border:0;box-shadow:none;overflow:visible}
html[data-skin] .portrait img{position:relative;z-index:1}
html[data-skin] .portrait::after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);z-index:0}
html[data-skin] .portrait.photo-bg{background:transparent}
html[data-skin] .portrait .tag{border-radius:0;left:0;bottom:0;right:auto;border:0;border-top:1px solid var(--gold)}
html[data-skin] .brand .mark{border-radius:0;background:transparent;border:1px solid var(--gold);color:var(--gold-2)}
html[data-skin] .brand .t1{letter-spacing:.1em;font-weight:600}
html[data-skin] .brand .t2{letter-spacing:.26em}
html[data-skin] nav.main>a,html[data-skin] nav.main .dd>button{letter-spacing:.1em;font-size:.9rem}
html[data-skin] .dd-menu{border-radius:0}
html[data-skin] .short-media{border-radius:2px;box-shadow:none}
html[data-skin] .timeline li::before{border-radius:0;width:9px;height:9px;left:-5.5px}
html[data-skin] .float a{box-shadow:0 4px 12px rgba(0,0,0,.18)}
html[data-skin] .cta-band{padding:96px 0}
/* 頂列社群按鈕改成同色細框，不搶畫面 */
html[data-skin] .topbar .sc{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);border-radius:2px;font-weight:500;letter-spacing:.08em;color:var(--bar-text)!important}
html[data-skin] .topbar .sc:hover{background:rgba(255,255,255,.08);transform:none}
@media (max-width:600px){
  html[data-skin] section.block{padding:68px 0}
  html[data-skin] .portrait::after{inset:12px -10px -12px 10px}
  html[data-skin] .checks li{padding:.2em .8em;font-size:.8rem}
  html[data-skin] .btn{padding:.9em 1.4em;letter-spacing:.1em}
}

/* ---------- A 黑金精品：近黑＋香檳金，像精品飯店 ---------- */
html[data-skin="lux"]{
  --ink:#111111; --ink-2:#161616; --ink-3:#222222; --ink-rgb:17,17,17;
  --gold:#b89b6a; --gold-2:#d6c19a; --gold-dk:#8a6f43; --acc-rgb:184,155,106; --acc2-rgb:214,193,154;
  --cream:#f4f1ec; --paper:#fbfaf7; --line:#e3ddd2; --text:#1c1c1c; --muted:#6b665e;
  --on-dark:#f2eee7; --on-dark-mute:#a39d93; --on-rgb:255,255,255;
  --strong:#111111; --btn-ink:#111111; --tint:#f3ece0;
  --bar:#0a0a0a; --bar-text:#f2eee7; --bar-mute:#8f897f;
}
html[data-skin="lux"] .hero{background:#111 linear-gradient(90deg,#111 55%,#1a1814)}
html[data-skin="lux"] header.site{background:rgba(17,17,17,.97);border-bottom-color:rgba(184,155,106,.35)}
html[data-skin="lux"] .page-head{background:#111}
html[data-skin="lux"] .cta-band{background:#111}

/* ---------- B 象牙白雜誌：大量留白、黑字、古銅點綴 ---------- */
html[data-skin="ivory"]{
  --ink:#1e1d1b; --ink-2:#262522; --ink-3:#33312d; --ink-rgb:30,29,27;
  --gold:#8c6a3f; --gold-2:#a8834f; --gold-dk:#6f5230; --acc-rgb:140,106,63; --acc2-rgb:168,131,79;
  --cream:#f6f2ea; --paper:#fffdf9; --line:#e4dccd; --text:#1e1d1b; --muted:#6e675c;
  --on-dark:#f6f2ea; --on-dark-mute:#b4ab9c; --on-rgb:255,255,255;
  --strong:#1e1d1b; --btn-ink:#ffffff; --tint:#efe6d6;
  --bar:#1e1d1b; --bar-text:#f6f2ea; --bar-mute:#a59d90;
}
html[data-skin="ivory"] header.site{background:rgba(246,242,234,.96);color:var(--text);border-bottom:1px solid var(--line)}
html[data-skin="ivory"] nav.main>a,html[data-skin="ivory"] nav.main .dd>button,html[data-skin="ivory"] .menu-toggle{color:var(--text)}
html[data-skin="ivory"] nav.main>a:hover,html[data-skin="ivory"] nav.main a.active{color:var(--gold)}
html[data-skin="ivory"] .brand .t2{color:var(--gold)}
html[data-skin="ivory"] .brand .mark{color:var(--gold)}
html[data-skin="ivory"] .hero{background:var(--cream);color:var(--text)}
html[data-skin="ivory"] .hero h1 em{color:var(--gold)}
html[data-skin="ivory"] .hero p.lead{color:var(--muted)}
html[data-skin="ivory"] .eyebrow{color:var(--gold)}
html[data-skin="ivory"] .hero .checks li{border-left-color:var(--line)}
html[data-skin="ivory"] .hero .checks li:first-child{border-left:0}
html[data-skin="ivory"] .btn-gold{background:var(--ink);color:#fff}
html[data-skin="ivory"] .hero .btn-ghost-light{color:var(--text);border-color:var(--text)}
html[data-skin="ivory"] .page-head{background:var(--cream);color:var(--text);border-bottom:1px solid var(--line)}
html[data-skin="ivory"] .page-head p,html[data-skin="ivory"] .crumb{color:var(--muted)}
html[data-skin="ivory"] .crumb a{color:var(--gold)}
html[data-skin="ivory"] section.alt{background:var(--paper)}
@media (max-width:960px){
  html[data-skin="ivory"] nav.main{background:var(--cream);border-bottom:1px solid var(--line)}
  html[data-skin="ivory"] .dd-menu a{color:var(--muted)}
}

/* ---------- C 清水模建築：石材灰、低彩度、俐落無襯線 ---------- */
html[data-skin="stone"]{
  --ink:#2b2d2f; --ink-2:#34373a; --ink-3:#43474b; --ink-rgb:43,45,47;
  --gold:#a3876a; --gold-2:#c4ad94; --gold-dk:#7a634b; --acc-rgb:163,135,106; --acc2-rgb:196,173,148;
  --cream:#ebe8e3; --paper:#f7f6f3; --line:#d8d3cb; --text:#26282a; --muted:#6c6f72;
  --on-dark:#eeece8; --on-dark-mute:#a7a9ab; --on-rgb:255,255,255;
  --strong:#2b2d2f; --btn-ink:#2b2d2f; --tint:#efe7dd;
  --bar:#202224; --bar-text:#eeece8; --bar-mute:#93969a;
}
html[data-skin="stone"] h1,html[data-skin="stone"] h2,html[data-skin="stone"] h3,
html[data-skin="stone"] .result .big,html[data-skin="stone"] .yt-txt b{font-family:"Noto Sans TC",sans-serif;font-weight:500;letter-spacing:.12em}
html[data-skin="stone"] .hero h1{font-weight:300}
html[data-skin="stone"] .hero h1 em{font-weight:500}
html[data-skin="stone"] .hero{background:#2b2d2f linear-gradient(115deg,#2b2d2f 0,#2b2d2f 58%,#34373a 58%)}
html[data-skin="stone"] header.site{background:rgba(43,45,47,.97);border-bottom-color:rgba(255,255,255,.08)}
html[data-skin="stone"] .page-head{background:#2b2d2f}
html[data-skin="stone"] .cta-band{background:#34373a}

/* ============================================================
   質感版：上方兩欄固定、品牌圖示、上下按鈕、搜尋元件、字體統一
   ============================================================ */
/* 上方兩欄（社群列＋選單）固定在畫面上方 */
html[data-skin] #site-top{position:sticky;top:0;z-index:60}
html[data-skin] header.site{position:relative;top:auto}
/* 社群按鈕：品牌標誌圖示（圓形細框，滑過顯示品牌色） */
html[data-skin] .topbar .wrap{min-height:44px}
html[data-skin] .topbar .social{gap:6px}
html[data-skin] .topbar .sc{width:32px;height:32px;padding:0;border-radius:50%;justify-content:center;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
html[data-skin] .topbar .sc .l,html[data-skin] .topbar .sc .s{display:none!important}
html[data-skin] .topbar .sc svg{width:16px;height:16px}
html[data-skin] .topbar .sc svg.ico{display:block}
html[data-skin] .topbar .sc:hover{transform:none;filter:none;box-shadow:none;color:#fff!important}
html[data-skin] .topbar .sc-fb:hover{background:#1877f2!important}
html[data-skin] .topbar .sc-ig:hover{background:linear-gradient(45deg,#f58529,#dd2a7b 55%,#8134af)!important}
html[data-skin] .topbar .sc-yt:hover{background:#e62117!important}
html[data-skin] .topbar .sc-th:hover,html[data-skin] .topbar .sc-tt:hover{background:#000!important}
html[data-skin] .topbar .sc-map:hover{background:#0f8f7e!important}
html[data-skin] .topbar .sc-line:hover{background:#06c755!important}
@media(max-width:640px){
  html[data-skin] .topbar .wrap{min-height:42px}
  html[data-skin] .topbar .social{gap:8px}
  html[data-skin] .topbar .sc{width:30px;height:30px}
  html[data-skin] header.site .wrap{min-height:58px}
}
/* 回到最上面／到最下面 */
.updn{position:fixed;right:16px;bottom:206px;z-index:61;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .25s}
.updn.on{opacity:1;pointer-events:auto}
.updn button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(var(--acc-rgb),.55);background:rgba(var(--ink-rgb),.88);color:var(--gold-2);display:grid;place-items:center;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.updn button:hover{background:var(--gold);color:var(--btn-ink)}
.updn svg{width:20px;height:20px}
@media(max-width:768px){.updn{right:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.updn button{width:38px;height:38px}}

/* 字體統一：所有數字、價格、按鈕、輸入框都跟著選的字體 */
html[data-skin] button,html[data-skin] input,html[data-skin] select,html[data-skin] textarea{font-family:var(--bf)}
html[data-skin] .lx-price,html[data-skin] .lx-paybox b,html[data-skin] .pr-stats b,html[data-skin] .pr-unit b,html[data-skin] .pr-table .c-unit b,
html[data-skin] .portrait .ph b,html[data-skin] .yt-txt b,html[data-skin] .short-ph,html[data-skin] .mascot-card b,html[data-skin] .result .big,
html[data-skin] .lx-bar h2,html[data-skin] .page-head h1{font-family:var(--hf)!important}

/* 搜尋區（買屋快搜、實價登錄、社區介紹）：細線、方角、低調 */
html[data-skin] .lx-search{border-radius:2px;box-shadow:0 20px 50px rgba(var(--ink-rgb),.12);border:1px solid var(--line);padding:26px 28px}
html[data-skin] .qs-row{border-top:1px solid var(--line);padding:14px 0}
html[data-skin] .qs-top{border-top:0}
html[data-skin] .qs-l{font-weight:500;font-size:13px;letter-spacing:.2em;color:var(--muted);padding-top:10px}
html[data-skin] .qs-kinds{gap:0;border-bottom:1px solid var(--line);margin-bottom:6px}
html[data-skin] .qs-kind{flex:0 1 auto;max-width:none;border:0;border-radius:0;background:transparent;color:var(--muted);font-weight:500;font-size:16px;letter-spacing:.14em;padding:12px 22px 14px;border-bottom:2px solid transparent;margin-bottom:-1px}
html[data-skin] .qs-kind:hover{color:var(--strong)}
html[data-skin] .qs-kind.on{background:transparent;color:var(--strong);border-bottom-color:var(--gold)}
html[data-skin] .qs-kind small{background:transparent;color:var(--gold-dk);font-weight:500;padding:0 0 0 2px;font-size:12px}
html[data-skin] .qs-kind.on small{background:transparent;color:var(--gold-dk)}
html[data-skin] .qs-minebtn{border:0!important;border-bottom:2px solid transparent!important;color:var(--gold-dk)!important}
html[data-skin] .qs-minebtn.on{background:transparent!important;border-bottom-color:var(--gold)!important;color:var(--strong)!important}
html[data-skin] .qs-chip{min-height:38px;padding:6px 16px;border-radius:2px;border:1px solid var(--line);background:transparent;font-weight:400;font-size:14px;letter-spacing:.08em;color:var(--text)}
html[data-skin] .qs-chip:hover{border-color:var(--gold)}
html[data-skin] .qs-chip.on{background:var(--ink);border-color:var(--ink);color:var(--gold-2)}
html[data-skin] .qs-kwrow input,html[data-skin] .qs-select,html[data-skin] .lx-bar select{border-radius:2px;border:1px solid var(--line);background-color:transparent;font-size:15px;letter-spacing:.04em}
html[data-skin] .qs-kwrow input:focus,html[data-skin] .qs-select:focus{outline:0;border-color:var(--gold)}
html[data-skin] .qs-toggle{border-radius:2px;border:1px solid var(--line);background:transparent;font-weight:500;letter-spacing:.14em;font-size:15px}
html[data-skin] .qs-apply{border-radius:2px}
html[data-skin] .lx-bar h2{font-weight:500;letter-spacing:.08em}
html[data-skin] .lx-link{letter-spacing:.08em}
/* 物件卡片 */
html[data-skin] .lx-card{border-radius:2px;border-color:var(--line)}
html[data-skin] .lx-card:hover{transform:none;box-shadow:0 18px 40px rgba(var(--ink-rgb),.12)}
html[data-skin] .lx-ph .lx-tag,html[data-skin] .qs-area,html[data-skin] .lx-ph .lx-cnt,html[data-skin] .qs-star{border-radius:0;font-weight:400;letter-spacing:.1em}
html[data-skin] .lx-specs span,html[data-skin] .pr-specs span{border-radius:0;background:transparent;border:1px solid var(--line)}
html[data-skin] .lx-line{border-radius:2px;font-weight:500;letter-spacing:.08em}
html[data-skin] .lx-more{border-radius:2px;border-style:solid}
html[data-skin] .lx-modal{border-radius:2px}
html[data-skin] .qs-favbtn{border-radius:2px;font-weight:500;letter-spacing:.06em}
/* 實價登錄、社區介紹 */
html[data-skin] .pr-stats div,html[data-skin] .pr-table,html[data-skin] .pr-item{border-radius:2px}
html[data-skin] .pr-table th{background:var(--ink);color:var(--gold-2);font-weight:500;letter-spacing:.1em}
html[data-skin] .pr-type,html[data-skin] .pr-flag{border-radius:0;font-weight:400}
html[data-skin] .cm-list,html[data-skin] .cm-grid{border-radius:2px}
@media(max-width:700px){
  html[data-skin] .lx-search{padding:18px 16px}
  html[data-skin] .qs-kinds{flex-wrap:nowrap}
  html[data-skin] .qs-kind{flex:1 1 auto;padding:10px 2px 12px;font-size:14px;letter-spacing:0;white-space:nowrap;gap:3px}
  html[data-skin] .qs-kind small{font-size:11px;padding:0}
}
html[data-skin] .qs-rows>.qs-row:first-child{border-top:0}

/* 旁邊的聯絡按鈕（電腦版）：深色圓形＋細金框＋線條圖示，和上下按鈕同一欄 */
html[data-skin] .float{right:20px;bottom:22px;gap:10px}
html[data-skin] .float a{width:46px;height:46px;background:rgba(var(--ink-rgb),.92)!important;color:var(--gold-2)!important;border:1px solid rgba(var(--acc-rgb),.55);box-shadow:0 6px 18px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,color .2s,transform .2s}
html[data-skin] .float a:hover{transform:translateY(-2px);background:var(--gold)!important;color:var(--btn-ink)!important}
html[data-skin] .float .f-line:hover{background:#06c755!important;border-color:#06c755;color:#fff!important}
html[data-skin] .float svg{width:20px;height:20px}
html[data-skin] .updn{right:20px;bottom:196px;gap:10px}
html[data-skin] .updn button{width:46px;height:46px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
/* 手機底部聯絡列 */
@media(max-width:768px){
  html[data-skin] .m-bar{gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(var(--acc-rgb),.3);box-shadow:none}
  html[data-skin] .m-bar a{height:46px;border-radius:2px;font-weight:500;font-size:14px;letter-spacing:.1em;gap:7px}
  html[data-skin] .m-bar svg{width:17px;height:17px}
  html[data-skin] .m-bar .mb-tel{border:1px solid rgba(255,255,255,.28);color:var(--bar-text)}
  html[data-skin] .m-bar .mb-line{background:#06c755;color:#fff}
  html[data-skin] .m-bar .mb-book{background:var(--gold);color:var(--btn-ink)}
  html[data-skin] .updn{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));gap:8px}
  html[data-skin] .updn button{width:40px;height:40px}
}
/* 我的收藏按鈕 */
html[data-skin] .qs-favbtn{background:rgba(var(--ink-rgb),.92);color:var(--on-dark);border:1px solid rgba(var(--acc-rgb),.55);box-shadow:0 6px 18px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-skin] .qs-favbtn b{background:transparent;border:1px solid rgba(var(--acc-rgb),.6);color:var(--gold-2);border-radius:2px}
html[data-skin] .qs-favbtn.has{color:#ff8fb1}
html[data-skin] .qs-favbtn.has b{background:#e0245e;border-color:#e0245e;color:#fff}

/* 版頭 logo：太平洋房屋（白色）＋ PACIFIC REALTOR */
html[data-skin] .brand{gap:14px}
html[data-skin] .pl{display:flex;align-items:center;gap:9px;padding-right:14px;border-right:1px solid rgba(var(--acc-rgb),.45)}
html[data-skin] .pl img{width:36px;height:36px;filter:brightness(0) invert(1)}
html[data-skin] .pl-t{font-family:var(--hf);font-weight:600;font-size:10.5px;line-height:1.25;letter-spacing:.22em;color:var(--on-dark)}
html[data-pal="ivory"] .pl img{filter:none}
@media(max-width:420px){
  html[data-skin] .brand{gap:10px}
  html[data-skin] .pl{padding-right:10px;gap:0}
  html[data-skin] .pl img{width:32px;height:32px}
  html[data-skin] .pl-t{display:none}
}
/* 版頭加了 logo 後較擠：按鈕不換行，中等寬度先藏起來（旁邊已有預約按鈕） */
html[data-skin] .header-cta{white-space:nowrap}
@media(max-width:1400px){html[data-skin] .header-cta{display:none}}
/* 幸福Team 頁（質感版） */
html[data-skin] .tb-ph,html[data-skin] .tb-stats div,html[data-skin] .tb-values div,html[data-skin] .tm-banner-ph{border-radius:2px}
html[data-skin] .tb-stats b,html[data-skin] .tb-values b,html[data-skin] .tb-vision,html[data-skin] .tb-en,html[data-skin] .tm-banner h1{font-family:var(--hf)}
@media (min-width:961px) and (max-width:1240px){html[data-skin] nav.main>a,html[data-skin] nav.main .dd>button{letter-spacing:.04em;padding:.5em .45em}html[data-skin] .brand{gap:10px}html[data-skin] .pl{padding-right:10px}}

/* 買賣流程（質感版） */
html[data-skin] .pc-tab{border-radius:0;border-width:0 0 2px;background:transparent;color:var(--muted);font-weight:500;letter-spacing:.12em}
html[data-skin] .pc-tab.on{background:transparent;color:var(--strong);border-bottom-color:var(--gold)}
html[data-skin] .pc-tabs{border-bottom:1px solid var(--line);gap:0}
html[data-skin] .pc-sum,html[data-skin] .pc-steps li,html[data-skin] .pc-ex{border-radius:2px}
html[data-skin] .pc-steps li::before{border-radius:0;font-family:var(--hf)}
html[data-skin] .pc-table th{background:var(--ink);color:var(--gold-2);font-weight:500;letter-spacing:.08em}
html[data-skin] .pc-flow li{border-radius:2px}html[data-skin] .pc-ic{background:transparent}html[data-skin] .pc-flow li::before{font-family:var(--hf)}
html[data-skin] .pc-cta{border-radius:2px}html[data-skin] .pc-cta h2{font-family:var(--hf)}
html[data-skin] .lx-cat{border-radius:2px;border-style:solid;font-weight:500;letter-spacing:.08em}
html[data-skin] .pc-pay{border-radius:2px}
html[data-skin] footer.site .ft-oa{border-radius:2px}html[data-skin] footer.site .ft-oa .ft-oa-btn{border-radius:2px;letter-spacing:.08em}
html[data-skin] .tm-strip img{border-radius:2px}
html[data-skin] .tm-group img{border-radius:2px}html[data-skin] .tm-group figcaption{font-family:var(--hf)}
html[data-skin] .tm-crowd h3,html[data-skin] .tm-crowd-stats b{font-family:var(--hf)}
html[data-skin] .ln-card,html[data-skin] .ln-docs,html[data-skin] .ln-f input{border-radius:2px}html[data-skin] .ln-opts label{border-radius:2px}
html[data-skin] .pc-money{border-radius:2px}html[data-skin] .pc-money b{font-family:var(--hf)}html[data-skin] .pc-flow .pc-ic{background:var(--paper)}
html[data-skin] footer.site .ft-store,html[data-skin] footer.site .ft-store *,html[data-skin] footer.site .ft-oa h4{font-family:inherit!important}
html[data-skin] footer.site .ft-store,html[data-skin] footer.site .ft-store *,html[data-skin] footer.site .ft-oa h4{font-family:var(--hf),"Noto Serif TC",serif!important}
html[data-skin] .topbar .sc-ai b{font-size:8px;line-height:1.05;letter-spacing:0;font-weight:600}
html[data-skin] .topbar .sc-ai b br{display:inline}
html[data-skin] .topbar .sc-ai img{width:82%;height:82%;opacity:.28}
html[data-skin] .topbar .sc-ai:hover{background:#c8102e!important}
@media(max-width:768px){html[data-skin] .updn{gap:6px}html[data-skin] .updn button{width:34px;height:34px;background:rgba(var(--ink-rgb),.72);box-shadow:none}html[data-skin] .updn svg{width:16px;height:16px}}
html[data-skin] .pl{flex:none}html[data-skin] .brand{min-width:0;flex-shrink:1}html[data-skin] .brand>span:last-child{min-width:0}html[data-skin] .brand .t2{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
html[data-skin] .brand{flex:none}html[data-skin] .brand .t2{overflow:visible;text-overflow:clip}@media (max-width:1599px){html[data-skin] .header-cta{display:none!important}}
html[data-skin] .header-cta{display:none!important}@media (min-width:961px) and (max-width:1120px){html[data-skin] nav.main>a,html[data-skin] nav.main .dd>button{padding:.5em .32em;font-size:.84rem;letter-spacing:0}html[data-skin] .brand .t2{letter-spacing:.08em}}
/* AI房管：滑過／點選時顯示完整的太平洋房屋球形標誌 */
.topbar .sc-ai img,.topbar .sc-ai b{transition:opacity .2s,filter .2s,transform .2s}
.topbar .sc-ai:hover,.topbar .sc-ai:focus-visible,.topbar .sc-ai:active,html[data-skin] .topbar .sc-ai:hover,html[data-skin] .topbar .sc-ai:active{background:#fff!important}
.topbar .sc-ai:hover img,.topbar .sc-ai:focus-visible img,.topbar .sc-ai:active img{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1.05)}
.topbar .sc-ai:hover b,.topbar .sc-ai:focus-visible b,.topbar .sc-ai:active b{opacity:0}
html[data-skin] .topbar .sc-ai:hover img,html[data-skin] .topbar .sc-ai:focus-visible img,html[data-skin] .topbar .sc-ai:active img{opacity:1;filter:none;width:86%;height:86%}html[data-skin] .topbar .sc-ai:hover b,html[data-skin] .topbar .sc-ai:active b{opacity:0}
@media (max-width:960px){html[data-skin] .brand{flex:1 1 auto;min-width:0}html[data-skin] .brand>span:last-child{min-width:0;overflow:hidden}html[data-skin] .brand .t1{white-space:nowrap}html[data-skin] .brand .t2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.06em}html[data-skin] .menu-toggle{flex:none;margin-left:8px}}