/* Hallmark · editorial · v2 full site · 主站 + 子域共用视觉系统
   组成：基础 / 导航(v1下拉重做) / 按钮 / 二维码 / 区块 / 卡片网格 / FAQ / 联系 / 表格 / 新闻 / 法律 / FAB / 页脚 / 首页编辑式 / 响应式 / 暗色 */

*{box-sizing:border-box}
html{overflow-x:clip}
html.scroll-smooth{scroll-behavior:smooth}
body{overflow-x:clip;margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;font-size:16px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
h1,h2,h3,h4{font-style:normal;margin:0;font-family:var(--font-display);font-weight:700;line-height:1.25;letter-spacing:-.2px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:color-mix(in srgb,var(--brand) 18%,transparent)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}

.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--brand);color:var(--on-brand);padding:8px 12px;border-radius:var(--radius);z-index:200}

.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;width:100%}
.section-head{margin-bottom:28px}
.section-head h1{font-size:var(--text-3xl);color:var(--ink);margin-bottom:10px;max-width:20ch}
.section-head h2{font-size:var(--text-3xl);color:var(--ink);margin-bottom:10px}
.section-head p{color:var(--ink-2);margin:0;max-width:56ch;font-family:var(--font-body)}
.about{padding:var(--space-5) 0}
.about .bio{font-size:17px;line-height:1.95;color:var(--ink-2);max-width:64ch}
.bio{font-size:16.5px;line-height:1.9;color:var(--ink-2)}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px;font-family:var(--font-body)}

/* ===== 导航：v1 扁平5项 + 更多▾下拉，重做 v2 视觉 ===== */
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.4px;color:var(--ink);white-space:nowrap}
.logo img{height:34px;width:auto}
.logo .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:2px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{font-size:15px;color:var(--ink-2);transition:color var(--dur) var(--ease);font-family:var(--font-body);white-space:nowrap;flex-shrink:0}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.nav-links a.nav-yh{color:var(--brand);font-weight:600}
.nav-item{position:relative}
.nav-item>a{cursor:pointer}
.nav-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 50px -28px rgba(20,30,50,.4);padding:8px;min-width:148px;display:none;flex-direction:column;z-index:80}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:flex}
.nav-dropdown a{padding:9px 12px;border-radius:8px;font-size:14.5px;color:var(--ink-2);white-space:nowrap}
.nav-dropdown a:hover,.nav-dropdown a.active{background:var(--paper-alt);color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-right .btn{padding:10px 16px;font-size:14px}
.icon-btn{width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer;font-size:17px;display:inline-flex;align-items:center;justify-content:center}
.hamburger{display:none;background:transparent;border:1px solid var(--line-strong);color:var(--ink);width:44px;height:44px;border-radius:var(--radius);cursor:pointer;font-size:18px;align-items:center;justify-content:center;padding:0}

/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap;font-family:var(--font-body)}
.btn-primary{background:var(--brand);color:var(--on-brand)}
.btn-primary:hover{background:var(--brand-deep);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--ink-3);transform:translateY(-1px)}
.btn-lg{padding:14px 26px;font-size:16px}

/* ===== 二维码触发 ===== */
.qr-trigger{position:relative;display:inline-block}
.qr-tooltip{position:absolute;bottom:calc(100% + 12px);right:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 24px 50px -28px rgba(20,30,50,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);z-index:120;min-width:188px;text-align:center}
.qr-trigger:hover .qr-tooltip,.qr-trigger:focus-within .qr-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.qr-tooltip img{width:158px;height:158px;margin:0 auto 8px;border:1px solid var(--line);border-radius:8px}
.qr-title{font-size:14px;font-weight:600;color:var(--ink);font-family:var(--font-display)}
.qr-desc{font-size:12px;color:var(--ink-2);margin:2px 0 10px}
.qr-btn{display:inline-block;padding:6px 14px;border-radius:6px;background:var(--brand);color:var(--on-brand);font-size:12px;font-weight:600}

