:root{
  --bg:#F6F8FB;--paper:#FFFFFF;--text:#2C2824;--text-light:#5B6575;--heading:#0A1528;
  --accent:#101F3A;--accent-light:#D9B876;--accent-surface:#EAEEF4;--border:#D8E2F0;
  --shadow:rgba(16,31,58,.08);--header-h:64px;
  --serif:"Noto Serif SC","Source Han Serif SC","STSong","Songti SC","SimSun",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--serif);font-size:1.06rem;line-height:1.85;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:100%;padding-left:clamp(20px,4vw,72px);padding-right:clamp(20px,4vw,72px)}

/* ===== 共用页头 ===== */
.site-header{position:sticky;top:0;z-index:1000;height:var(--header-h);background:rgba(254,253,251,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:0 1px 8px var(--shadow);display:flex;align-items:center;width:100%}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:var(--sans);font-size:1.19rem;font-weight:700;color:var(--heading);letter-spacing:1px;white-space:nowrap}
.brand span{color:var(--accent)}
.brand small{display:block;font-size:0.75rem;font-weight:400;color:var(--text-light);letter-spacing:3px}
.nav{display:flex;align-items:center;gap:6px}
.nav a{font-family:var(--sans);font-size:1.0rem;color:var(--text);padding:8px 16px;border-radius:8px;white-space:nowrap}
.nav a:hover{background:var(--accent-surface);text-decoration:none;color:var(--accent)}
.nav a.active{background:var(--accent);color:#fff}
.menu-toggle{display:none;width:42px;height:42px;background:var(--accent-surface);border:1px solid var(--border);border-radius:10px;font-size:1.25rem;color:var(--accent);cursor:pointer}

/* ===== 共用页尾 ===== */
.site-footer{margin-top:72px;background:#0A1528;color:#C0C8D8;font-size:0.88rem}
.site-footer a{color:#D0D8E8;transition:color .2s}
.site-footer a:hover{color:#D9B876}
.site-footer .wrap{padding-top:40px;padding-bottom:32px}
.f-brand{font-family:var(--serif);font-size:1.12rem;color:#EAEEF4;letter-spacing:2px;margin-bottom:8px}
.f-cols{display:flex;flex-wrap:wrap;gap:12px 48px;margin:14px 0}
.f-cols div{min-width:220px}
.f-cols b{display:block;color:#D9B876;font-family:var(--sans);font-size:0.81rem;letter-spacing:2px;margin-bottom:4px}
.f-links{margin-top:16px;padding-top:16px;border-top:1px solid #22304A;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:0.81rem}
.f-links a{color:#D0D8E8;transition:color .2s}
.f-links a:hover{color:#D9B876}
.f-note{margin-top:12px;font-size:0.78rem;color:#8E9DB8}

/* ===== 首页 hero ===== */
.hero{background:linear-gradient(160deg,var(--accent-surface),var(--bg) 70%);border-bottom:1px solid var(--border);padding:72px 0 56px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(195,204,218,.35),transparent 70%)}
.hero-tag{display:inline-block;font-family:var(--sans);font-size:0.81rem;letter-spacing:4px;color:var(--accent);border:1px solid var(--accent-light);background:var(--paper);padding:5px 16px;border-radius:99px;margin-bottom:24px}
.hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.3;color:var(--heading);font-weight:700;margin-bottom:16px;max-width:1000px}
.hero-sub{font-size:clamp(17px,2vw,21px);color:var(--accent);margin-bottom:20px}
.hero-desc{max-width:860px;color:var(--text-light);margin-bottom:32px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-block;font-family:var(--sans);font-size:1.0rem;padding:12px 28px;border-radius:10px;border:1px solid var(--accent);transition:.2s}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#0A1528;text-decoration:none}
.btn-ghost{color:var(--accent);background:var(--paper)}
.btn-ghost:hover{background:var(--accent-surface);text-decoration:none}

/* ===== 数据条 ===== */
.stats-band{background:linear-gradient(180deg, #0A1528 0%, #231f1a 100%);padding:72px 0;position:relative;overflow:hidden}
.stats-band::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg, transparent, var(--accent-light), var(--accent), var(--accent-light), transparent)}
.stats-band::after{content:"";position:absolute;top:40px;left:50%;transform:translateX(-50%);width:1px;height:calc(100% - 40px);background:linear-gradient(180deg, rgba(168,139,77,0.55), transparent);z-index:0}
.stats-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1}
.stat-item{text-align:center;padding:40px 20px 32px;position:relative;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
.stat-item:hover{transform:translateY(-6px)}
.stat-item::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#A88B4D;transition:width 0.3s;box-shadow:0 0 8px rgba(168,139,77,0.55)}
.stat-item:hover::before{width:100px}
.stat-num{display:block;font-size:clamp(48px,6vw,72px);font-weight:400;color:#D9B876;line-height:1;margin-bottom:16px;letter-spacing:-0.03em;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-shadow:0 4px 12px rgba(195,204,218,0.2)}
.stat-label{font-family:var(--sans);font-size:0.9rem;color:#B9C2D2;letter-spacing:3px;text-transform:uppercase;font-weight:500;margin-top:8px;position:relative;display:inline-block}
.stat-label::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:20px;height:1px;background:#A88B4D;opacity:0.9}

@media (max-width: 768px) {
  .stats-band{padding:48px 0}
  .stats-band .wrap{grid-template-columns:1fr 1fr;gap:16px}
  .stat-item{padding:28px 12px 24px}
  .stat-num{font-size:clamp(36px,8vw,48px)}
  .stats-band::after{display:none}
}

/* ===== 区块通用 ===== */
.section{padding:64px 0 8px}
.section.alt{background:var(--paper);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-bottom:56px;margin-top:56px}
.sec-head{margin-bottom:32px}
.sec-kicker{font-family:var(--sans);font-size:0.81rem;letter-spacing:4px;color:var(--accent);margin-bottom:8px}
.sec-head h2{font-size:clamp(24px,3vw,34px);color:var(--heading);line-height:1.4}
.sec-head h2::after{content:"";display:block;width:56px;height:3px;background:var(--accent);margin-top:12px}
.sec-desc{color:var(--text-light);max-width:820px;margin-top:10px}

/* ===== 图表 ===== */
.chart-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}
.chart-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.chart-grid-4 .chart-card{min-height:280px}
.chart-card{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 2px 12px var(--shadow)}
.chart-card h3{font-size:1.19rem;color:var(--heading);margin-bottom:4px}
.chart-card .chart-sub{font-family:var(--sans);font-size:0.81rem;color:var(--text-light);margin-bottom:18px}
.donut-flex{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.donut-legend{list-style:none;font-family:var(--sans);font-size:0.91rem}
.donut-legend li{display:flex;align-items:center;gap:10px;padding:4px 0;color:var(--text)}
.donut-legend .dot{width:12px;height:12px;border-radius:3px;flex:none}
.donut-legend .n{margin-left:auto;color:var(--text-light);padding-left:14px}
.hbar{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;margin-bottom:10px;font-family:var(--sans)}
.hbar .hb-name{font-size:0.91rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar .hb-track{height:18px;background:var(--accent-surface);border-radius:5px;overflow:hidden}
.hbar .hb-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:5px}
.hbar .hb-num{font-size:0.88rem;color:var(--text-light);text-align:right}

/* ===== 案例卡片 ===== */
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.case-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px var(--shadow);transition:.2s;color:var(--text);position:relative;overflow:hidden}
.case-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow);text-decoration:none;border-color:var(--accent-light)}
.case-card .cc-img{display:none}
.case-card .cc-body{padding:0;display:flex;flex-direction:column;gap:8px;flex:1}
.case-card .cc-scene{position:static;display:inline-block;width:fit-content;font-family:var(--sans);font-size:0.75rem;letter-spacing:1px;color:#fff;background:var(--accent);padding:3px 12px;border-radius:99px}
.case-card .cc-scene.flat{background:var(--accent-surface);color:var(--accent);border:1px solid var(--accent-light)}
.case-card h3{font-size:1.05rem;line-height:1.5;color:var(--heading);margin-bottom:4px}
.case-card .cc-desc{font-size:0.88rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.case-card .cc-more{margin-top:auto;font-family:var(--sans);font-size:0.82rem;color:var(--accent)}
.case-card .layout-badge{position:absolute;right:12px;top:12px;font-family:var(--sans);font-size:0.7rem;background:rgba(254,253,251,.92);border:1px solid var(--border);color:var(--text-light);padding:2px 8px;border-radius:99px}

/* ===== 案例库页筛选 ===== */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.filter-bar button{font-family:var(--sans);font-size:0.91rem;padding:8px 18px;border-radius:99px;border:1px solid var(--border);background:var(--paper);color:var(--text);cursor:pointer;transition:.15s}
.filter-bar button:hover{border-color:var(--accent);color:var(--accent)}
.filter-bar button.on{background:var(--accent);border-color:var(--accent);color:#fff}

/* ===== 案例详情：公共 ===== */
/* 案例详情页正文区：居中限宽（非全宽），正文字号 19px */
/* 全宽自适应：案例页通栏布局，随视口宽度自适应（2026-08-07 视觉审计修订） */
.case-hero .wrap,.case-body .wrap,.layout-c .c-sec .wrap,.pager-wrap{width:100%}
.case-hero{border-bottom:1px solid var(--border);padding:56px 0 40px;background:linear-gradient(160deg,var(--accent-surface),var(--bg) 75%)}
.case-hero h1{font-size:clamp(26px,3.6vw,42px);line-height:1.35;color:var(--heading);margin:14px 0 12px;max-width:1100px}
.case-hero .ch-sub{font-size:clamp(16px,1.8vw,20px);color:var(--accent);margin-bottom:18px}
.case-hero .ch-desc{max-width:900px;color:var(--text-light)}
.ch-meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;padding-top:16px;border-top:1px dashed var(--accent-light);font-family:var(--sans);font-size:0.88rem;color:var(--text-light)}
.case-body{padding:40px 0 8px;font-size:1.19rem}
.layout-c .c-sec{font-size:1.19rem}
.case-hero .ch-desc{font-size:1.12rem}
.case-body p{margin-bottom:16px}
.case-body ul{margin:0 0 16px 1.4em}
.case-body li{margin-bottom:8px}

/* ===== 服务主体品牌标识 ===== */
.qc-brand{color:#101F3A;font-weight:700}
.brand-note{font-family:var(--sans);font-size:0.84rem;color:var(--text-light);margin-top:14px}
.brand-note::before{content:"※ ";color:var(--accent)}

/* ===== 专业辅导模块 ===== */
.coach{margin-top:56px;background:var(--accent-surface);border-top:2px solid var(--accent);border-bottom:1px solid var(--border);padding:52px 0}
.coach-inner h2{font-size:clamp(22px,2.6vw,30px);color:var(--heading);margin-bottom:8px}
.coach-inner h2::after{content:"";display:block;width:56px;height:3px;background:var(--accent);margin-top:12px}
.coach-lead{color:var(--text-light);margin-bottom:26px;font-size:1.0rem}
.coach-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
.coach-card{background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:22px 24px}
.coach-card h3{font-size:1.12rem;color:var(--heading);margin-bottom:10px}
.coach-card p{font-size:1.0rem;color:var(--text)}
.coach-card ol,.coach-card ul{margin-left:1.3em;font-size:1.0rem}
.coach-card li{margin-bottom:8px;color:var(--text)}
.kcard{background:#0A1528;border-radius:12px;padding:26px 30px;color:#C7D2E2}
.kcard h3{font-size:1.12rem;color:#D9B876;margin-bottom:12px}
.kcard ul{margin-left:1.3em}
.kcard li{margin-bottom:10px;font-size:1.0rem;line-height:1.8}
@media(max-width:860px){.coach-grid{grid-template-columns:1fr}}
.case-figure{margin:26px 0;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 2px 10px var(--shadow)}
.case-figure img{width:100%;border-radius:8px;display:block}
.case-figure figcaption{font-family:var(--sans);font-size:0.81rem;color:var(--text-light);text-align:center;padding-top:10px}
.pager{display:flex;justify-content:space-between;gap:14px;margin:48px 0 0;padding:24px 0 8px;border-top:1px solid var(--border);font-family:var(--sans);font-size:0.94rem;flex-wrap:wrap}

/* ===== 版式 A：报告版（侧栏目录） ===== */
.layout-a .case-body-grid{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}
.layout-a .side-toc{position:sticky;top:calc(var(--header-h) + 20px);background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px}
.layout-a .side-toc b{display:block;font-family:var(--sans);font-size:0.81rem;letter-spacing:3px;color:var(--text-light);margin-bottom:10px}
.layout-a .side-toc a{display:block;font-family:var(--sans);font-size:0.91rem;color:var(--text);padding:7px 10px;border-left:2px solid transparent;border-radius:0 6px 6px 0}
.layout-a .side-toc a:hover{background:var(--accent-surface);border-left-color:var(--accent);text-decoration:none;color:var(--accent)}
.layout-a .a-sec{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:30px 34px;margin-bottom:26px;box-shadow:0 2px 10px var(--shadow)}
.layout-a .a-sec h2{font-size:clamp(20px,2.2vw,26px);color:var(--heading);padding-bottom:12px;border-bottom:2px solid var(--accent-surface);margin-bottom:18px}
.layout-a .a-sec h2 .no{color:var(--accent);margin-right:12px}

/* ===== 版式 B：展板版（卡片网格） ===== */
.layout-b .b-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.layout-b .b-sec{background:var(--paper);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:12px;padding:26px 28px;box-shadow:0 2px 10px var(--shadow)}
.layout-b .b-sec:first-child{grid-column:1/-1}
.layout-b .b-sec h2{font-size:clamp(19px,2vw,24px);color:var(--heading);margin-bottom:14px;display:flex;gap:12px;align-items:baseline}
.layout-b .b-sec h2 .no{font-family:var(--sans);font-size:0.81rem;color:#fff;background:var(--accent);border-radius:6px;padding:3px 10px;flex:none}

/* ===== 版式 C：杂志版（通栏交替 + 双栏文字） ===== */
.layout-c .c-sec{padding:44px 0}
.layout-c .c-sec:nth-child(even){background:var(--paper);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.layout-c .c-sec h2{font-size:clamp(21px,2.4vw,28px);color:var(--heading);margin-bottom:18px;padding-left:18px;border-left:5px solid var(--accent)}
.layout-c .c-cols{column-count:2;column-gap:48px;column-rule:1px solid var(--border)}
.layout-c .c-cols p{break-inside:avoid}
.layout-c .c-sec .case-figure{break-inside:avoid}

/* ===== 知名客户页 ===== */
.client-hero{background:linear-gradient(160deg,var(--accent-surface),var(--bg) 75%);border-bottom:1px solid var(--border);padding:56px 0 40px}
.hero-search-bar{position:relative;width:100%;display:flex;align-items:center;background:#fff;border:2px solid var(--border);border-radius:999px;box-shadow:0 6px 24px rgba(15,76,58,.06);transition:border-color .2s,box-shadow .2s}
.hero-search-bar:focus-within{border-color:var(--accent);box-shadow:0 6px 30px rgba(15,76,58,.12)}
.hs-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:12px 28px;border:none;border-radius:999px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;font-family:var(--sans);z-index:1}
.hs-btn:hover{background:var(--accent-light)}
.search-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:26px 0 8px}
.search-box{flex:1;min-width:260px;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:11px 16px}
.search-box input{border:none;outline:none;background:none;font-family:var(--sans);font-size:1.0rem;width:100%;color:var(--text)}
.search-meta{font-family:var(--sans);font-size:0.88rem;color:var(--text-light)}
.industry{margin-top:44px}
.industry-head{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--accent-surface);padding-bottom:10px;margin-bottom:20px}
.industry-head h2{font-size:clamp(20px,2.2vw,25px);color:var(--heading)}
.industry-head span{font-family:var(--sans);font-size:0.84rem;color:var(--text-light)}
.cust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cust-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px 18px;box-shadow:0 1px 6px var(--shadow);transition:.15s}
.cust-card:hover{border-color:var(--accent-light);transform:translateY(-2px)}
.cust-name{font-size:1.03rem;font-weight:700;color:var(--heading);line-height:1.5;margin-bottom:8px}
.cust-year,.cust-service{font-family:var(--sans);font-size:0.81rem;color:var(--text-light);line-height:1.7}

/* ===== 响应式 ===== */
@media(max-width:1100px){
  .case-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
  .cust-grid{grid-template-columns:repeat(3,1fr)}
  .chart-grid{grid-template-columns:1fr}
  .chart-grid-4{grid-template-columns:1fr 1fr}
  .layout-b .b-grid{grid-template-columns:1fr}
  .layout-a .case-body-grid{grid-template-columns:1fr}
  .layout-a .side-toc{position:static}
}
@media(max-width:760px){
  body{font-size:1.06rem}
  .case-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
  .case-card{padding:14px 16px}
  .case-card h3{font-size:0.95rem}
  .case-card .cc-desc{font-size:0.82rem;-webkit-line-clamp:2}
  .cust-grid{grid-template-columns:repeat(2,1fr)}
  .chart-grid{grid-template-columns:1fr}
  .chart-grid-4{grid-template-columns:1fr}
  .layout-b .b-grid{grid-template-columns:1fr}
  .layout-a .case-body-grid{grid-template-columns:1fr}
  .layout-a .side-toc{position:static}
  .tag-cloud{gap:6px}
  .tag-item{font-size:0.8rem !important;padding:5px 12px}
}

/* ===== 热门标签云 ===== */
.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.tag-item{display:inline-block;font-family:var(--sans);font-size:0.95rem;padding:8px 20px;border-radius:99px;border:1px solid var(--border);background:var(--paper);color:var(--text);transition:.2s;text-decoration:none}
.tag-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-surface);text-decoration:none;transform:translateY(-2px)}
.tag-lg{font-size:1.15rem;padding:10px 26px;border-color:var(--accent-light);color:var(--accent);font-weight:600}
.tag-md{font-size:1.0rem;padding:9px 22px}
.tag-sm{font-size:0.88rem;padding:7px 16px;color:var(--text-light)}
.tag-hot::after{content:" 🔥";font-size:0.75rem}
.tag-new::after{content:" ✨";font-size:0.75rem}
@media(max-width:760px){
  .menu-toggle{display:block}
  .nav{position:fixed;top:var(--header-h);right:0;left:0;background:var(--paper);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:12px 20px 18px;display:none;box-shadow:0 8px 20px var(--shadow)}
  .nav.open{display:flex}
  .nav a{padding:12px 14px;font-size:1.06rem}
}
  .stats-band .wrap{grid-template-columns:1fr 1fr;gap:22px}
  .case-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
  .case-card{padding:12px 14px}
  .case-card h3{font-size:0.9rem}
  .case-card .cc-desc{font-size:0.8rem;-webkit-line-clamp:2}
  .cust-grid{grid-template-columns:1fr 1fr}
  .layout-c .c-cols{column-count:1}
  .hbar{grid-template-columns:96px 1fr 36px}
}
@media(max-width:520px){
  .cust-grid{grid-template-columns:1fr}
}


/* ===== 场景索引页 ===== */
.scene-index{display:grid;grid-template-columns:1fr;gap:22px}
.scene-block{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:22px 26px}
.sb-head{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:12px}
.sb-no{font-family:var(--sans);font-size:0.81rem;font-weight:700;color:var(--brand);letter-spacing:1px}
.sb-head h3{font-size:1.19rem;color:var(--heading);margin:0}
.sb-count{margin-left:auto;font-family:var(--sans);font-size:0.81rem;color:var(--brand);background:var(--brand-surface);border-radius:99px;padding:2px 12px}
.sb-list{display:grid;grid-template-columns:1fr;gap:4px}
.sc-case{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text);font-size:0.94rem}
.sc-case:hover{background:var(--brand-surface);text-decoration:none}
.sc-num{font-family:var(--sans);font-size:0.75rem;color:var(--brand);letter-spacing:1px;flex-shrink:0}
.sc-arrow{margin-left:auto;color:var(--brand-light);flex-shrink:0}
@media(min-width:900px){.scene-index{grid-template-columns:1fr 1fr}}
/* 首页最新入库 */
.latest-band .case-grid{grid-template-columns:1fr}
@media(min-width:760px){.latest-band .case-grid{grid-template-columns:1fr 1fr 1fr}}

/* ===== 客户价值实证版块 ===== */
.value-proof{margin-top:48px;padding:44px clamp(20px,4vw,72px);background:var(--paper);border-top:1px solid var(--border)}
.vp-inner h2{font-size:clamp(20px,2.6vw,26px);color:var(--heading);margin:4px 0 6px}
.vp-sub{font-size:0.81rem;color:var(--text-light);margin-bottom:18px}
.vp-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.vp-stat{background:var(--accent-surface);border:1px solid var(--accent-light);border-radius:12px;padding:14px 22px;text-align:center;min-width:120px;flex:1}
.vps-num{display:block;font-family:var(--sans);font-size:1.5rem;font-weight:700;color:var(--accent)}
.vps-label{display:block;font-size:0.78rem;color:var(--text-light);margin-top:2px}
.vp-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:960px){.vp-grid{grid-template-columns:1.2fr 1fr}}
.vp-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px}
.vp-card b{display:block;font-family:var(--sans);font-size:0.94rem;color:var(--heading);margin-bottom:10px}
.vp-card ol{margin-left:1.2em}
.vp-card ol li{margin-bottom:8px;font-size:0.94rem;line-height:1.75;color:var(--text)}
.vp-card ol li strong{color:var(--brand-deep);margin-right:6px}
.vq-text{font-size:0.97rem;line-height:1.9;color:var(--text);border-left:3px solid var(--brand);padding-left:14px;margin-bottom:10px}
.vq-role{font-size:0.81rem;color:var(--text-light)}
.vp-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.vp-tag{font-family:var(--sans);font-size:0.78rem;color:var(--brand-deep);background:var(--brand-surface);border:1px solid var(--brand-light);border-radius:99px;padding:3px 12px}


/* ===== 全站修复补丁（2026-08-07 视觉审计 · 二次修复） ===== */
/* 品牌色：藏青 + 咖啡 + 红色LOGO */
:root{--brand:#1B3A5C;--brand-deep:#0D2B4E;--brand-light:#A8C4D9;--brand-surface:#E8EFF5}
.qc-brand{color:var(--brand)!important;font-weight:700;white-space:nowrap}
.site-footer .qc-brand{color:var(--brand-light)!important}
.reg{font-size:.72em;vertical-align:super;color:inherit}
.tm-caption{font-family:var(--sans);font-size:0.81rem;font-weight:400;color:var(--text-light);letter-spacing:.5px;margin-top:10px}
.tm-caption .qc-brand{border-bottom:none;font-weight:600}

/* ===== header LOGO 区（对齐快写官网：图标方块 + 字体 ICON） ===== */
a.brand{display:flex!important;align-items:center;gap:12px;text-decoration:none!important;font-family:var(--sans);font-size:inherit}
a.brand:hover{text-decoration:none!important}
a.brand .brand-logo{width:42px;height:42px;border-radius:11px;background:#101F3A;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(166,58,43,.32);overflow:hidden;flex-shrink:0}
a.brand .brand-logo .iconfont{color:#fff!important;font-size:1.75rem;line-height:1;transform:translateY(-1px);font-family:"iconfont"!important}
a.brand .brand-name{font-size:1.12rem;font-weight:700;color:var(--heading);letter-spacing:1px;line-height:1.2;display:flex;flex-direction:column;text-align:left;width:auto}
a.brand .brand-name .qc-brand{color:#101F3A;display:block}
a.brand .brand-name small{display:block;font-size:0.58rem;letter-spacing:0.5px;color:var(--text-light);font-weight:600;margin-top:1px}

/* ===== 案例附录：商标与版权说明 ===== */
.case-appendix{margin-top:48px}
.case-appendix .wrap{width:100%}
.tm-note{background:var(--brand-surface);border:1px solid var(--brand-light);border-left:4px solid var(--brand);border-radius:10px;padding:20px 24px;font-size:0.88rem;color:var(--text-light);line-height:1.9}
.tm-note b{display:block;font-family:var(--sans);font-size:0.81rem;letter-spacing:2px;color:var(--brand-deep);margin-bottom:6px}
.tm-note p{margin:2px 0}

/* ===== 案例专业价值解读（case-coach：三栏辅导版块，通栏自适应） ===== */
.case-coach{margin-top:48px;background:linear-gradient(170deg,var(--brand-surface),var(--paper) 75%);border-top:1px solid var(--brand-light);border-bottom:1px solid var(--brand-light);padding:40px clamp(20px,4vw,72px)}
.case-coach .coach-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.case-coach .coach-kicker{font-family:var(--sans);font-size:0.75rem;letter-spacing:3px;color:var(--brand);border:1px solid var(--brand-light);background:var(--paper);padding:3px 12px;border-radius:99px}
.case-coach h2{font-size:clamp(19px,2.4vw,24px);color:var(--brand-deep);margin:0}
.case-coach .coach-sub{font-size:0.88rem;color:var(--text-light)}
.case-coach .coach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;width:100%}
.coach-item{background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:10px;padding:18px 22px}
.coach-item b{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:0.94rem;color:var(--brand-deep);margin-bottom:8px}
.coach-item b .tag{font-size:0.69rem;letter-spacing:1px;color:#fff;background:var(--brand);border-radius:4px;padding:1px 8px}
.coach-item p{font-size:0.94rem;color:var(--text);line-height:1.85;margin:4px 0}
.coach-item ul{margin:4px 0 4px 1.2em;font-size:0.94rem;color:var(--text);line-height:1.8}

/* ===== 旧版 .coach 模块兼容（layout-a/b/c 早期案例用 coach-inner 结构） ===== */
.coach{margin-top:56px;background:var(--accent-surface);border-top:2px solid var(--accent);border-bottom:1px solid var(--border);padding:52px 0}
.coach-inner{width:100%}
.coach-lead{color:var(--text-light);margin-bottom:26px;font-size:1.0rem}
.coach-card{background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:22px 24px}
.coach-card h3{font-size:1.12rem;color:var(--heading);margin-bottom:10px}
.coach-card p{font-size:1.0rem;color:var(--text)}
.coach-card ol,.coach-card ul{margin-left:1.3em;font-size:1.0rem}
.coach-card li{margin-bottom:8px;color:var(--text)}
.kcard{background:#0A1528;border-radius:12px;padding:26px 30px;color:#C7D2E2}
.kcard h3{font-size:1.12rem;color:#D9B876;margin-bottom:12px}
.kcard ul{margin-left:1.3em}
.kcard li{margin-bottom:10px;font-size:1.0rem;line-height:1.8}

/* ===== 行业分布图表修复：加宽名称列，避免 emoji 行业名被截断 ===== */
.chart-card .hbar{grid-template-columns:minmax(140px,180px) 1fr 48px;gap:14px}
.chart-card .hbar .hb-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}

/* ===== 价值实证引用卡补充 ===== */
.vp-quote{background:var(--paper)}



/* ===== 分页器 ===== */
.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--accent-surface);border:1px solid var(--border);border-radius:12px;padding:14px 20px;margin-bottom:24px}
.page-info{display:flex;align-items:center;gap:20px;font-family:var(--sans);font-size:0.88rem;color:var(--text-light)}
.page-num-label{color:var(--text)}
.page-num-label b{color:var(--accent);font-size:1.05rem;font-weight:700}
.page-size-select{display:flex;align-items:center;gap:8px}
.page-size-select label{font-size:0.84rem}
.page-size-select select{font-family:var(--sans);font-size:0.88rem;padding:5px 12px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--text);cursor:pointer}
.page-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pg-btn{font-family:var(--sans);font-size:0.84rem;padding:7px 14px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--text);cursor:pointer;transition:.15s}
.pg-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-surface)}
.pg-btn:disabled{opacity:0.4;cursor:not-allowed}
.pg-jump{display:flex;align-items:center;gap:6px;margin:0 8px;font-family:var(--sans);font-size:0.84rem;color:var(--text-light)}
.pg-jump input{width:52px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--paper);color:var(--text);text-align:center;font-size:0.84rem;font-family:var(--sans)}
#cases-all-grid{min-height:100px}


/* ===== 文档摄影效果（案例封面） ===== */
/* ===== 文档封面配图（重新设计，最大高度500px） ===== */
.case-hero .cc-img{
  position:relative;
  height:clamp(300px,40vw,500px);
  margin:24px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:20px;
  background:linear-gradient(180deg,rgba(16,31,58,0.03),transparent);
  border-radius:12px;
}
.doc-stack{
  position:relative;
  width:clamp(160px,18vw,240px);
  height:clamp(220px,28vw,360px);
  perspective:1200px;
  transform-style:preserve-3d;
}
.doc-stack .page{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(155deg,#ffffff 0%,#faf8f4 35%,#f5f1ea 100%);
  border:1px solid #e0d9cd;
  border-radius:4px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05),0 10px 28px rgba(0,0,0,0.1);
  display:flex;
  flex-direction:column;
  padding:clamp(10px,1.5vw,16px) clamp(12px,1.8vw,18px);
  font-family:var(--sans);
  transition:transform .3s,box-shadow .3s;
}
.doc-stack:hover .page:last-child{
  transform:rotate(4deg) translate(18px,-4px) scale(1.02);
  box-shadow:0 8px 24px rgba(0,0,0,0.22);
}
.doc-stack .page:nth-child(1){
  transform:rotate(-8deg) translate(-18px,8px);
  z-index:1;
  opacity:0.65;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}
.doc-stack .page:nth-child(2){
  transform:rotate(-3deg) translate(-6px,4px);
  z-index:2;
  opacity:0.82;
  box-shadow:0 3px 10px rgba(0,0,0,0.09);
}
.doc-stack .page:nth-child(3){
  transform:rotate(2deg) translate(8px,0);
  z-index:3;
  opacity:0.92;
}
.doc-stack .page:last-child{
  transform:rotate(5deg) translate(16px,-4px);
  z-index:4;
  box-shadow:0 8px 20px rgba(0,0,0,0.16);
}
.doc-page-header{
  height:5px;
  background:var(--accent);
  margin-bottom:clamp(6px,1vw,10px);
  border-radius:2px;
}
.doc-page-title{
  font-size:clamp(0.52rem,0.8vw,0.68rem);
  font-weight:700;
  color:var(--heading);
  line-height:1.3;
  margin-bottom:clamp(5px,0.8vw,9px);
  min-height:18px;
  overflow:hidden;
  letter-spacing:0.3px;
}
.doc-page-lines{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:clamp(3px,0.5vw,5px);
  padding:0 2px;
}
.doc-page-lines .line{
  height:2px;
  background:#d4cfc7;
  border-radius:1px;
  width:100%;
}
.doc-page-lines .line.s{ width:55%; }
.doc-page-lines .line.m{ width:78%; }
.doc-page-lines .line.full{ width:100%; }
.doc-page-footer{
  font-size:clamp(0.42rem,0.6vw,0.52rem);
  color:#AEB9CC;
  text-align:right;
  margin-top:clamp(4px,0.6vw,8px);
  padding-top:3px;
  border-top:1px solid #eee7dc;
}
.doc-scene{
  position:absolute;
  top:-8px;
  right:-4px;
  z-index:10;
  font-family:var(--sans);
  font-size:0.65rem;
  letter-spacing:1px;
  color:#fff;
  background:var(--accent);
  padding:3px 12px;
  border-radius:99px;
  box-shadow:0 3px 8px rgba(0,0,0,0.25);
}
.doc-scene.flat{
  background:var(--accent-surface);
  color:var(--accent);
  border:1px solid var(--accent-light);
  box-shadow:0 2px 4px rgba(0,0,0,0.08);
}

/* ===== 热门标签全宽流式 ===== */
.tag-toc{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tag-toc-item{
  display:inline-block;
  font-family:var(--sans);
  font-size:14px;
  font-weight:600;
  color:var(--heading);
  text-decoration:none;
  padding:8px 16px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--paper);
  transition:all 0.15s;
}
.tag-toc-item:hover{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
  text-decoration:none;
}

/* ===== 案例分类卡片 ===== */
.cat-blocks{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.cat-block{
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 1px 6px var(--shadow);
}
.cat-block-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  background:var(--accent-surface);
  border-bottom:2px solid var(--accent);
}
.cat-block-no{
  font-family:var(--sans);
  font-size:16px;
  font-weight:800;
  color:var(--accent);
  min-width:28px;
}
.cat-block-title{
  flex:1;
  font-size:15px;
  font-weight:700;
  color:var(--heading);
}
.cat-block-count{
  font-family:var(--sans);
  font-size:13px;
  font-weight:600;
  color:var(--accent);
  white-space:nowrap;
}
.cat-block-list{
  padding:8px 12px;
}
.cat-block-list .toc-item{
  border-bottom:1px dotted var(--border);
}
.cat-block-more{
  display:block;
  text-align:center;
  padding:10px;
  font-family:var(--sans);
  font-size:13px;
  font-weight:600;
  color:var(--accent);
  text-decoration:none;
  border-top:1px solid var(--border);
  margin-top:4px;
}
.cat-block-more:hover{
  background:var(--accent-surface);
  text-decoration:none;
}
@media(max-width:1024px){
  .cat-blocks{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .cat-blocks{grid-template-columns:1fr}
}

/* ===== Word TOC Style Directory ===== */
.toc-hero {
  background: linear-gradient(135deg, #1a3a52 0%, #2d5a7b 100%);
  color: #fff;
  padding: 48px 0 40px;
  text-align: center;
}
.toc-hero h1 {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 700;
  margin: 0 0 12px;
  letter-spacing: 0.02em;
}
.toc-hero p {
  font-size: 16px;
  opacity: 0.85;
  margin: 0;
}

.directory-section {
  padding: 40px 0;
  border-bottom: 1px solid #e5e0d8;
}
.directory-section:last-child {
  border-bottom: none;
}
.directory-section h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading);
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--accent);
  display: inline-block;
}
.directory-section h2 .sec-count {
  font-size: 14px;
  font-weight: 400;
  color: #888;
  margin-left: 8px;
}

.toc-list {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 0 16px;
}

.toc-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px dotted #d5cfc7;
  transition: background 0.15s;
  font-weight: 600;
  gap: 8px;
}
.toc-item:hover {
  background: #faf9f6;
}

.toc-item.cat-header {
  grid-column: 1 / -1;
  background: var(--accent-surface);
  border-bottom: 2px solid var(--accent);
  font-weight: 700;
  padding: 12px;
  margin-top: 12px;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.toc-item.cat-header:first-child {
  margin-top: 0;
}

.toc-num {
  font-family: "Georgia", "SimSun", serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--accent);
  min-width: 28px;
  text-align: right;
  flex-shrink: 0;
}

.toc-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading);
  text-decoration: none;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.toc-title:hover {
  color: var(--accent);
  text-decoration: underline;
}

