/* 保持原V2基础、侧栏、图卡和交互共享实现；只补整合模块及折叠证据布局。 */
:root{font-family:"Noto Sans SC","Segoe UI","Microsoft YaHei",sans-serif}.integrated-problem{margin-top:24px}.integrated-problem .story{display:grid;grid-template-columns:1fr 1.3fr 1fr;border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden}.story article{padding:22px;min-width:0}.story article+article{border-left:1px solid var(--line)}.story article.discovery{background:var(--soft)}.story .step{font-size:10px;color:var(--accent);font-weight:650;margin-bottom:12px}.story h2{font-size:19px;line-height:1.7;margin-bottom:13px}.story article>p:not(.step){font-size:12px;line-height:1.95;margin-top:10px}.story strong{color:var(--ink)}.story ol{font-size:12px;line-height:1.95;color:var(--muted);padding-left:18px;margin:0}.story li+li{margin-top:9px}.story .proof{margin-top:18px;padding:10px;background:white;border:1px solid var(--line);border-radius:8px}.proof>a{display:block}.proof img{width:100%;height:178px;object-fit:contain;display:block}.proof figcaption{font-size:10px;line-height:1.85;color:var(--muted);margin-top:8px}.proof figcaption a{margin-left:5px}.proof figcaption span{display:block;font-size:9px;color:var(--amber)}.story .record-proof{margin-top:18px;background:white;padding:14px;border-radius:8px;border:1px solid #d9d1fb}.record-proof>span,.model-proof>span{font-size:10px;color:var(--accent);font-weight:600}.record-proof blockquote{font-size:12px;line-height:1.9;margin:9px 0;color:var(--ink)}.record-proof a,.model-proof a{font-size:10px;display:inline-block;margin:5px 10px 0 0}.model-proof{margin-top:14px;border-top:1px solid #d9d1fb;padding-top:12px}.model-proof p{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.9;color:var(--ink);margin-top:9px}.model-proof i{font-style:normal;color:var(--accent)}.story .evidence-detail{margin-top:12px;background:transparent;border:0}.evidence-detail summary{padding:5px 0;font-size:10px;color:var(--accent)}.evidence-detail video{width:100%;max-height:320px;margin-top:10px;display:block;background:var(--ink)}.evidence-detail p{font-size:10px;line-height:1.85;margin:8px 0}.lesson{display:flex;gap:22px;margin-top:20px;padding:17px 0;border-block:1px solid var(--line)}.lesson>b{font-size:11px;white-space:nowrap;color:var(--accent)}.lesson p{font-size:13px;color:var(--ink);line-height:1.9}.small-note{line-height:1.9;margin-top:16px}.archive{margin-top:20px}.archive summary{padding:19px 22px;font-size:12px}.archive-body{padding:0 22px 22px}.archive-body>.repair-grid{margin-top:12px}.archive .experiment-route{margin-top:12px}.archive .tech-pipeline{margin-top:14px}.next-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px}.next-gates article{padding:20px;border:1px solid var(--line);border-radius:12px;background:white}.next-gates span{font-size:10px;color:var(--accent)}.next-gates h3{font-size:16px;margin:12px 0}.next-gates p{font-size:12px;line-height:1.9}.front-end-contract{margin-top:22px}@media(max-width:1100px){.story article{padding:16px}.story h2{font-size:17px}.next-gates{grid-template-columns:1fr 1fr}.proof img{height:150px}}@media(max-width:760px){.integrated-problem .story{grid-template-columns:1fr}.story article+article{border-left:0;border-top:1px solid var(--line)}.story article{padding:21px}.story h2{font-size:20px}.story h2 br{display:none}.proof img{height:220px}.proof.frontend img{height:auto;max-height:220px}.lesson{display:block}.lesson p{margin-top:9px}.archive-body{padding:0 14px 18px}.archive summary{padding:17px 14px}.next-gates{gap:12px}.next-gates article{padding:16px}.next-gates h3{font-size:14px}.next-gates p{font-size:11px}}@media print{.story article,.next-gates article{break-inside:avoid}.archive-body{padding-inline:0}}

/* 品薇确认：本版所有大标题采用共享本地思源宋体，加粗。 */
main h1, main h2, main h1 span, main h2 em {
  font-family: "Noto Serif SC", "Songti SC", SimSun, serif;
  font-weight: 800;
  font-style: normal;
}

/* 10.27 两处图片批注：新首屏图原比例、叠放稿收窄并由原图决定高度。 */
.hero-visual .zoom { max-height: none; overflow: hidden; }
.hero-visual .zoom img { display: block; width: 100%; height: auto; max-height: none; }
#iterations .design-stack { width: min(100%, 620px); height: auto; justify-self: start; }
#iterations .design-sheet.active { position: relative; inset: auto; width: 100%; }
#iterations .design-sheet img { width: 100%; height: auto; flex: 0 0 auto; object-fit: contain; }
@media (max-width: 620px) {
  #iterations .design-stack { width: calc(100% - 43px); }
}

/* 品薇批注：头图摆正，并向左收拢。 */
.hero-visual { transform: none; }
.hero-grid { column-gap: 16px; grid-template-columns: 1fr 1.15fr; }
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; }
}