/* ===== Hero（首页编辑式 + 子域复用） ===== */
.hero{max-width:var(--maxw);margin:0 auto;padding:var(--space-6) 24px var(--space-4)}
.hero .container{padding-left:0;padding-right:0}
.hero h1{font-size:var(--text-display);line-height:1.1;letter-spacing:-.5px;color:var(--ink);margin:0 0 22px;max-width:18ch;overflow-wrap:anywhere}
.hero .lead{font-size:var(--text-xl);line-height:1.85;color:var(--ink-2);max-width:60ch;margin:0 0 30px;font-family:var(--font-body)}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.yh-tag{display:inline-block;font-size:13px;font-weight:600;color:var(--brand);background:rgba(30,91,184,.10);background:color-mix(in srgb,var(--brand) 10%,transparent);border:1px solid rgba(30,91,184,.28);border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);padding:7px 14px;border-radius:999px;margin-bottom:18px;font-family:var(--font-body)}
.nap{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 30px;font-size:14.5px;color:var(--ink-3);font-family:var(--font-body)}
.nap b{color:var(--ink);font-weight:600}
.proof{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 34px;font-size:14px;color:var(--ink-3);font-family:var(--font-body)}
.proof span b{color:var(--ink);font-weight:600}
.proof .mark{color:var(--gold);font-weight:700}

/* ===== 卡片 / 网格 / 数据 ===== */
.grid{display:grid;gap:22px}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cards{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.card h2,.card h2,.card h3{font-size:21px;color:var(--ink);margin-bottom:10px}
.card p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.75;font-family:var(--font-body)}
.card .ic{font-size:30px;margin-bottom:12px;line-height:1}
.stats{display:flex;flex-wrap:wrap;gap:18px 48px;margin-top:24px}
.stat .n{font-family:var(--font-display);font-size:34px;color:var(--brand);font-weight:700;line-height:1}
.stat .l{font-size:14px;color:var(--ink-3);margin-top:6px;font-family:var(--font-body)}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.badge{font-size:13.5px;color:var(--ink-2);border:1px solid var(--line-strong);padding:7px 14px;border-radius:999px;font-family:var(--font-body)}

/* ===== 团队（about 页） ===== */
.team-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}
.member{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.member:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.member img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:8px;margin-bottom:10px;border:1px solid var(--line)}
.member h3{font-size:16px;color:var(--ink);margin:0 0 3px;font-family:var(--font-display)}
.member p{margin:0;font-size:13px;color:var(--ink-3);font-family:var(--font-body)}
@media (max-width:520px){.team-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.member{padding:10px}.member img{aspect-ratio:1/1}}

/* ===== 步骤 ===== */
.steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.step{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.step h2,.step h3,.step h2,.step h3,.step h4{font-size:18px;color:var(--ink);margin-bottom:8px;font-family:var(--font-display)}
.step p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.7;font-family:var(--font-body)}

/* ===== FAQ ===== */
.faq-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 26px}
.faq-tab{font-family:var(--font-body);font-size:14px;color:var(--ink-2);background:transparent;border:1px solid var(--line-strong);padding:8px 16px;border-radius:999px;cursor:pointer;transition:all var(--dur) var(--ease)}
.faq-tab:hover{border-color:var(--ink-3)}
.faq-tab.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item[hidden]{display:none}
.faq-item summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink);font-family:var(--font-display)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--gold);font-weight:700;font-size:20px;flex:none}
.faq-item[open] summary::after{content:"−"}
.faq-item .a{padding:0 0 20px;color:var(--ink-2);font-size:15px;line-height:1.85;font-family:var(--font-body)}

