/* S06 · 独立作业答题工作台 — 路由 /subjective-write
   自包含样式：仅作用于 .s06 作用域。 */
.s06{
  --s-teal:#0b7775;--s-teal-2:#1aaaa1;--s-line:#dbe6ea;--s-hover:#f2fbfa;--s-soft:#eaf6f5;
  --s-ink:#11283a;--s-muted:#526976;--s-body:#4a5b6b;--s-warn:#8a5a00;--s-r:12px;
  max-width:1240px;margin:0 auto;font-family:var(--yk-font-ui);
  font-size:var(--yk-type-body);line-height:var(--yk-line-reading);color:var(--s-ink);
}
.s06,.s06 *,.s06 *::before,.s06 *::after{box-sizing:border-box}
.s06 h1,.s06 h2,.s06 h3,.s06 p,.s06 ol,.s06 ul,.s06 li{margin:0;padding:0}
.s06 ol,.s06 ul{list-style:none}
.s06 a{color:inherit;text-decoration:none}
.s06 button,.s06 select{font:inherit;color:inherit;margin:0}
.s06 :focus-visible{outline:2px solid var(--s-teal-2);outline-offset:2px;border-radius:8px}
.s06 p,.s06 li,.s06 h1,.s06 h2,.s06 h3{min-width:0;overflow-wrap:anywhere}
.s06-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 面包屑与标题 */
.s06-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:12px;font-size:var(--yk-type-meta);color:var(--s-muted)}
.s06-crumb a{color:var(--s-teal)}
.s06-crumb a:hover{text-decoration:underline}
.s06-crumb i{font-style:normal;color:#aab8c2}
.s06-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:16px}
.s06-headmain{min-width:0;flex:1 1 320px}
.s06-head h1{font-size:var(--yk-type-page);line-height:var(--yk-line-heading);font-weight:var(--yk-weight-page);letter-spacing:normal}
.s06-badge{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#eef5f5;color:var(--s-teal);font-size:var(--yk-type-micro);font-weight:var(--yk-weight-title);white-space:nowrap;vertical-align:middle;line-height:var(--yk-line-ui)}
.s06-desc{margin-top:8px;font-size:var(--yk-type-body);line-height:var(--yk-line-reading);color:var(--s-body)}
.s06-mode{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;background:#fff4e2;color:#a35d00;font-size:var(--yk-type-meta);font-weight:var(--yk-weight-title);white-space:nowrap;line-height:var(--yk-line-ui)}
.s06-mode:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}

/* 两栏 */
.s06-columns{display:grid;grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr);gap:18px;align-items:start}
.s06-card{min-width:0;padding:16px;border:1px solid var(--s-line);border-radius:var(--s-r);background:#fff}
.s06-cardhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--s-line)}
.s06-cardhead h2{font-size:var(--yk-type-section);font-weight:var(--yk-weight-title);line-height:var(--yk-line-ui)}
.s06-lock{margin-left:auto;padding:3px 9px;border-radius:999px;background:var(--s-soft);color:var(--s-teal);font-size:var(--yk-type-micro);font-weight:var(--yk-weight-title);line-height:var(--yk-line-ui)}

