/* 页面专属样式片段：首页（完整设计系统见 common.css） */

/* 首页页脚：深色（对齐设计稿） */
body:has(#page-home.on,#page-list.on,#page-cases.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on,#page-contact.on) footer{background:#05070d;border-top-color:#0b111c;color:#94a3b8}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .logo{color:#fff}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .logo small{color:#5b6675}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .foot-col h4{color:#fff}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .foot-col a{color:#94a3b8}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .foot-col a:hover{color:#fff}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .foot-machine{color:#7c8797}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on) footer .foot-machine code{background:rgba(255,255,255,.07);color:#cbd5e1}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on,#page-contact.on) footer .foot-extra{border-top-color:rgba(255,255,255,.08)}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on,#page-contact.on) footer .foot-extra a{color:#94a3b8}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on,#page-contact.on) footer .foot-extra a:hover{color:#fff}

body:has(#page-home.on,#page-list.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on,#page-contact.on) footer .copy{border-top-color:rgba(255,255,255,.08);color:#5b6675}

#page-home{background:#fff}

/* 首页顶栏：固定悬浮在 Hero 天蓝渐变之上，顶部磨砂 → 滚动变白（对齐设计稿 + 交互需求） */
body:has(#page-home.on) .topbar{position:fixed;left:0;right:0;top:0;z-index:60;background:rgba(255,255,255,.46);-webkit-backdrop-filter:blur(20px) saturate(185%);backdrop-filter:blur(20px) saturate(185%);border-bottom:1px solid rgba(255,255,255,.5)}

body:has(#page-home.on) .topbar.is-scrolled{background:#fff;border-bottom-color:var(--border);box-shadow:0 1px 16px rgba(15,23,42,.07)}

body:has(#page-home.on) #page-home .d-hero{padding-top:61px}

body:has(#page-home.on) .topbar .nav a{color:#334155}

body:has(#page-home.on) .topbar .nav a:hover{background:rgba(255,255,255,.6);color:#0b1220}

body:has(#page-home.on) .topbar .nav a.on{background:rgba(0,94,235,.1);color:var(--accent)}


/* ---------- D 版覆盖：品牌档案 3 列 / 卡片风格（设计稿：实拍封面 + 角标浮层） ---------- */
#page-home .fc-grid{grid-template-columns:repeat(3,1fr);gap:22px}

#page-home .case-grid{grid-template-columns:repeat(3,1fr);gap:22px}

#page-home .case-thumb{height:168px}

#page-home .case-body{padding:18px 20px 20px}

#page-home .case-body h3{font-size:17px;font-weight:800;line-height:1.4;letter-spacing:-.3px;margin-bottom:8px}

#page-home .case-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:#8a94a6;margin-bottom:12px}

#page-home .case-loc{white-space:nowrap}

#page-home .case-loc svg{width:12px;height:12px;vertical-align:-1px;margin-right:2px;color:#2563eb}

#page-home .case-meta{gap:10px;margin-bottom:12px}

#page-home .case-ai{font-size:11.5px;color:#8a94a6;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0;overflow:hidden}

#page-home .case-ai .nl-ai{font-size:11.5px;min-width:0}

#page-home .fc-ai{flex:1 1 0;min-width:0;overflow:hidden}

#page-home .fc-foot{flex-wrap:nowrap}

#page-home .d-li-m .nl-ai{min-width:0}

#page-home .case-ai .nl-ai-i{color:var(--txt-ok)}

#page-home .case-ai .nl-ai-i b{display:none}

#page-home .case-ai .nl-ai-i::before{content:'✓';font-weight:800;margin-right:1px}

#page-home .case-ai .nl-ai-d{display:none}

#page-home .fc-foot .nl-ai-i b{display:none}

#page-home .fc-foot .nl-ai-i::before{content:'✓';font-weight:800;margin-right:1px}

#page-home .fc-foot .nl-ai-d{display:none}

#page-home #d-latest .nl-ai{font-size:11.5px}

#page-home #d-latest .nl-ai-i b{display:none}

#page-home #d-latest .nl-ai-i::before{content:'✓';font-weight:800;margin-right:1px}

#page-home #d-latest .nl-ai-d{display:none}

#page-home #d-latest .nl-ai-empty{white-space:nowrap}

/* 首页晓觅首报图文卡：同品牌档案 ✓ 口径 */
#page-home #d-report .nl-ai-i b,
#page-home .fp-pic-foot .nl-ai-i b{display:none}
#page-home #d-report .nl-ai-i::before,
#page-home .fp-pic-foot .nl-ai-i::before{content:'✓';font-weight:800;margin-right:1px}
#page-home #d-report .nl-ai-d,
#page-home .fp-pic-foot .nl-ai-d{display:none}

#page-home .fc-cover{position:relative;margin:-20px -20px 0;height:192px;background:#f0f4f8;overflow:hidden}

#page-home .fc-cover .badge{position:absolute;right:12px;top:12px;z-index:3}

#page-home .fc-cover-lm{font-size:52px;font-weight:800;color:rgba(255,255,255,.94);letter-spacing:-2px;text-shadow:0 6px 18px rgba(0,0,0,.22);position:relative;z-index:2}

#page-home .fc-cover-empty::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.24) 1px,transparent 1px);background-size:14px 14px;opacity:.6}

#page-home .fc-logo{display:none}

#page-home .fc-name{font-size:17px;font-weight:800;letter-spacing:-.3px}

#page-home .fc-short{position:absolute;right:20px;top:20px;font-size:12px;color:#8a94a6}

#page-home .fc-top{position:relative}

#page-home .fc-card{overflow:hidden}

  #page-home .fc-grid{grid-template-columns:repeat(2,1fr)}

  #page-home .case-grid{grid-template-columns:repeat(2,1fr)}

  #page-home .fc-grid,#page-home .case-grid{grid-template-columns:1fr}

body:has(#page-home.on,#page-list.on,#page-cases.on,#page-case.on,#page-company.on,#page-term.on,#page-termd.on,#page-first.on,#page-news.on,#page-newsd.on,#page-contact.on) footer .logo-img-dark{filter:brightness(0) invert(1);opacity:.94}