/* ===== 联系 ===== */
.contact-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}
.contact-grid .c{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.contact-grid .k{font-size:13px;color:var(--ink-3);margin-bottom:6px;font-family:var(--font-body)}
.contact-grid .v{color:var(--ink);font-weight:600;font-size:16px;overflow-wrap:anywhere}
.contact-grid .v a{color:var(--brand)}

/* ===== 表格（收费 / 新房） ===== */
.table-wrap{overflow-x:auto;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius)}
table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:15px}
thead th{background:var(--brand);color:var(--on-brand);text-align:left;padding:12px 16px;font-weight:600}
tbody td{padding:11px 16px;border-top:1px solid var(--line);color:var(--ink-2)}
tbody tr:nth-child(even){background:var(--paper-alt)}
.me{font-size:13px;color:var(--ink-3);margin-top:10px;font-family:var(--font-body)}

/* ===== 新闻 / 动态 ===== */
.post{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin-bottom:22px}
.post h3{font-size:22px;color:var(--ink);margin-bottom:8px;line-height:1.35}
.post .post-meta{font-size:13px;color:var(--ink-3);margin-bottom:14px;font-family:var(--font-body)}
.post p{margin:0 0 12px;color:var(--ink-2);font-size:15.5px;line-height:1.85;font-family:var(--font-body)}
.post .tag{display:inline-block;font-size:12px;color:var(--brand);background:rgba(30,91,184,.10);background:color-mix(in srgb,var(--brand) 10%,transparent);border:1px solid rgba(30,91,184,.26);border:1px solid color-mix(in srgb,var(--brand) 26%,transparent);padding:4px 10px;border-radius:999px;margin-bottom:12px;font-family:var(--font-body)}
.post .note{font-size:13px;color:var(--ink-3);border-left:3px solid var(--gold);padding:8px 14px;background:rgba(201,162,75,.08);background:rgba(201,162,75,.08);background:color-mix(in srgb,var(--gold) 8%,transparent);border-radius:0 8px 8px 0;margin-top:6px;font-family:var(--font-body)}
.post .ext{font-size:13px;color:var(--ink-3);margin-top:6px;font-family:var(--font-body)}
.post-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);font-family:var(--font-body)}

/* ===== 法律声明 ===== */
.legal-note{font-size:13.5px;color:var(--ink-3);background:var(--paper-alt);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:14px 18px;line-height:1.8;font-family:var(--font-body)}

/* ===== FAB 悬浮客服（v2 视觉） ===== */
.fab-wrapper{position:fixed;right:18px;bottom:18px;z-index:130}
.fab{width:54px;height:54px;border-radius:50%;border:none;background:var(--brand);color:var(--on-brand);font-size:22px;cursor:pointer;box-shadow:0 14px 30px -10px rgba(20,40,80,.5);display:flex;align-items:center;justify-content:center}
.fab-wrapper:focus-within .fab-panel,.fab-wrapper:hover .fab-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.fab-panel{position:absolute;bottom:calc(100% + 12px);right:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 24px 50px -26px rgba(20,30,50,.5);width:212px;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur)}
.fab-panel img{width:150px;height:150px;margin:0 auto 10px;border:1px solid var(--line);border-radius:8px}
.fab-title{font-size:14px;font-weight:600;color:var(--ink);font-family:var(--font-display)}
.fab-desc{font-size:12px;color:var(--ink-2);margin:2px 0 12px;font-family:var(--font-body)}
.fab-actions{display:flex;flex-direction:column;gap:8px}
.fab-primary{display:block;padding:9px 14px;border-radius:8px;background:var(--brand);color:var(--on-brand);font-size:13px;font-weight:600;font-family:var(--font-body)}
.fab-ghost{display:block;padding:9px 14px;border-radius:8px;border:1px solid var(--line-strong);color:var(--ink);font-size:13px;font-family:var(--font-body)}

/* ===== 页脚 ===== */
footer{border-top:1px solid var(--line);padding:52px 24px 40px;color:var(--ink-3);font-size:14px;font-family:var(--font-body)}
.foot-in{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:flex-start}
.foot-in a{color:var(--ink-2);transition:color var(--dur) var(--ease)}
.foot-in a:hover{color:var(--ink)}
.foot-in a.nav-yh,.foot-links a.yh{color:var(--brand);font-weight:600}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.tech-links,.tech-links a{color:transparent!important;text-decoration:none!important}

