/* S08 · 原答与返修对照 · /subjective-target-revision
   只作用于 .tracks08；沿用全站令牌：teal #0b7775/#1aaaa1、边框 #dbe6ea、悬停 #f2fbfa、
   圆角 10-12px、正文 15-16px。三栏在窄屏逐级降为两栏/单栏，容器一律 minmax(0,…)。 */

.tracks08{
  --s8-ink:#11283a;--s8-muted:#526976;--s8-teal:#0b7775;--s8-teal-2:#1aaaa1;
  --s8-line:#dbe6ea;--s8-hover:#f2fbfa;--s8-soft:#f7fbfc;--s8-muted-bg:#f1f5f7;
  max-width:100%;min-width:0;font-size:var(--yk-type-body);line-height:var(--yk-line-reading);color:var(--s8-ink);
}
body:has(.tracks08)>main{max-width:none;padding:24px 34px 72px}
.tracks08 *{box-sizing:border-box;min-width:0}
.tracks08 h1,.tracks08 h2,.tracks08 h3,.tracks08 p,.tracks08 ol,.tracks08 li{margin:0;padding:0}
.tracks08 h1,.tracks08 h2,.tracks08 h3{line-height:1.4;font-weight:700}
.tracks08 ol{list-style:none}
.tracks08 a{color:inherit;text-decoration:none}
.tracks08 svg{width:18px;height:18px;flex:none}
.tracks08 button{font:inherit;cursor:pointer}
.tracks08 :focus-visible{outline:2px solid var(--s8-teal);outline-offset:2px}
.tracks08 .s8-sample{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid #c7dbe0;border-radius:999px;background:#f4fafb;color:#5b7683;font-size:var(--yk-type-micro);line-height:var(--yk-line-ui);vertical-align:middle;white-space:nowrap}

/* 面包屑 */
.s8-crumb{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:var(--yk-type-meta);color:var(--s8-muted);margin-bottom:14px}
.s8-crumb nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.s8-crumb nav span{color:#526976}
.s8-crumb nav b{color:var(--s8-ink)}
.s8-crumb nav a:hover{color:var(--s8-teal);text-decoration:underline;text-underline-offset:3px}
.s8-crumb-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}
.s8-origin{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #cfe0e4;border-radius:9px;background:#fff;color:var(--s8-teal);font-weight:600}
.s8-origin:hover{background:var(--s8-hover)}
.s8-origin svg{width:16px;height:16px}
.s8-pager{padding:6px 12px;border:1px solid var(--s8-line);border-radius:999px;background:#fff;color:#4a6472;font-size:var(--yk-type-meta);white-space:nowrap}

/* 标题与目标条 */
.s8-head h1{font-size:var(--yk-type-page);display:flex;align-items:center;flex-wrap:wrap;gap:10px;line-height:var(--yk-line-heading);letter-spacing:normal;font-weight:var(--yk-weight-page)}
.s8-badge{padding:3px 10px;border:1px solid #b9dcd9;border-radius:999px;background:#eaf7f6;color:var(--s8-teal);font-size:var(--yk-type-meta);font-weight:var(--yk-weight-title);white-space:nowrap}
.s8-goal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding:16px 20px;border:1px solid #e2dafa;border-radius:12px;background:linear-gradient(110deg,#f0ebff 0%,#f7f4ff 62%,#ffffff 100%)}
.s8-goal>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8dfff;color:#6b38da;font-size:var(--yk-type-control)}
.s8-goal>div{flex:1 1 320px}
.s8-goal h2{font-size:var(--yk-type-section);line-height:var(--yk-line-ui);font-weight:var(--yk-weight-title)}
.s8-goal p{margin-top:5px;font-size:var(--yk-type-body);color:var(--s8-muted);line-height:var(--yk-line-reading)}

/* 三栏 */
.s8-grid{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,490fr) minmax(0,360fr);gap:18px;margin-top:18px;align-items:start}
.s8-col{border:1px solid var(--s8-line);border-radius:12px;background:#fff;padding:18px 18px 20px;min-width:0}
.s8-col-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:11px;border-bottom:1px solid var(--s8-line)}
.s8-col-head h2{font-size:var(--yk-type-section);line-height:var(--yk-line-ui);font-weight:var(--yk-weight-title)}
.s8-chip{padding:3px 10px;border-radius:999px;background:#eef4f6;color:#4a6472;font-size:var(--yk-type-micro);font-weight:var(--yk-weight-title);white-space:nowrap;line-height:var(--yk-line-ui)}
.s8-chip.live{background:#e6f4f2;color:#0a6f6c}
.s8-stamp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px;font-size:var(--yk-type-meta);color:var(--s8-muted)}
.s8-stamp svg{width:16px;height:16px;color:var(--s8-teal-2)}
.s8-note{margin-top:11px;font-size:var(--yk-type-meta);color:var(--s8-muted);line-height:var(--yk-line-ui)}

/* 原答（只读） */
.s8-locked{position:relative;margin-top:12px;padding:16px 16px 16px;border:1px dashed #cfd9df;border-radius:10px;background:var(--s8-muted-bg);color:#3a4a5b;font-size:var(--yk-type-body);line-height:var(--yk-line-reading);overflow-wrap:anywhere;cursor:text;user-select:text}
.s8-lock-chip{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:1px 8px;border-radius:999px;background:#fff;border:1px solid #d7e0e6;color:#526976;font-size:var(--yk-type-micro);vertical-align:1px;user-select:none;line-height:var(--yk-line-ui)}
.s8-lock-chip svg{width:12px;height:12px}

/* 返修编辑器 */
.s8-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.s8-tools button{min-width:38px;height:34px;padding:0 11px;border:1px solid var(--s8-line);border-radius:9px;background:#fff;color:#3a4a5b;font-size:var(--yk-type-control);display:inline-flex;align-items:center;justify-content:center}
.s8-tools button:hover{background:var(--s8-hover);border-color:#bfe0dd;color:var(--s8-teal)}
.s8-tools button b{font-weight:var(--yk-weight-page)}
.s8-editor{margin-top:12px;min-height:236px;padding:15px 16px;border:1px solid var(--s8-line);border-radius:10px;background:#fff;font-size:var(--yk-type-body);line-height:var(--yk-line-reading);color:#26374a;overflow-wrap:anywhere;white-space:pre-wrap}
.s8-editor:focus{outline:2px solid var(--s8-teal-2);outline-offset:1px;border-color:#bfe0dd;background:#fdfffe}
.s8-revision:fullscreen{background:#fff;padding:26px 30px;border:0;border-radius:0;overflow:auto}
.s8-revision:fullscreen .s8-editor{min-height:calc(100vh - 210px)}
.s8-count{margin-top:9px;text-align:right;font-size:var(--yk-type-meta);color:var(--s8-muted)}
.s8-count b{color:var(--s8-teal);font-size:var(--yk-type-body);font-weight:var(--yk-weight-title)}
.s8-status{margin-top:6px;font-size:var(--yk-type-micro);color:#6b8391;line-height:var(--yk-line-ui)}

/* 返修要点 */
.s8-list{margin-top:12px;display:grid;gap:11px}
.s8-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;align-items:flex-start;padding:12px 14px;border:1px solid #e6eef1;border-radius:10px;background:var(--s8-soft)}
.s8-list li>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf7f6;color:var(--s8-teal);font-size:var(--yk-type-meta)}
.s8-list li.todo{border-style:dashed;background:#fffdf7}
.s8-list li.todo>b{background:#fff4e2;color:#865319}
.s8-list h3{font-size:var(--yk-type-body);font-weight:var(--yk-weight-title)}
.s8-list p{margin-top:4px;font-size:var(--yk-type-meta);color:var(--s8-muted);line-height:var(--yk-line-ui);overflow-wrap:anywhere}
.s8-tip{display:flex;gap:11px;margin-top:14px;padding:14px;border:1px solid #f0dcb8;border-radius:10px;background:#fffaf0}
.s8-tip svg{color:#c07f22;margin-top:2px}
.s8-tip h3{font-size:var(--yk-type-meta);color:#8a5c12;font-weight:var(--yk-weight-title)}
.s8-tip p{margin-top:5px;font-size:var(--yk-type-meta);color:#6c5b3d;line-height:var(--yk-line-ui)}

/* 版本记录与提交 */
.s8-version{margin-top:18px;border:1px solid var(--s8-line);border-radius:12px;background:#fff;padding:18px 20px}
.s8-version>h2{font-size:var(--yk-type-section);line-height:var(--yk-line-ui);font-weight:var(--yk-weight-title)}
.s8-steps{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:14px}
.s8-steps li{display:flex;align-items:center;gap:10px;flex:1 1 260px;padding:12px 14px;border:1px solid var(--s8-line);border-radius:10px;background:var(--s8-soft)}
.s8-steps li>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b7775;color:#fff;font-size:var(--yk-type-meta)}
.s8-steps li.cur{border-color:#b9dcd9;background:#eefaf8}
.s8-steps span{display:grid;gap:2px;font-size:var(--yk-type-body);font-weight:var(--yk-weight-title);line-height:var(--yk-line-ui)}
.s8-steps small{font-weight:400;font-size:var(--yk-type-micro);color:var(--s8-muted)}
.s8-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--s8-line)}
.s8-submit .s8-note{margin:0;flex:1 1 240px}
.s8-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:0;border-radius:10px;background:linear-gradient(125deg,#089f94 0%,#0b7775 55%,#087e83 100%);color:#fff;font-size:16px;font-weight:700;box-shadow:inset 0 1px 2px #ffffff35}
.s8-primary:hover{background:linear-gradient(125deg,#0aa79c 0%,#0a6d6b 55%,#08757c 100%)}
.s8-ghost{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #cfe0e4;border-radius:10px;background:#fff;color:var(--s8-teal);font-weight:600}
.s8-ghost:hover{background:var(--s8-hover)}
.s8-next{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:var(--yk-type-meta);color:var(--s8-muted)}
.s8-next svg{width:16px;height:16px;color:var(--s8-teal-2)}

@media(max-width:1400px){
  .s8-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .s8-points{grid-column:1/-1}
  .s8-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s8-tip{margin-top:12px}
}
@media(max-width:1000px){
  body:has(.tracks08)>main{padding:18px 16px 88px}
  .s8-head h1{font-size:var(--yk-type-page)}
  .s8-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .s8-list{grid-template-columns:minmax(0,1fr)}
  .s8-col{padding:16px 15px 18px}
}
@media(max-width:460px){
  body:has(.tracks08)>main{padding:14px 12px 84px}
  .s8-head h1{font-size:var(--yk-type-page)}
  .s8-crumb-right{margin-left:0;width:100%}
  .s8-goal{padding:14px}
  .s8-goal>b{display:none}
  .s8-editor{min-height:200px;font-size:var(--yk-type-body)}
  .s8-primary,.s8-ghost{width:100%}
  .s8-submit .s8-note{flex:1 1 100%}
}
/* 编辑区不可横向溢出：表格/长串文本一律换行 */
.s8-editor,.s8-locked{word-break:break-word}
/* app.css 存在全局 aside{position:fixed;left:0;width:232px}：本页内任何 aside 一律回到正常流 */
.tracks08 aside{position:static;width:auto;max-width:none;padding:0;border:0;background:none;display:block}