/* 案例材料 */
.s06-qtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.s06-qtabs button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid var(--s-line);border-radius:9px;background:#fff;font-size:var(--yk-type-meta);font-weight:var(--yk-weight-title);color:var(--s-body);cursor:pointer;line-height:var(--yk-line-ui)}
.s06-qtabs button:hover{background:var(--s-hover);color:var(--s-teal);border-color:#bfe0dd}
.s06-qtabs button.on{border-color:#bfe0dd;background:var(--s-soft);color:var(--s-teal);font-weight:700}
.s06-case{display:grid;gap:13px}
.s06-case p{font-size:var(--yk-type-body);line-height:var(--yk-line-reading)}
.s06-case mark{background:#fff2c4;color:inherit;padding:1px 2px;border-radius:3px;box-shadow:inset 0 -1px 0 #e8c86a}
.s06-files{margin-top:18px;padding-top:14px;border-top:1px solid var(--s-line)}
.s06-files h3{font-size:var(--yk-type-meta);font-weight:var(--yk-weight-title);color:var(--s-body)}
.s06-files ul{display:grid;gap:8px;margin-top:10px}
.s06-files li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;padding:10px 12px;border:1px solid var(--s-line);border-radius:10px;background:#fbfdfd;font-size:var(--yk-type-meta)}
.s06-files b{flex:0 0 auto;padding:2px 8px;border-radius:6px;background:var(--s-soft);color:var(--s-teal);font-size:var(--yk-type-micro);font-weight:var(--yk-weight-page)}
.s06-files span{min-width:0;overflow-wrap:anywhere}
.s06-files button{margin-left:auto;min-height:32px;padding:0 12px;border:1px solid var(--s-line);border-radius:8px;background:#fff;font-size:var(--yk-type-meta);font-weight:var(--yk-weight-title);color:var(--s-teal);cursor:pointer}
.s06-files button:hover{background:var(--s-hover);border-color:#bfe0dd}

/* 作答区 */
.s06-statusrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px;font-size:var(--yk-type-meta);color:var(--s-muted)}
.s06-timer{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--s-soft);color:var(--s-teal);font-weight:var(--yk-weight-title);font-variant-numeric:tabular-nums}
.s06-sample{font-size:var(--yk-type-micro);color:var(--s-muted)}
.s06-prompt{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:12px}
.s06-prompt h3{font-size:var(--yk-type-body);font-weight:var(--yk-weight-title)}
.s06-prompt span{font-size:var(--yk-type-meta);font-weight:var(--yk-weight-title);color:var(--s-teal)}
.s06-editorwrap{position:relative;border:1px solid var(--s-line);border-radius:10px;background:#fff}
.s06-editorwrap:focus-within{border-color:var(--s-teal-2);box-shadow:0 0 0 3px rgba(26,170,161,.14)}
.s06-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--s-line);background:#fafdfd;border-radius:10px 10px 0 0;position:relative}
.s06-toolbar button,.s06-toolbar select{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:34px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:var(--yk-type-control);color:var(--s-body);cursor:pointer}
.s06-toolbar button:hover,.s06-toolbar select:hover{background:var(--s-hover);color:var(--s-teal)}
.s06-toolbar select{border-color:var(--s-line);background:#fff;padding-right:6px}
.s06-toolbar b{font-weight:var(--yk-weight-page)}
.s06-toolbar i{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:600}
.s06-toolbar .s06-spacer{flex:1 1 auto}
.s06-toolbar .s06-more{font-size:var(--yk-type-control);font-weight:var(--yk-weight-page);line-height:1}
.s06-menu{position:absolute;right:8px;top:calc(100% + 4px);z-index:4;display:grid;gap:2px;min-width:132px;padding:6px;border:1px solid var(--s-line);border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(16,44,58,.12)}
.s06-menu[hidden]{display:none}
.s06-menu button{justify-content:flex-start;width:100%;min-height:34px;padding:0 10px;font-size:var(--yk-type-meta)}
.s06-editor{min-height:300px;padding:14px 16px;font-size:var(--yk-type-body);line-height:var(--yk-line-reading);outline:none}
.s06-editor:focus-visible{outline:none}
.s06-editor p{margin:0 0 10px}
.s06-editor p:last-child{margin-bottom:0}
.s06-editor h3{font-size:var(--yk-type-body);margin:0 0 8px;font-weight:var(--yk-weight-title)}
.s06-editor:empty:before{content:attr(data-placeholder);color:#9aa9b6}
.s06-editorfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:10px;font-size:var(--yk-type-meta);color:var(--s-muted)}
.s06-save{color:var(--s-teal);font-weight:600}
.s06-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.s06-primary,.s06-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-size:var(--yk-type-control);font-weight:var(--yk-weight-title);cursor:pointer}
.s06-primary{border:1px solid transparent;background:linear-gradient(125deg,#089f94,#0b7775);color:#fff}
.s06-primary:hover{filter:brightness(1.06)}
.s06-outline{border:1px solid var(--s-line);background:#fff;color:var(--s-teal)}
.s06-outline:hover{background:var(--s-hover);border-color:#bfe0dd}
.s06-fine{margin-top:12px;font-size:var(--yk-type-micro);line-height:var(--yk-line-ui);color:var(--s-muted)}
.s06-hint{margin-top:10px;padding:9px 12px;border:1px solid #f0dcae;border-radius:9px;background:#fff8e8;color:var(--s-warn);font-size:var(--yk-type-meta);line-height:var(--yk-line-ui)}
.s06-hint[hidden]{display:none}

@media(max-width:1024px){
  .s06-columns{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .s06-head h1{font-size:var(--yk-type-page)}
  .s06-card{padding:14px}
  .s06-qtabs{width:100%}
  .s06-qtabs button{flex:1 1 auto}
  .s06-editor{min-height:240px;padding:12px 13px}
  .s06-editorfoot{display:grid}
  .s06-primary,.s06-outline{width:100%}
  .s06-lock{margin-left:0}
}
.s06-writer:fullscreen{box-sizing:border-box;background:#fff;width:100%;height:100%;padding:24px;overflow:auto;border-radius:0}
.s06-writer:fullscreen .s06-editor{min-height:55vh}