/* 深圳市熹合空间设计有限公司 · Quiet Luxury Editorial 设计层
   tokens / 导航滚动态 / 卡片动效 / 排版阶梯 / 页脚 / 无障碍
   加载顺序：所有既有 CSS 之后 */
:root{
  --ink:#141412; --ink-2:#22221f;
  --paper:#f4f1ea; --paper-2:#eae5da;
  --bronze:#a88f77; --bronze-deep:#8a715a;
  --olive:#5a6152;
  --muted:#6b6c63; --faint:#77786f;
  --line:rgba(20,20,18,.14); --line-strong:rgba(20,20,18,.26);
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-editorial:cubic-bezier(.16,1,.3,1);
  --dur-1:.45s; --dur-2:.9s; --dur-3:1.4s;
}

/* ── 排版阶梯精修 ─────────────────────────────────────── */
.article h1{letter-spacing:.01em}
.article{padding:190px 0 140px}
.about-sections>section{padding:96px 0}
.about-sections h2{letter-spacing:.01em}
.article p{letter-spacing:.01em}
hr.section-break{border:none;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent 72%);margin:88px 0}

/* ── 导航滚动态 ───────────────────────────────────────── */
.topbar{transition:background-color var(--dur-2) var(--ease-out),height var(--dur-2) var(--ease-out),border-color var(--dur-2),backdrop-filter var(--dur-2)}
.topbar.scrolled{height:70px;mix-blend-mode:normal;background-color:rgba(244,241,234,.92);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line);color:var(--ink)}
.topbar.scrolled .brand-name{font-size:19px}
.topbar nav a{position:relative}
.topbar nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right var(--dur-2) var(--ease-editorial)}
.topbar nav a:hover::after{right:0}
.topbar.scrolled .call{color:var(--ink)}

/* ── 链接与按钮 ───────────────────────────────────────── */
.text-link{border-bottom:none!important;position:relative;background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:12px;transition:letter-spacing var(--dur-2) var(--ease-editorial)}
.text-link:hover{letter-spacing:.22em}
.text-link span{display:inline-block;transition:transform var(--dur-2) var(--ease-editorial)}
.text-link:hover span{transform:translate(5px,-5px)}

/* ── 卡片动效 ─────────────────────────────────────────── */
.case-list img,.journal-thumb img{transition:transform .7s var(--ease-editorial),opacity var(--dur-1) var(--ease-out)}
.case-card:hover img,.journal-card:hover img{transform:scale(1.045);opacity:.94}
.case-card h2,.journal-card-body h2{transition:color var(--dur-1) var(--ease-out)}
.case-card:hover h2,.journal-card:hover .journal-card-body h2{color:var(--bronze-deep)}
.case-card span,.journal-tag{transition:letter-spacing var(--dur-2) var(--ease-editorial)}
.case-card:hover span,.journal-card:hover .journal-tag{letter-spacing:.2em}

/* ── 表格与图注精修 ───────────────────────────────────── */
.case-article table th,.price-table th,.cmp-table th{font-size:11px;letter-spacing:.16em;color:var(--faint);font-weight:400}
.case-inline-media figcaption,.editorial-media figcaption{color:var(--faint);font-size:12px;letter-spacing:.12em}
.case-article article h3{font-family:'Noto Sans SC',sans-serif}
.about-facts strong{font-size:34px;letter-spacing:.02em}

/* ── 首页分类面板 ─────────────────────────────────────── */
.category{position:relative}
.category::after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:2px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-editorial)}
.category:hover::after{transform:scaleX(1)}

/* ── 滚动渐显（design.js 打标） ───────────────────────── */
.xi-reveal{opacity:0;transform:translateY(26px);transition:opacity var(--dur-2) var(--ease-editorial),transform var(--dur-2) var(--ease-editorial)}
.xi-reveal.xi-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .xi-reveal{opacity:1;transform:none;transition:none}
  .topbar nav a::after,.text-link span,.case-list img,.journal-thumb img{transition:none}
}

/* ── 细节质感 ─────────────────────────────────────────── */
::selection{background:rgba(168,143,119,.3)}
html{scrollbar-width:thin;scrollbar-color:rgba(90,97,82,.5) transparent}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(90,97,82,.42);border-radius:8px;border:3px solid var(--paper)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:2px}

/* ── 页脚 ─────────────────────────────────────────────── */
.xi-footer{background:var(--ink);color:rgba(244,241,234,.72);padding:96px 8vw 44px;font-weight:300;margin-top:0}
.xi-footer *{mix-blend-mode:normal}
.xi-footer a{color:inherit;text-decoration:none;transition:color var(--dur-1) var(--ease-out)}
.xi-footer a:hover{color:var(--bronze)}
.xi-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:64px;padding-bottom:64px;border-bottom:1px solid rgba(244,241,234,.14)}
.xi-footer .xi-f-brand{font-size:22px;letter-spacing:.08em;color:var(--paper)}
.xi-footer .xi-f-slogan{font-family:Georgia,'Playfair Display',serif;font-size:27px;line-height:1.5;color:var(--paper);margin:20px 0 12px}
.xi-footer .xi-f-sub{font-size:13px;letter-spacing:.06em;color:rgba(244,241,234,.55)}
.xi-footer .eyebrow{color:rgba(244,241,234,.45);font-size:11px;letter-spacing:.2em;margin:0 0 22px}
.xi-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;font-size:13px;letter-spacing:.1em}
.xi-footer-contact{font-size:13px;line-height:2.1;letter-spacing:.04em;color:rgba(244,241,234,.72)}
.xi-footer-contact .phone{font-family:Georgia,serif;font-size:22px;color:var(--paper);letter-spacing:.04em;display:inline-block;margin-bottom:10px}
.xi-footer-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:30px;font-size:11px;letter-spacing:.14em;color:rgba(244,241,234,.4)}
@media(max-width:900px){.xi-footer-grid{grid-template-columns:1fr;gap:44px;padding-bottom:44px}.xi-footer{padding:72px 8vw 36px}}