:root{--forest:#832d51;--deep:#49182f;--moss:#b24470;--cream:#fff6fa;--ink:#49182f;--line:rgba(131,45,81,.22);--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--forest);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--moss);outline-offset:6px}
p{margin:0;line-height:1.9}
h1,h2,h3{margin:0}
.detail-shell{width:calc(100% - 72px);max-width:1500px;margin:36px auto;background:var(--cream);min-height:calc(100svh - 72px);overflow:hidden}
.detail-header{height:78px;padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:700}
.back-link,.next-link{font-size:13px;letter-spacing:.04em}
.back-link:hover,.next-link:hover{text-decoration:underline;text-underline-offset:5px}
.project-number{font:italic 20px Georgia,serif;color:var(--moss)}
.detail-hero{padding:clamp(54px,8vw,110px) clamp(24px,6vw,90px);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(42px,7vw,110px);align-items:center}
.detail-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}
.detail-hero h1{max-width:850px;margin-top:24px;font-size:clamp(50px,6.4vw,96px);line-height:1.08;letter-spacing:-.065em}
.detail-lead{max-width:720px;margin-top:28px;font-size:clamp(16px,1.5vw,21px);font-weight:600}
.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.detail-tags span{padding:8px 13px;border:1px solid var(--line);border-radius:30px;font-size:11px;font-weight:700}
.detail-visual{position:relative;min-height:440px;background:var(--forest);overflow:hidden}
.detail-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(.7)}
.detail-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(73,24,47,.78))}
.detail-visual.contain-visual{background:#fce4ef}
.detail-visual.contain-visual img{object-fit:contain;padding:24px;opacity:1;filter:none}
.visual-caption{position:absolute;z-index:1;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;color:var(--cream);font-size:10px;letter-spacing:.12em}
.detail-section{padding:76px clamp(24px,6vw,90px);border-top:1px solid var(--line)}
.section-label{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--moss)}
.overview-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,130px);margin-top:38px}
.overview-grid h2,.result-grid h2{font-family:"SimSun","Songti SC",serif;font-size:clamp(34px,4vw,58px);font-weight:600;line-height:1.35}
.overview-copy{font-size:17px}
.overview-copy p+p{margin-top:20px}
.problem-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.problem-strip article{border-top:1px solid var(--forest);padding-top:18px}
.problem-strip h3{font-size:18px}
.problem-strip p{margin-top:10px;font-size:14px;color:#63404f}
.workflow{background:var(--forest);color:var(--cream)}
.workflow .section-label{color:#f8cae4}
.workflow h2{margin-top:24px;font-size:clamp(36px,4.5vw,64px);letter-spacing:-.04em}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,246,250,.25);margin-top:46px}
.workflow-grid article{background:var(--forest);padding:28px 24px 34px;min-height:210px}
.step{font:italic 22px Georgia,serif;color:#f8cae4}
.workflow-grid h3{margin-top:46px;font-size:19px}
.workflow-grid p{margin-top:13px;font-size:13px;color:#fce4ef}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,8vw,130px);align-items:start}
.result-copy{font-size:17px}
.result-copy strong{display:block;margin-bottom:16px;font-size:28px;color:var(--moss)}
.project-role{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}
.project-role span{padding:16px;border:1px solid var(--line);font-size:13px;font-weight:700;text-align:center}
.growth-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}
.growth-proof-grid article{min-height:142px;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.56)}
.growth-proof-grid article>span,.growth-proof-grid article small{display:block;color:var(--muted);font-size:12px;line-height:1.6}
.growth-proof-grid article strong{display:block;margin:12px 0 7px;color:var(--moss);font:600 clamp(26px,3vw,38px)/1 Georgia,serif}
.growth-proof-grid article:last-child strong{font:600 27px/1.2 "Microsoft YaHei","PingFang SC",sans-serif}
.growth-proof-note{margin-top:16px;color:var(--muted);font-size:12px;line-height:1.8}
.detail-footer{padding:28px clamp(24px,6vw,90px);display:flex;justify-content:space-between;background:var(--deep);color:var(--cream);font-size:12px}
@media(max-width:900px){.detail-hero,.overview-grid,.result-grid{grid-template-columns:1fr}.detail-visual{min-height:360px}.workflow-grid,.project-role{grid-template-columns:repeat(2,1fr)}.growth-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-strip{grid-template-columns:1fr}.overview-copy{font-size:16px}}
@media(max-width:600px){.detail-shell{width:calc(100% - 28px);margin:14px auto;min-height:calc(100svh - 28px)}.detail-header{height:66px}.next-link{display:none}.detail-hero{padding-top:50px}.detail-hero h1{font-size:46px}.detail-visual{min-height:270px}.detail-section{padding-top:54px;padding-bottom:54px}.workflow-grid,.project-role{grid-template-columns:1fr}.growth-proof-grid{gap:10px}.growth-proof-grid article{min-height:132px;padding:15px}.growth-proof-grid article>span,.growth-proof-grid article small{font-size:11px}.growth-proof-grid article strong{font-size:30px}.growth-proof-grid article:last-child strong{font-size:22px}.workflow-grid article{min-height:0}.detail-footer{gap:20px;flex-direction:column}}
.detail-hero.detail-hero-text-only{grid-template-columns:1fr}.detail-hero-text-only .detail-lead{max-width:760px}
/* Balanced title treatment for the text-only growth project introduction. */
.detail-hero.detail-hero-text-only{padding-top:72px;padding-bottom:68px}
.detail-hero-text-only .detail-kicker{font-size:10px;letter-spacing:.18em;font-weight:500}
.detail-hero.detail-hero-text-only h1{display:flex;flex-wrap:wrap;gap:0 .22em;max-width:none;margin-top:24px;font-size:clamp(40px,4.6vw,66px);line-height:1.28;letter-spacing:-.035em;font-weight:600}
.detail-hero-text-only h1 span{white-space:nowrap}
.detail-hero-text-only .detail-lead{max-width:720px;margin-top:24px;font-size:16px;line-height:1.9;font-weight:400;color:var(--forest)}
.detail-hero-text-only .detail-tags{margin-top:25px;gap:10px}
.detail-hero-text-only .detail-tags span{font-size:11px;font-weight:400;padding:7px 13px}
@media(max-width:600px){.detail-hero.detail-hero-text-only{padding-top:44px;padding-bottom:44px}.detail-hero.detail-hero-text-only h1{font-size:38px;gap:0 .2em}.detail-hero-text-only .detail-lead{font-size:14px;margin-top:20px}.detail-hero-text-only .detail-kicker{font-size:9px;letter-spacing:.12em}}
.detail-hero-centered{text-align:center}
.detail-hero.detail-hero-centered h1{justify-content:center}
.detail-hero-centered .detail-lead{margin-left:auto;margin-right:auto}
.detail-hero-centered .detail-tags{justify-content:center}
.evidence-section{background:rgba(255,255,255,.22)}
.evidence-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.evidence-intro h2{max-width:560px;margin:0}
.evidence-intro p{max-width:390px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.interview-evidence-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.evidence-grid figure{margin:0;min-width:0}
.evidence-trigger{display:block;width:100%;position:relative;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}
.evidence-trigger:focus-visible{outline:3px solid var(--forest);outline-offset:6px;border-radius:18px}
.evidence-zoom{position:absolute;right:20px;bottom:20px;padding:7px 11px;border-radius:999px;background:rgba(20,45,55,.88);color:#fff;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.evidence-trigger:hover .evidence-zoom,.evidence-trigger:focus-visible .evidence-zoom{opacity:1;transform:none}
.evidence-frame{background:#eef2f6;border:1px solid rgba(16,45,70,.1);border-radius:18px;padding:10px;box-shadow:0 12px 28px rgba(16,45,70,.08);overflow:hidden}
.evidence-frame img{display:block;width:100%;height:220px;object-fit:cover;object-position:top center;border-radius:10px}
.evidence-grid figure:nth-child(2) .evidence-frame img{object-position:center top}
.evidence-grid figure:nth-child(3) .evidence-frame img{object-position:center top}
.evidence-grid figcaption{display:grid;gap:6px;padding:16px 4px 0}
.evidence-grid figcaption strong{font-size:13px;letter-spacing:.06em;color:var(--forest)}
.evidence-grid figcaption span{font-size:13px;line-height:1.7;color:var(--muted)}
@media(max-width:900px){.evidence-intro{display:block}.evidence-intro p{margin-top:14px}.evidence-grid,.interview-evidence-grid{grid-template-columns:1fr 1fr}.evidence-frame img{height:240px}}
@media(max-width:600px){.evidence-grid{grid-template-columns:1fr}.evidence-frame img{height:auto;max-height:none;object-fit:contain}.evidence-grid figcaption{padding-top:12px}}
.growth-image-dialog{width:min(1320px,94vw);max-width:none;height:min(92svh,920px);padding:48px 22px 22px;border:0;border-radius:18px;background:#fff6fa;color:var(--forest);box-shadow:0 24px 80px rgba(20,45,55,.28)}
.growth-image-dialog::backdrop{background:rgba(15,29,38,.78);backdrop-filter:blur(3px)}
.growth-image-dialog img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;object-fit:contain}
.growth-dialog-close{position:absolute;top:10px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:var(--forest);color:#fff;font-size:24px;line-height:1}