/* 首屏批注：阶段标签在上，完整说明在下，自然随可用宽度换行。 */
.hero-key { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.hero-key p { margin: 0; text-wrap: pretty; }

/* 仅展示01/02/07三张，当前稿居中置顶，左右稿露角。 */
.version-count{font-size:12px;color:var(--muted);margin:10px 0 22px}
#iterations .iteration-layout{grid-template-columns:240px minmax(0,1fr);gap:50px}
#iterations .design-stack{width:min(76%,580px);height:auto;justify-self:end;margin:24px 10% 64px auto;isolation:isolate}
#iterations .design-sheet{transform-origin:50% 90%;transition:transform .28s ease;inset:0;position:absolute}
#iterations .design-sheet.fan-left{transform:translate(-13%,24px) rotate(-7deg);z-index:1!important}
#iterations .design-sheet.fan-right{transform:translate(13%,24px) rotate(7deg);z-index:2!important}
#iterations .design-sheet.active{position:relative;inset:auto;transform:none;z-index:3!important}
#iterations .design-sheet img{width:100%;height:auto;object-fit:contain}
#iterations #design-tabs{flex-wrap:nowrap}
@media(max-width:900px){#iterations .iteration-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}}
@media(max-width:620px){#iterations .iteration-layout{grid-template-columns:1fr;gap:24px}#iterations .design-stack{width:76%;margin:12px 10% 58px auto}#iterations .design-sheet.fan-left{transform:translate(-12%,17px) rotate(-6deg)}#iterations .design-sheet.fan-right{transform:translate(12%,17px) rotate(6deg)}.version-count{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){#iterations .design-sheet{transition:none}}

/* 整页左右留白在原值基础上各增加50%，内容在侧栏外区域居中。 */
main {
  width: calc(100% - 214px);
  max-width: 1800px;
  margin-left: calc(214px + max(0px, (100% - 2014px) / 2));
  margin-right: auto;
  padding-inline: 90px;
}
@media(min-width:1700px){main{padding-inline:127.5px}}
@media(max-width:1200px){main{width:calc(100% - 185px);margin-left:185px;padding-inline:49.5px}}
@media(max-width:950px){main{width:100%;margin-inline:auto;padding-inline:42px}}
@media(max-width:620px){main{padding-inline:28.5px}}
@media print{main{width:100%;max-width:none;margin:0;padding:0}}

/* 批注：删除左侧说明；02/01/07原比例横向平铺，仅保留过程/终稿标签。 */
#iterations .iteration-layout{display:block;margin-top:28px}
#iterations .design-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.design-row figure{min-width:0;margin:0}
.design-row figcaption{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 12px;text-align:left}
.design-row figure:last-child figcaption{color:var(--accent)}
.design-row .flat-design{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;box-shadow:none}
.design-row .flat-design img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:620px){#iterations .design-row{gap:12px;overflow-x:auto;grid-template-columns:repeat(3,minmax(220px,1fr));padding-bottom:12px}.design-row figcaption{font-size:11px;margin-bottom:9px}}
@media print{#iterations .design-row{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}

/* 批注：中栏紫色再调浅，仅此模块。 */
.integrated-problem .story article.discovery { background: #f7f6ff; }

/* 实验详情：所有切换状态均不显示实验原文跳链。 */
#experiment-detail .detail-controls a { display: none; }

/* 验证章节同级折叠入口使用同一字号、字重及内边距。 */
#validation > .archive > summary,
#validation > .research-detail > summary {
  padding: 19px 22px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.75;
}
@media(max-width:760px){
  #validation > .archive > summary,
  #validation > .research-detail > summary { padding: 17px 14px; }
}

/* 四组研究：统一静态卡片，仅方向与问题，无跳转。 */
#research-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px 22px 22px}
#research-links .research-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--bg);min-width:0}
.research-card>span{font-size:10px;color:var(--accent);font-weight:600}
#research-links .research-card h3{font-size:15px;line-height:1.9;margin:10px 0 0;font-weight:600;color:var(--ink)}
@media(max-width:760px){#research-links{padding:4px 14px 18px;gap:12px}}
@media(max-width:620px){#research-links{grid-template-columns:1fr}#research-links .research-card{padding:17px}}

/* 职责主线增为四项，沿用原组件布局。 */
.owner-focus>div{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.owner-focus>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.owner-focus>div{grid-template-columns:1fr}}

/* 三类页面迭代切换，复用同一三稿图卡和图片弹窗。 */
.iteration-page-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 22px}
.iteration-page-tabs button{font-size:14px;padding:9px 18px;background:white;color:var(--muted);border:1px solid var(--line);border-radius:8px}
.iteration-page-tabs button[aria-selected="true"]{color:var(--accent);background:var(--soft);border-color:var(--accent)}
#iterations .iteration-layout{margin-top:0}
@media(max-width:620px){.iteration-page-tabs{gap:8px}.iteration-page-tabs button{font-size:13px;padding:9px 12px}}

/* 三稿统一可视高度，保留原比例，过长内容从底部截断。 */
.design-row .flat-design{aspect-ratio:4 / 3;position:relative;overflow:hidden}
.design-row .flat-design img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:left top}
/* 右侧滚动条属于历史截图像素：用显示裁切避开，不改原素材。 */
.design-row .flat-design img{width:calc(100% + 9px);max-width:none}
#print{display:none!important}

/* 页尾署名：月份与作者，无跳链。 */
footer.report-credit{display:block;border-top:1px solid var(--line);margin-top:36px;padding:28px 0 34px;font-size:14px;line-height:1.9;color:var(--muted)}
@media(max-width:620px){footer.report-credit{font-size:13px;padding:23px 0 28px}}

/* 数据口径直接展示：复用已做成什么的字号、颜色和文字样式。 */
.delivery-strip.count-summary{flex-wrap:nowrap;align-items:baseline;overflow-x:auto;gap:15px;padding:10px 0 18px;scrollbar-width:thin}
.delivery-strip.count-summary>b{flex:0 0 auto;white-space:nowrap}
.delivery-strip.count-summary>span{flex:0 0 auto;white-space:nowrap;color:var(--ink)}

/* 首屏删除状态行，主标题与头图上移至侧栏品牌的顶部基线。 */
#overview.hero{padding-top:32px}
#overview .hero-grid{margin-top:0;align-items:start}
/* 复用设计稿截图中的原版标志，通过CSS取景，不重画或复制相似素材。 */
.rail .brand>.design-logo{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background-image:url('/cases/yixu/assets/model-workspace-20261027.png');background-repeat:no-repeat;background-size:1298.03px 947.61px;background-position:-10.70px -29.86px;background-color:transparent}
@media(max-width:950px){#overview.hero{padding-top:28px}}

/* 全局章节大标题在现有各断点字号上增加2px。 */
.section-head h2{font-size:31px}
@media(max-width:950px){.section-head h2{font-size:28px}}
@media(max-width:620px){.section-head h2{font-size:25px}}
@media print{.section-head h2{font-size:25px}}

/* 首屏扇形：总高度随左侧文案，三张牌面都落在同一底线以内。 */
.hero-fan{position:relative;isolation:isolate;width:100%;height:var(--hero-fan-height,400px);min-width:0}
#overview .hero-fan .hero-visual{position:absolute;margin:0;display:flex;flex-direction:column;overflow:hidden;transform-origin:50% 60%;border-radius:12px}
#overview .hero-fan .hero-fan-front{top:0;left:12%;width:76%;height:calc(100% - 28px);z-index:3;transform:none}
#overview .hero-fan .hero-fan-left{top:35px;left:5%;width:76%;height:calc(100% - 90px);z-index:1;transform:rotate(-7deg)}
#overview .hero-fan .hero-fan-right{top:35px;right:5%;width:76%;height:calc(100% - 90px);z-index:2;transform:rotate(7deg)}
#overview .hero-fan .window-bar{flex:0 0 auto}
#overview .hero-fan .zoom{flex:1 1 0;min-height:0;display:block;width:100%;padding:0;overflow:hidden}
#overview .hero-fan .zoom img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
#overview .hero-fan figcaption{flex:0 0 auto;font-size:10px;padding:8px 10px}
@media(max-width:900px){.hero-fan{height:auto;aspect-ratio:4 / 3;max-height:520px}}
@media(prefers-reduced-motion:reduce){.hero-fan *{transition:none}}


/* Return to the accepted project list; reserve one row above the report. */
.project-return{height:64px;padding-top:28px;display:flex;align-items:flex-start}
.project-return a{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font:400 12px/1.5 "Noto Sans SC",sans-serif;text-decoration:none}
.project-return a:hover{color:var(--accent);border-color:var(--accent);background:var(--soft)}
.project-return a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:620px){.project-return{height:56px;padding-top:20px}}
@media print{.project-return{display:none}}