/* 智多星案例页：延续作品集的纸白与编辑式留白，用荧光绿回应产品视觉。 */
.zhiduoxing-page { --zdx-accent:#73d400; --zdx-deep:#11150e; --zdx-rule:#d8ded1; }
.zhiduoxing-page .case-kicker { color:#568b15; }
.zhiduoxing-page .case-hero { padding-top:clamp(64px,8vw,104px); padding-bottom:52px; }
.zhiduoxing-page .case-hero h1 { margin-bottom:12px; }
.zdx-hero-subtitle { max-width:950px; margin:0 0 14px; font:500 clamp(23px,3vw,34px)/1.45 var(--serif); letter-spacing:-.025em; }
.zdx-hero-lead { max-width:920px; margin:0; color:#53605a; font-size:15px; line-height:1.85; }
.zdx-meta { gap:14px 32px; margin-top:28px; }
.zdx-meta div { min-width:135px; }
.zdx-cover-section { padding-top:54px; }
.zdx-hero-art { min-width:0; max-width:100%; margin:0; }
.zdx-hero-art a { display:block; overflow:hidden; border:1px solid #252a22; background:#080908; line-height:0; }
.zdx-hero-art img { display:block; width:100%; height:auto; }
.zdx-proof-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:34px 0 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.zdx-proof-strip > div { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:14px; min-height:92px; padding:15px 18px 15px 0; }
.zdx-proof-strip > div + div { padding-left:20px; border-left:1px solid var(--line); }
.zdx-proof-strip strong { color:var(--accent); font:500 clamp(30px,3.2vw,42px)/1.1 var(--font-mono); letter-spacing:-.045em; white-space:nowrap; }
.zdx-proof-strip span { color:var(--muted); font-size:12px; line-height:1.65; white-space:nowrap; }
.zdx-section { padding:76px 0 1px; }
.zdx-section--last { padding-bottom:70px; }
.zhiduoxing-page .zdx-section-head { display:flex; flex-direction:column; gap:13px; margin-bottom:28px; }
.zhiduoxing-page .zdx-section-head .case-index { display:flex; align-items:center; gap:14px; padding-top:0; }
.zhiduoxing-page .zdx-section-head .case-index span { display:inline; margin:0; }
.zhiduoxing-page .zdx-section-head > div:last-child { max-width:1120px; }
.zdx-section-head h2 { max-width:930px; }
.zdx-section-head p { max-width:940px; }
.zdx-why-section .zdx-section-head,
.zdx-challenge-section .zdx-section-head { gap:20px; margin-bottom:40px; }
.zdx-why-section .zdx-section-head .case-index { color:#568b15; }
.zdx-challenge-section .zdx-section-head .case-index { color:#568b15; }
.zdx-why-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.zdx-why-grid article { min-width:0; padding:23px 24px 24px; border:1px solid var(--line); background:#f7f8f4; }
.zdx-why-grid article > span { color:#568b15; font-size:11px; letter-spacing:.08em; }
.zdx-why-grid h3 { margin:14px 0 8px; font:500 clamp(18px,2vw,22px)/1.45 var(--serif); }
.zdx-why-grid p { max-width:570px; margin:0; color:#53605a; font-size:13px; line-height:1.8; }
.zdx-stage-line { border-top:1px solid var(--line); }
.zdx-stage { display:grid; grid-template-columns:56px minmax(0,1fr) 70px; gap:20px; align-items:start; padding:25px 0 26px; border-bottom:1px solid var(--line); }
.zdx-stage-body { grid-column:2; }
.zdx-stage-label { color:#568b15; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.zdx-stage-body h3 { margin:8px 0 7px; font:500 clamp(20px,2.5vw,27px)/1.4 var(--serif); }
.zdx-stage-body p { max-width:750px; margin:0; color:#53605a; font-size:14px; line-height:1.8; }
.zdx-stage-count { grid-column:3; align-self:center; color:var(--accent); font:500 38px/1 var(--serif); text-align:right; }
.zdx-stage-count small { margin-left:4px; color:var(--muted); font:12px var(--sans); }
.zdx-team-roles { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.zdx-team-roles span { padding:7px 11px; border:1px solid var(--line); color:#53605a; font-size:12px; }
.zdx-team-roles b { margin-left:5px; color:var(--ink); font-weight:650; }
.zdx-position-note { display:grid; grid-template-columns:155px minmax(0,1fr); gap:40px; margin-top:28px; padding:20px 22px; background:#eff2e9; }
.zdx-position-note > span { color:#568b15; font-size:12px; letter-spacing:.08em; }
.zdx-position-note p { margin:0; color:#4d5a52; font-size:14px; line-height:1.8; }
.zdx-position-note b { color:var(--ink); font-weight:650; }
.zdx-capability-band { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.zdx-capability-band > div { display:flex; flex-direction:column; gap:9px; min-height:100px; padding:18px 20px 20px 0; }
.zdx-capability-band > div + div { padding-left:20px; border-left:1px solid var(--line); }
.zdx-capability-band span { color:#568b15; font-size:11px; letter-spacing:.1em; }
.zdx-capability-band b { font:500 17px/1.65 var(--serif); }
.zdx-evidence-grid { display:grid; grid-template-columns:1fr; gap:44px; align-items:start; margin-top:32px; }
.zdx-evidence-grid--product { max-width:1040px; margin-right:auto; margin-left:auto; }
.zdx-evidence { min-width:0; margin:0; }
.zdx-evidence a { display:block; border:1px solid var(--line); background:#f1f2ee; line-height:0; }
.zdx-evidence img { display:block; width:100%; height:auto; object-fit:contain; }
.zdx-evidence figcaption { display:flex; flex-direction:column; gap:5px; padding-top:11px; color:var(--muted); font-size:12px; line-height:1.65; }
.zdx-evidence figcaption b { color:var(--ink); font-size:14px; font-weight:600; }
.zdx-evidence--dashboard { max-width:1040px; margin:38px auto 0; }
.zdx-evidence--dashboard a { background:#f0f2f7; }
.zdx-evidence--org-data { max-width:1040px; margin:0 auto 38px; }
.zdx-evidence--org-data a { background:#f0f2f7; }
.zdx-evidence--feedback { max-width:1040px; margin:38px auto 0; }
.zdx-evidence--feedback a { border-color:#1c201a; background:#090b08; }
.zdx-agent-flow { display:grid; grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr); gap:10px; align-items:center; padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.zdx-agent-flow > div { display:flex; flex-direction:column; gap:7px; min-width:0; }
.zdx-agent-flow i { color:#568b15; font:normal 12px var(--serif); }
.zdx-agent-flow b { font:500 18px/1.35 var(--serif); }
.zdx-agent-flow span { color:var(--muted); font-size:12px; line-height:1.6; }
.zdx-agent-flow em { color:var(--accent); font-style:normal; text-align:center; }
.zdx-talent-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; }
.zdx-talent-pillars article { display:flex; flex-direction:column; gap:12px; min-width:0; padding:20px 22px; border:1px solid var(--line); background:#f7f8f4; }
.zdx-talent-pillars span { color:#568b15; font-size:11px; letter-spacing:.08em; }
.zdx-talent-pillars b { font:500 16px/1.5 var(--serif); }
.zdx-talent-pillars p { margin:0; color:#53605a; font-size:12px; line-height:1.7; }
.zdx-talent-gallery { display:grid; grid-template-columns:minmax(0,2.43fr) minmax(0,1fr); gap:24px; align-items:start; margin:38px auto 0; }
.zdx-talent-gallery .zdx-evidence--stack { max-width:none; }
.zdx-skill-map { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; margin:28px 0 0; padding:20px 22px; background:#eff2e9; }
.zdx-skill-map-intro span { color:#568b15; font-size:12px; letter-spacing:.09em; }
.zdx-skill-map-intro p { margin:8px 0 0; color:#53605a; font-size:12px; line-height:1.7; }
.zdx-skill-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.zdx-skill-groups > div { display:flex; flex-direction:column; gap:7px; padding-left:16px; border-left:1px solid #c9d3c0; }
.zdx-skill-groups b { font:500 16px/1.4 var(--serif); }
.zdx-skill-groups span { color:#53605a; font-size:12px; line-height:1.65; }
.zdx-evidence-grid--agent { max-width:1040px; margin:32px auto 0; }
.zdx-section--dark { background:#11150e; color:#f4f5ef; }
.zdx-section--dark .visual-divider { background:#3d4538; }
.zdx-section--dark .zdx-section-head p { color:#b4bcb2; }
.zdx-section--dark .case-index span { color:#abb3a8; }
.zdx-section--dark .zdx-section-head .case-index { color:var(--zdx-accent); }
.zdx-eval-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:28px 0 30px; border-top:1px solid #3d4538; border-bottom:1px solid #3d4538; }
.zdx-eval-flow article { min-width:0; padding:19px 20px 20px 0; }
.zdx-eval-flow article + article { padding-left:20px; border-left:1px solid #3d4538; }
.zdx-eval-flow article > span { color:var(--zdx-accent); font:13px var(--serif); }
.zdx-eval-flow article b { display:block; margin:11px 0 7px; font:500 18px/1.4 var(--serif); }
.zdx-eval-flow article p { margin:0; color:#c0c8bc; font-size:12px; line-height:1.75; }
.zdx-evidence--eval { max-width:1040px; margin:0 auto; }
.zdx-section--dark .zdx-evidence a { border-color:#36402f; background:#080a08; }
.zdx-section--dark .zdx-evidence figcaption { color:#aeb7ad; }
.zdx-section--dark .zdx-evidence figcaption b { color:#eef1e9; }
.zdx-ops-layout { display:grid; grid-template-columns:1fr; gap:0; }
.zdx-ops-copy { border-top:1px solid var(--line); }
.zdx-ops-item { padding:17px 0 18px; border-bottom:1px solid var(--line); }
.zdx-ops-item span { color:#568b15; font-size:11px; letter-spacing:.12em; }
.zdx-ops-item p { margin:7px 0 0; color:#53605a; font-size:14px; line-height:1.8; }
.zdx-ops-item b { color:var(--ink); }
.zdx-evidence--skills { max-width:1040px; margin:32px auto 0; }
.zdx-evidence--skills a { background:#d4fa6b; }
.zdx-campaign-story { margin:34px 0 42px; padding-top:23px; border-top:1px solid var(--line); }
.zdx-campaign-heading { display:grid; grid-template-columns:155px minmax(0,1fr); gap:40px; align-items:start; }
.zdx-campaign-heading > span { padding-top:5px; color:#568b15; font-size:11px; letter-spacing:.12em; }
.zdx-campaign-heading h3 { margin:0 0 7px; font:500 clamp(21px,2.7vw,29px)/1.4 var(--serif); letter-spacing:-.025em; }
.zdx-campaign-heading p { max-width:820px; margin:0; color:#53605a; font-size:14px; line-height:1.8; }
.zdx-campaigns { display:grid; grid-template-columns:1fr; gap:38px; max-width:1040px; margin:23px auto 0; }
.zdx-evidence--campaign a { background:#0b0d0b; }
.zdx-evidence--campaign img { aspect-ratio:16/9; object-fit:contain; }
.zdx-results { display:grid; grid-template-columns:180px minmax(0,1fr); gap:32px; margin-top:0; padding:25px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.zdx-results-head span { color:#568b15; font-size:12px; letter-spacing:.1em; }
.zdx-results-head p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.zdx-result-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.zdx-result-metrics article { display:flex; flex-direction:column; padding:0 22px 0 0; }
.zdx-result-metrics article + article { padding-left:22px; border-left:1px solid var(--line); }
.zdx-result-metrics strong { color:var(--accent); font:500 clamp(30px,4vw,45px)/1.1 var(--serif); letter-spacing:-.05em; }
.zdx-result-metrics span { margin-top:6px; color:var(--ink); font:500 15px/1.5 var(--serif); }
.zdx-result-metrics small { margin-top:6px; color:var(--muted); font-size:10px; line-height:1.5; }
.zdx-feedback { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px; margin-top:12px; }
.zdx-feedback blockquote { margin:0; padding:18px 0 0; color:#53605a; font:italic 14px/1.8 var(--serif); }
.zdx-evidence--architecture { max-width:1040px; margin:0 auto; }
.zdx-evidence--architecture a { background:#f4f6ed; }
.zdx-closing-line { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:13px; margin-top:42px; color:#53605a; font-size:13px; }
.zdx-closing-line i { color:var(--accent); font-style:normal; }
.zdx-closing-line strong { color:var(--ink); font-weight:650; }
.zhiduoxing-page .project-pagination { margin-top:0; }

@media (max-width:900px) {
  .zdx-proof-strip > div { grid-template-columns:1fr; gap:7px; }
  .zdx-talent-gallery { grid-template-columns:1fr; gap:28px; }
  .zdx-talent-gallery .zdx-evidence--stack { max-width:480px; }
  .zdx-stage { grid-template-columns:38px minmax(0,1fr) 54px; gap:14px; }
  .zdx-position-note { grid-template-columns:125px minmax(0,1fr); gap:26px; }
  .zdx-ops-layout { grid-template-columns:1fr; }
.zdx-campaign-heading { grid-template-columns:125px minmax(0,1fr); gap:26px; }
}
@media (max-width:680px) {
  .zhiduoxing-page .case-hero { padding-top:58px; padding-bottom:36px; }
  .zdx-cover-section { padding-top:30px; }
  .zdx-proof-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .zdx-proof-strip > div { min-height:76px; padding:14px 10px 14px 0; }
  .zdx-proof-strip > div:nth-child(3) { padding-left:0; border-left:0; border-top:1px solid var(--line); }
  .zdx-proof-strip > div:nth-child(4) { border-top:1px solid var(--line); }
  .zdx-section { padding:56px 0 1px; }
  .zdx-section--dark { padding:56px 22px 1px; }
  .zhiduoxing-page .zdx-section-head { gap:12px; margin-bottom:22px; }
  .zdx-why-section .zdx-section-head,
  .zdx-challenge-section .zdx-section-head { gap:16px; margin-bottom:32px; }
  .zdx-section-head h2 { font-size:32px; }
  .zdx-why-grid { grid-template-columns:1fr; gap:9px; }
  .zdx-why-grid article { padding:19px 18px 20px; }
  .zdx-why-grid h3 { margin:10px 0 6px; }
  .zdx-talent-pillars { grid-template-columns:1fr; gap:9px; margin-top:22px; }
  .zdx-talent-pillars article { gap:8px; padding:16px 18px; }
  .zdx-talent-gallery { grid-template-columns:1fr; gap:25px; margin-top:28px; }
  .zdx-talent-gallery .zdx-evidence--stack { max-width:480px; }
  .zdx-stage { grid-template-columns:1fr; gap:12px; }
  .zdx-stage-body { grid-column:1; }
  .zdx-stage-count { display:none; }
  .zdx-position-note { grid-template-columns:1fr; gap:8px; padding:17px; }
  .zdx-capability-band { grid-template-columns:1fr; }
  .zdx-capability-band > div { min-height:0; padding:15px 0; }
  .zdx-capability-band > div + div { padding-left:0; border-left:0; border-top:1px solid var(--line); }
  .zdx-evidence-grid { grid-template-columns:1fr; gap:25px; }
  .zdx-evidence--dashboard { margin-top:27px; }
  .zdx-agent-flow { grid-template-columns:1fr; gap:11px; padding:20px 0; }
  .zdx-agent-flow > div { display:grid; grid-template-columns:34px 1fr; gap:4px 10px; }
  .zdx-agent-flow i { grid-row:span 2; }
  .zdx-agent-flow b { font-size:16px; }
  .zdx-agent-flow span { grid-column:2; }
  .zdx-agent-flow em { transform:rotate(90deg); text-align:left; }
  .zdx-skill-map { grid-template-columns:1fr; gap:17px; padding:18px; }
  .zdx-skill-groups { grid-template-columns:1fr; gap:12px; }
  .zdx-skill-groups > div { padding:0 0 0 13px; }
  .zdx-eval-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .zdx-eval-flow article { padding:16px 14px 17px 0; }
  .zdx-eval-flow article + article { padding-left:14px; }
  .zdx-eval-flow article:nth-child(3) { padding-left:0; border-left:0; border-top:1px solid #3d4538; }
  .zdx-eval-flow article:nth-child(4) { border-top:1px solid #3d4538; }
  .zdx-ops-layout { grid-template-columns:1fr; gap:0; }
  .zdx-evidence--skills { max-width:1040px; margin-top:24px; }
  .zdx-campaign-story { margin:28px 0 34px; padding-top:19px; }
  .zdx-campaign-heading { grid-template-columns:1fr; gap:7px; }
  .zdx-campaigns { grid-template-columns:1fr; gap:23px; margin:19px auto 0; }
  .zdx-results { grid-template-columns:1fr; gap:20px; margin-top:0; }
  .zdx-results-head p { max-width:300px; }
  .zdx-result-metrics article { padding-right:9px; }
  .zdx-result-metrics article + article { padding-left:12px; }
  .zdx-result-metrics strong { font-size:32px; }
  .zdx-result-metrics span { font-size:12px; }
  .zdx-result-metrics small { font-size:9px; }
  .zdx-feedback { grid-template-columns:1fr; }
  .zdx-feedback blockquote { padding:12px 0; border-bottom:1px solid var(--line); }
  .zdx-closing-line { justify-content:flex-start; gap:8px; font-size:11px; }
}