/* ===== 首页编辑式（仅 index.html 用） ===== */
.masthead{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.mast-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mast-nav{display:flex;gap:28px;align-items:center}
.mast-nav a{font-size:15px;color:var(--ink-2);transition:color var(--dur) var(--ease);font-family:var(--font-body)}
.mast-nav a:hover,.mast-nav a.active{color:var(--ink)}
.mast-nav a.yh{color:var(--brand);font-weight:600}
.mast-actions{display:flex;align-items:center;gap:14px}
.mast-actions .qr-tip{position:absolute;bottom:calc(100% + 12px);right:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 24px 50px -28px rgba(20,30,50,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);z-index:120;min-width:188px;text-align:center}
.mast-actions .qr-trigger:hover .qr-tip,.mast-actions .qr-trigger:focus-within .qr-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mast-actions .qr-tip img{width:158px;height:158px;margin:0 auto 8px;border:1px solid var(--line);border-radius:8px}
.mast-actions .qr-tip .t{font-size:14px;font-weight:600;color:var(--ink);font-family:var(--font-display)}
.mast-actions .qr-tip .d{font-size:12px;color:var(--ink-2);margin:2px 0 10px;font-family:var(--font-body)}
.mast-actions .qr-tip .go{display:inline-block;padding:6px 14px;border-radius:6px;background:var(--brand);color:var(--on-brand);font-size:12px;font-weight:600}
.mast-actions .hamburger{display:none;background:transparent;border:1px solid var(--line-strong);color:var(--ink);width:44px;height:44px;border-radius:var(--radius);cursor:pointer;font-size:18px;align-items:center;justify-content:center;padding:0}
.mobile-nav{display:none}

.split{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) 24px;display:grid;grid-template-columns:1.45fr .95fr;gap:52px;align-items:start}
.split h2{font-size:var(--text-3xl);line-height:1.2;color:var(--ink);margin-bottom:20px;max-width:16ch}
.split .body p{font-size:17px;line-height:1.95;color:var(--ink-2);margin:0 0 16px;font-family:var(--font-body)}
.credential{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.credential .ch{font-family:var(--font-display);font-size:17px;color:var(--ink);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.credential dl{margin:0}
.credential dt{font-size:13px;color:var(--ink-3);margin-top:16px;letter-spacing:.02em;font-family:var(--font-body)}
.credential dt:first-of-type{margin-top:0}
.credential dd{margin:4px 0 0;font-size:19px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}

.services{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) 24px}
.services .sec-head{margin-bottom:8px}
.services .sec-head h2{font-size:var(--text-3xl);color:var(--ink);margin-bottom:10px}
.services .sec-head p{color:var(--ink-2);margin:0;max-width:54ch;font-family:var(--font-body)}
.svc-list{margin-top:34px;border-top:1px solid var(--line)}
.svc{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:26px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line)}
.svc .num{font-family:var(--font-display);font-size:22px;color:var(--gold);font-weight:700}
.svc h3{margin:0 0 9px;font-size:21px;color:var(--ink);font-weight:700}
.svc p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.75;max-width:60ch;font-family:var(--font-body)}
.svc .more{color:var(--brand);font-weight:600;font-size:14px;white-space:nowrap;align-self:center;font-family:var(--font-body)}

.pledges{background:var(--paper-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pledges-in{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) 24px}
.pledges-in h2{font-size:var(--text-3xl);color:var(--ink);margin-bottom:8px}
.pledges-in .sub{color:var(--ink-2);margin:0 0 30px;max-width:52ch;font-family:var(--font-body)}
.pledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px}
.pledge{padding:20px 0;border-top:1px solid var(--line-strong)}
.pledge dt{font-weight:700;color:var(--ink);font-size:16px;font-family:var(--font-display)}
.pledge dd{margin:7px 0 0;color:var(--ink-2);font-size:15px;line-height:1.75;font-family:var(--font-body)}