.toc-dots {
  display: none;
}

.toc-count {
  font-size: 12px;
  font-weight: 600;
  color: var(--accent);
  font-family: "Georgia", "SimSun", serif;
  flex-shrink: 0;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
  .toc-list {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .toc-title {
    white-space: normal;
  }
}

/* ===== PATCH 2026-08-07 详情页规范化补丁 ===== */

/* 截图组合显示：多图横向并列，避免单图过大 */
.fig-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
  margin:26px 0;
}
.fig-gallery .case-figure{
  margin:0;
  padding:10px;
}
.fig-gallery .case-figure img{
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:8px;
  display:block;
}
@media (max-width:640px){
  .fig-gallery{grid-template-columns:1fr}

  /* 单图场景仍占满一行（.case-figure 默认 width:100% 不变） */
}

/* 封面 doc-stack 文档类型差异化页眉色块 */
.doc-stack .page[data-doctype="report"] .doc-page-header{background:var(--brand);height:5px}
.doc-stack .page[data-doctype="ledger"] .doc-page-header{background:var(--accent);height:4px}
.doc-stack .page[data-doctype="plan"] .doc-page-header{background:#6B4226;height:5px}
.doc-stack .page[data-doctype="manual"] .doc-page-header{background:linear-gradient(90deg,#D9B876,#B89A5E);height:4px}
.doc-stack .page[data-doctype="table"] .doc-page-header{background:var(--brand-deep);height:3px}
.doc-stack .page[data-doctype="dashboard"] .doc-page-header{background:linear-gradient(90deg,var(--brand),var(--accent));height:5px}

/* 附录去 emoji：编号徽章替代图标 */
.appendix-items .appendix-num{
  flex:none;
  width:30px;
  height:30px;
  border-radius:8px;
  background:var(--brand-surface);
  color:var(--brand);
  font-family:var(--sans);
  font-size:0.85rem;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.appendix-items .appendix-item{align-items:flex-start}

/* ===== 列表与区块左缘对齐修复（2026-08-07-2 修订：ul/ol 一致 + 无重叠 + 教练/价值双重缩进）===== */

/* 列表 ul/ol 统一：消除浏览器默认差异。
   原始 .case-body ul 带 margin-left:1.4em、ol 无规则（UA padding-left:40px），
   两种缩进机制导致 ol(处理流程) 文字列比 ul(服务内容) 左偏。
   统一为 padding-left:40px（给 outside 标记留出 gutter），ul 与 ol 文字列一致，
   标记在 40px 栏内、文字在栏右侧，无重叠；列表框左缘与 h2 同列。 */
.case-body ul,
.case-body ol{
  margin-left:0;
  padding-left:40px;
}
.case-body ul li,
.case-body ol li{
  padding-left:0;
  text-indent:0;
}

/* coach-item 内列表同规则（保持一致） */
.coach-item ul,
.coach-item ol{
  margin:4px 0 4px 0;
  padding-left:40px;
}
.coach-item ul li,
.coach-item ol li{
  padding-left:0;
  text-indent:0;
}

/* ===== 专业辅导 / 客户价值 区块左缘对齐修复 =====
   这两个 section 自身带水平内边距(≈56px) + .wrap 内边距(≈56px) = 112px 双重缩进，
   比 .case-body / .case-appendix(仅 .wrap ≈56px) 右偏 56px。
   去掉 section 自身水平内边距，统一回到 .wrap 单级缩进。 */
.case-coach{padding-left:0;padding-right:0}
.value-proof{padding-left:0;padding-right:0}

/* 专业辅导标题左对齐：kicker 徽章与 h2 纵向堆叠，h2 回到左缘（不被 kicker 顶到右侧） */
.case-coach .coach-head{flex-direction:column;align-items:flex-start;gap:8px}

/* ===== CI DEMO：仅颜色变量 + hero 高度 +100px（结构不变） ===== */
.hero{padding-top:122px;padding-bottom:106px}

/* ===== CI DEMO：hero 牛皮纸工程咨询材料层叠（正向 + 无序层叠 + 渐变） ===== */
.doc-scene{position:absolute;right:clamp(20px,4vw,72px);left:auto;top:50%;transform:translateY(-50%);width:460px;height:430px;pointer-events:none;z-index:2;background:none;padding:0;color:inherit;font-size:inherit;letter-spacing:normal;border-radius:0;box-shadow:none;font-family:inherit}
@media(max-width:1240px){.doc-scene{transform:translateY(-50%) scale(.86);transform-origin:right center}}
@media(max-width:1080px){.doc-scene{display:none}}

/* 牛皮纸材料卡：正向、渐变、立体页边 */
.kp{position:absolute;border-radius:10px;padding:16px 15px;display:flex;flex-direction:column;border:1px solid #B08D57;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset -10px 0 18px rgba(74,52,28,.12),0 3px 8px rgba(74,52,28,.20),0 12px 22px rgba(74,52,28,.12);pointer-events:auto;transition:transform .25s ease,box-shadow .25s ease}
.kp::after{content:"";position:absolute;left:-8px;top:0;bottom:0;width:11px;border-radius:4px 0 0 4px;background:linear-gradient(180deg,#A98550,#8F6F42);box-shadow:inset -1px 0 0 rgba(255,255,255,.25)}
.kp:hover{animation:none;transform:translateY(-14px) scale(1.03);z-index:99;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset -10px 0 18px rgba(74,52,28,.12),0 18px 34px rgba(74,52,28,.35)}
.kp .kp-no{font-size:8.5px;letter-spacing:2px;color:rgba(74,52,28,.62);margin-bottom:8px;font-weight:700}
.kp .kp-title{font-family:var(--serif);font-weight:700;color:#4A341C;letter-spacing:1px;line-height:1.35}
.kp .kp-bar{width:30px;height:4px;border-radius:2px;background:linear-gradient(90deg,#8F6F42,#D9C094);margin:10px 0}
.kp .kp-lines i{display:block;height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(74,52,28,.30),rgba(74,52,28,.10));margin-bottom:7px}
.kp .kp-lines i.short{width:56%}
.kp-seal{position:absolute;right:10px;bottom:10px;width:58px;height:58px;opacity:.82;transform:rotate(-10deg);mix-blend-mode:multiply;z-index:3;filter:url(#sealRough);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.92) 0 60%,rgba(0,0,0,.30) 82%,rgba(0,0,0,.68) 100%),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.5) 0 3px,rgba(0,0,0,.05) 3px 7px,rgba(0,0,0,.55) 7px 11px);mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.92) 0 60%,rgba(0,0,0,.30) 82%,rgba(0,0,0,.68) 100%),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.5) 0 3px,rgba(0,0,0,.05) 3px 7px,rgba(0,0,0,.55) 7px 11px)}
.kp-seal.alt{right:auto;left:10px;transform:rotate(7deg);opacity:.7;width:52px;height:52px}
.kp-seal.small{width:46px;height:46px;transform:rotate(-16deg);opacity:.72}

/* 无序层叠：全部 A4 规格（180×255），同一水平线横向错叠（无透视、无上下漂浮） */
.kp.k1{left:280px;top:8%;width:180px;height:255px;z-index:5;animation:kpFloat 6.8s ease-in-out infinite;background:linear-gradient(150deg,#F7EBD4 0%,#EBD9B6 42%,#DCC49C 100%);border-color:#D0B78C}
.kp.k2{left:226px;top:8%;width:180px;height:255px;z-index:4;animation:kpFloat 5.6s ease-in-out .3s infinite;background:linear-gradient(150deg,#F0E2C2 0%,#DFCBA1 45%,#CFB68B 100%);border-color:#C0A276}
.kp.k3{left:164px;top:8%;width:180px;height:255px;z-index:3;animation:kpFloat 6.2s ease-in-out .8s infinite;background:linear-gradient(150deg,#E7D4AC 0%,#D4BC93 48%,#C2A67A 100%);border-color:#B09266}
.kp.k4{left:102px;top:8%;width:180px;height:255px;z-index:2;animation:kpFloat 5s ease-in-out 1.1s infinite;background:linear-gradient(150deg,#F9F0DC 0%,#EDDDB9 45%,#DFCAA4 100%);border-color:#D3BC93}
.kp.k5{left:40px;top:8%;width:180px;height:255px;z-index:1;animation:kpFloat 5.8s ease-in-out .5s infinite;background:linear-gradient(150deg,#E9D8B2 0%,#D6C095 46%,#C2A878 100%);border-color:#B2966C}
.kp.k1 .kp-title{font-size:15px}
.kp.k2 .kp-title,.kp.k3 .kp-title,.kp.k4 .kp-title{font-size:13px}
.kp.k5 .kp-title{font-size:12px}

@keyframes kpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

/* ===== CI DEMO：青草案例库 HERO 场景定位 ===== */
.client-hero{position:relative;overflow:hidden}
.client-hero .doc-scene{top:auto;bottom:0;transform:scale(.72);transform-origin:right bottom}
/* 页脚品牌字修复：藏青底上 qc-brand 不可见 → 金色 */
.site-footer .qc-brand{color:#D9B876}
/* LOGO：深藏青底 + 白字形（CI 标准） */
a.brand .brand-logo{background:#101F3A;box-shadow:0 4px 12px rgba(16,31,58,.28)}
a.brand .brand-logo,.brand-logo .iconfont{color:#fff}
/* 导航搜索框 */
.nav-search{margin-left:10px;display:inline-flex;align-items:center}
.nav-search input{width:150px;padding:6px 14px;border:1px solid var(--accent-light);border-radius:99px;background:var(--paper);font-size:13px;font-family:var(--sans);color:var(--text);outline:none;transition:width .2s ease,border-color .2s ease}
.nav-search input:focus{width:190px;border-color:var(--accent)}
@media(max-width:1080px){.nav-search{display:none}}