.faqwrap{max-width:760px;margin:0 auto;padding:var(--space-5) 24px}
.faqwrap h2{font-size:var(--text-3xl);color:var(--ink);margin-bottom:6px}
.faqwrap .sub{color:var(--ink-2);margin:0 0 28px;font-family:var(--font-body)}

.contact-band{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) 24px;display:grid;grid-template-columns:1fr 260px;gap:48px;align-items:center}
.contact-band h2{font-size:var(--text-3xl);color:var(--ink);margin-bottom:8px}
.contact-band .sub{color:var(--ink-2);margin:0 0 24px;max-width:46ch;font-family:var(--font-body)}
.crow{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.crow .k{color:var(--ink-3);font-size:14px;min-width:84px;flex:none;font-family:var(--font-body)}
.crow .v{color:var(--ink);font-weight:600;font-size:16px;overflow-wrap:anywhere}
.crow .v a{color:var(--brand)}
.qr-card{text-align:center;background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.qr-card img{width:180px;height:180px;margin:0 auto 12px;border:1px solid var(--line);border-radius:8px}
.qr-card .t{font-size:15px;font-weight:600;color:var(--ink);font-family:var(--font-display)}
.qr-card .d{font-size:12px;color:var(--ink-2);margin:4px 0 14px;font-family:var(--font-body)}
.qr-card .go{display:inline-block;padding:9px 18px;border-radius:6px;background:var(--brand);color:var(--on-brand);font-size:13px;font-weight:600}

.foot{border-top:1px solid var(--line);padding:52px 24px 40px;color:var(--ink-3);font-size:14px;font-family:var(--font-body)}
.foot .statement{font-family:var(--font-display);font-size:17px;color:var(--ink-2);max-width:38ch;line-height:1.6}
.foot .meta{margin-top:12px;line-height:1.9}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .nav-links{display:none}
  .nav-links.open{display:flex;flex-direction:column;gap:4px;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 24px 20px}
  .nav-links.open a{padding:11px 0;font-size:16px;border-bottom:1px solid var(--line);white-space:normal;text-align:center}
  .nav-links.open a:last-child{border-bottom:none}
  .nav-item{position:static}
  .nav-dropdown{position:static;transform:none;box-shadow:none;border:none;background:transparent;padding:4px 0 0 0;min-width:0;text-align:center}
  /* 移动菜单打开时，“更多”子项(收费标准/服务流程/公司动态/常见问题)始终平铺显示，无需先点“更多” */
  .nav-links.open .nav-more{display:none}
  .nav-links.open .nav-item .nav-dropdown{display:flex;margin-top:2px}
  .nav-links.open .nav-item .nav-dropdown a{padding:9px 0;font-size:15px;border-bottom:1px solid var(--line);white-space:normal;text-align:center;color:var(--ink-2)}
  .nav-links.open .nav-item .nav-dropdown a:last-child{border-bottom:none}
  .hamburger{display:inline-flex}
  .nav-right .btn-ghost{font-size:0}
  .nav-right .btn-ghost::before{content:"客服";font-size:14px}
}
@media (max-width:880px){
  .split{grid-template-columns:1fr;gap:34px}
  .contact-band{grid-template-columns:1fr;gap:34px}
  .pledge-grid{grid-template-columns:1fr}
  .svc{grid-template-columns:52px minmax(0,1fr);gap:18px}
  .svc .more{grid-column:1/-1;margin-top:2px}
  .mast-nav{display:none}
  .mobile-nav{display:none;flex-direction:column;gap:4px;padding:14px 24px 20px;border-bottom:1px solid var(--line);background:var(--paper)}
  .mobile-nav.open{display:flex}
  .mobile-nav a{padding:11px 0;font-size:16px;color:var(--ink-2);border-bottom:1px solid var(--line);font-family:var(--font-body)}
}
@media (max-width:520px){
  .hero{padding-top:var(--space-5)}
  .hero h1{font-size:34px}
  .nav-inner{padding:12px 18px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  html.scroll-smooth{scroll-behavior:auto}
}

/* ===== 导航栏强制对齐 v1 观感（仅作用导航栏，不影响 v2 其他区块） ===== */
.nav-inner{
  height:64px;padding:0 24px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid #e5edf5;
}
.logo{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;font-size:18px;letter-spacing:-.5px;font-weight:700;color:#061b31}
.logo img{height:36px}
.logo .dot{display:none}
.nav-links a{color:#64748d;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:#061b31}
.nav-links a.nav-yh{color:#1366d6}
.nav-dropdown{background:#fff;border:1px solid #e5edf5;border-radius:8px;box-shadow:rgba(50,50,93,.25) 0 30px 45px -30px,rgba(0,0,0,.1) 0 18px 36px -18px;padding:6px 0;min-width:100px}
.nav-dropdown a{color:#64748d}
.nav-dropdown a:hover,.nav-dropdown a.active{background:#f5f7ff;color:#061b31}
.nav-right .btn-primary{background:#1366d6;color:#fff}
.nav-right .btn-primary:hover{background:#0f56b8;transform:none}
.nav-right .btn-ghost{color:#061b31;border-color:#e5edf5}
.nav-right .btn-ghost:hover{border-color:#94a3b8;transform:none}
.nav-right .icon-btn{border-color:#e5edf5;color:#061b31}
.nav-right .hamburger{border-color:#e5edf5;color:#061b31}

/* 暗色模式：导航栏对齐 v1 */
html.dark .nav-inner{background:rgba(11,16,32,.82);border-bottom-color:#2a2f5a}
html.dark .logo{color:#e6e9ff}
html.dark .nav-links a{color:#aab0d6}
html.dark .nav-links a:hover,html.dark .nav-links a.active{color:#e6e9ff}
html.dark .nav-links a.nav-yh{color:#3b8ef0}
html.dark .nav-dropdown{background:#11163a;border-color:#2a2f5a}
html.dark .nav-dropdown a{color:#aab0d6}
html.dark .nav-dropdown a:hover,html.dark .nav-dropdown a.active{background:#0b1020;color:#e6e9ff}
html.dark .nav-right .btn-primary{background:#3b8ef0;color:#0b1020}
html.dark .nav-right .btn-primary:hover{background:#5aa0f5}
html.dark .nav-right .btn-ghost{color:#e6e9ff;border-color:#2a2f5a}
html.dark .nav-right .btn-ghost:hover{border-color:#6b7299}
html.dark .nav-right .icon-btn,html.dark .nav-right .hamburger{border-color:#2a2f5a;color:#e6e9ff}

/* 移动端：导航栏对齐 v1 */
@media (max-width:1024px){
  .nav-links.open{background:#fff;border-bottom:1px solid #e5edf5}
  html.dark .nav-links.open{background:#11163a;border-bottom-color:#2a2f5a}
}

/* 品牌报头（仅首页 Hero 区，规范 2/3） */
.brand-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.brand-masthead h1{margin:0}
.brand-sub{font-size:15px;color:var(--ink-3);margin:6px 0 0;font-family:var(--font-body);line-height:1.6}
.brand-logo{text-align:center;flex:none}
.brand-logo img{height:56px;width:auto}
.brand-logo .tm{font-size:13px;color:var(--ink-3);line-height:1}
@media (max-width:640px){.brand-masthead{flex-direction:column;text-align:center}.brand-logo{margin:0 auto}}

/* 导航「更多」下拉按钮（替代 javascript:void(0)，键盘可达，样式对齐导航链接） */
.nav-links button.nav-more{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;color:#64748d;background:none;border:none;padding:0;cursor:pointer;transition:color .2s;white-space:nowrap;flex-shrink:0}
.nav-links button.nav-more:hover{color:#061b31}
html.dark .nav-links button.nav-more{color:#aab0d6}
html.dark .nav-links button.nav-more:hover{color:#e6e9ff}

/* ===== 移动端导航栏紧凑适配：修复小屏溢出（v5） ===== */
@media (max-width:520px){
  .nav-inner{padding:10px 12px;gap:8px}
  .logo{font-size:15px;gap:6px;min-width:0}
  .logo img{height:28px;width:auto}
  .nav-right{gap:6px}
  .nav-right .btn-ghost{display:none}
  .nav-right .btn-primary{padding:8px 12px;font-size:13px}
  .nav-right .icon-btn,
  .nav-right .hamburger{width:38px;height:38px}
  .nav-right .icon-btn svg,
  .nav-right .hamburger svg{width:20px;height:20px}
}
@media (max-width:380px){
  .logo{font-size:14px}
  .logo img{height:26px}
  .nav-right .icon-btn{display:none}
  .nav-right .btn-primary{padding:7px 10px;font-size:12px}
  .nav-right .hamburger{width:36px;height:36px}
}
@media (max-width:1024px){
  .nav-links.open button.nav-more{padding:11px 0;font-size:16px;border-bottom:1px solid var(--line);white-space:normal;width:100%;text-align:center}
}

/* ===== 二维码浮窗智能上下浮动 ===== */
/* 默认向上浮（bottom:calc(100% + 12px) 已声明）；当视口上方空间不足时，由 JS 加 .tip-below，改为向下浮 */
.qr-trigger.tip-below .qr-tooltip,
.fab-wrapper.tip-below .fab-panel{top:calc(100% + 12px);bottom:auto;transform:translateY(-8px)}
.qr-trigger.tip-below:hover .qr-tooltip,
.qr-trigger.tip-below:focus-within .qr-tooltip,
.fab-wrapper.tip-below:hover .fab-panel,
.fab-wrapper.tip-below:focus-within .fab-panel{transform:translateY(0)}

/* ===== 二手房税费答案（改动五） ===== */
.faq-item .a h2,.faq-item .a h2,.faq-item .a h4{margin:18px 0 8px;font-size:16px;font-weight:700;color:var(--ink);font-family:var(--font-display);letter-spacing:.01em}
.faq-item .a p{margin:0 0 10px}
.tax-tbl{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tax-tbl th,.tax-tbl td{padding:9px 12px;text-align:center;border:1px solid var(--line)}
.tax-tbl th{background:var(--brand);color:var(--on-brand);font-weight:600}
.tax-tbl tbody tr:nth-child(even){background:rgba(127,158,196,.08)}
.tax-list{margin:6px 0 12px;padding-left:20px}
.tax-list li{margin:0 0 7px;line-height:1.7}
.tax-note{font-size:13.5px;color:var(--ink-3);background:rgba(127,158,196,.10);border-left:3px solid var(--gold);padding:8px 12px;border-radius:0 8px 8px 0;margin:8px 0 12px}
.tax-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:14px 0}
.tax-charts figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.tax-charts img{width:100%;height:auto;border-radius:8px;display:block}
.tax-charts figcaption{font-size:12.5px;color:var(--ink-3);text-align:center;line-height:1.5}
@media (max-width:640px){.tax-charts{grid-template-columns:1fr}}
html.dark .tax-tbl{background:#11163a;border-color:#2a2f5a}
html.dark .tax-tbl th{background:#2a335f}
html.dark .tax-tbl td{border-color:#2a2f5a}
html.dark .tax-tbl tbody tr:nth-child(even){background:rgba(127,158,196,.10)}
html.dark .tax-list li{color:var(--ink-2)}
html.dark .tax-note{background:rgba(127,158,196,.12);color:#aab0d6}
html.dark .tax-charts figure{background:#11163a;border-color:#2a2f5a}
html.dark .tax-charts figcaption{color:#aab0d6}