.tt-previsual > div {
  background: #fff;
}

.tt-previsual video {
  background: #fff;
  object-fit: contain;
  object-position: center;
}

.tt-video .tt-scene-video {
  object-fit: cover;
  object-position: center;
}

.tt-c10-angina-board {
  width: min(920px, calc(100vw - 72px));
}

.tt-c10-angina-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.tt-c10-angina-cards-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tt-c10-angina-card {
  min-height: 158px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 12px;
  border: 1px solid #c9ddec;
  border-radius: 16px;
  background: #f8fcff;
  color: #214761;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tt-c10-angina-card:not(:disabled):hover,
.tt-c10-angina-card:not(:disabled):focus-visible {
  transform: translateY(-3px);
  border-color: #2580bc;
  box-shadow: 0 10px 22px rgba(35, 111, 160, .16);
}

.tt-c10-angina-card > i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dcedf8;
  color: #176a9e;
  font-size: 23px;
  font-style: normal;
}

.tt-c10-angina-card > b {
  font-size: 17px;
}

.tt-c10-angina-card > small {
  color: #6b8190;
}

.tt-c10-angina-card.done {
  border-color: #66af8d;
  background: #f1fbf5;
  color: #23734f;
}

.tt-c10-angina-card.done > i {
  background: #d9f2e3;
  color: #23734f;
}

.tt-c10-angina-progress {
  margin-top: 20px;
  color: #537080;
  text-align: right;
}

@media (max-width: 720px) {
  .tt-c10-angina-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tt-c10-exam-stage {
  position: relative;
  height: calc(100dvh - 48px);
  overflow: hidden;
  color: #173b51;
}

.tt-c10-exam-header {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: min(690px, calc(100vw - 44px));
  padding: 12px 16px;
  border: 1px solid #ffffffba;
  border-radius: 13px;
  background: #082e4ed9;
  color: #fff;
  box-shadow: 0 10px 30px #0004;
}

.tt-c10-exam-header small { color: #9ed9ff; font-weight: 800; letter-spacing: 1px; }
.tt-c10-exam-header h2 { margin: 3px 0; font-size: 21px; }
.tt-c10-exam-header p { margin: 0; font-size: 15px; }
.tt-c10-exam-header > span { flex: none; padding-left: 16px; border-left: 1px solid #ffffff66; font-size: 14px; }

.tt-c10-exam-tools {
  position: absolute;
  z-index: 3;
  top: 142px;
  left: 22px;
  width: 286px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tt-c10-exam-tools > button {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 9px 10px;
  border: 1px solid #ffffffc9;
  border-radius: 12px;
  background: #f8fcfff0;
  color: #244d67;
  box-shadow: 0 7px 20px #03192e3d;
  text-align: left;
}

.tt-c10-exam-tools > button > i { font-size: 23px; font-style: normal; }
.tt-c10-exam-tools > button > img { width:28px; height:28px; object-fit:contain; border-radius:5px; }
.tt-c10-exam-tools > button > b { font-size: 15px; }
.tt-c10-exam-tools > button.selected { border-color: #ffcf56; background: #fff5d8; box-shadow: 0 0 0 3px #ffcf5650; }
.tt-c10-exam-tools > button.done { border-color: #65b98d; background: #f0fbf4; color: #24734f; }
.tt-c10-exam-tools > button > small { position: absolute; top: 5px; right: 8px; color: #288054; font-size: 15px; font-weight: 800; }

.tt-c10-exam-scene { position: absolute; inset: 0; }
.tt-c10-exam-scene > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tt-c10-medication-stage .tt-c10-exam-scene > img { object-position:center bottom; }
.tt-c10-exam-result { position: absolute; z-index: 4; right: 24px; bottom: 106px; width: min(400px, calc(100vw - 48px)); padding: 16px 18px; border: 1px solid #fff; border-left: 5px solid #2898ca; border-radius: 12px; background: #f4fbfdf2; box-shadow: 0 10px 28px #09253a48; }
.tt-c10-exam-result small { color: #1767ad; font-weight: 800; }
.tt-c10-exam-result p { margin: 6px 0 0; font-size: 16px; line-height: 1.6; }
.tt-c10-exam-result .tt-button { display: block; margin: 12px 0 0 auto; }
.tt-c10-exam-result.notice { bottom: 110px; width: auto; color: #fff; background: #082e4ee8; border-color: #ffcf56; }
.tt-c10-environment-result > img { display:block; width:100%; max-height:190px; margin:10px 0 8px; border-radius:8px; object-fit:cover; }
.tt-c10-organize-quick-choice { min-height:calc(100dvh - 112px); display:grid; place-items:center; padding:24px; }
.tt-c10-organize-stage .tt-c10-exam-scene > img { object-position:center bottom; }
.tt-world:has(.tt-c10-organize-stage) > .tt-background,.tt-world:has(.tt-c10-organize-choice-stage) > .tt-background { object-position:center bottom; }
.tt-c10-organize-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:min(760px,calc(100vw - 96px)); }
.tt-c10-organize-options button { min-height:92px; padding:16px 22px; border:1px solid #cbdde8; border-radius:16px; background:linear-gradient(145deg,#ffffffef,#eef7fbef); color:#315873; text-align:center; font-size:17px; font-weight:800; line-height:1.55; box-shadow:0 10px 26px #0b30452b; transition:transform .18s,box-shadow .18s,border-color .18s; }
.tt-c10-organize-options button:hover,.tt-c10-organize-options button:focus-visible { transform:translateY(-3px); border-color:#4d9fd0; box-shadow:0 15px 30px #0b30453e; }
.tt-c10-organize-options button.selected { border-color:#1677d2; background:linear-gradient(145deg,#edf8ff,#dcefff); color:#176093; }
.tt-c10-organize-feedback { margin:14px 0 0; color:#a34a35; font-size:15px; font-weight:700; text-align:center; }
.tt-c10-phone-dialogue { width:min(480px,100%); padding:28px; border:1px solid #fff; border-radius:18px; background:#f4fbfdf0; color:#294f64; text-align:center; box-shadow:0 18px 50px #102b3e55; }
.tt-c10-phone-dialogue > i { display:grid; place-items:center; width:68px; height:68px; margin:0 auto 12px; border-radius:50%; background:#e8f5fc; color:#1677d2; font-size:32px; font-style:normal; animation:tt-c10-phone-pulse 1.5s infinite; }
.tt-c10-phone-avatar { display:block; width:76px; height:76px; margin:0 auto 12px; border:3px solid #fff; border-radius:50%; object-fit:cover; object-position:top; box-shadow:0 6px 18px #0b304530; }
.tt-c10-phone-dialogue small { color:#21759e; font-weight:800; }
.tt-c10-phone-dialogue h2 { margin:8px 0 10px; color:#24749b; font-size:22px; }
.tt-c10-phone-dialogue p { margin:0 0 20px; font-size:17px; line-height:1.8; }
@keyframes tt-c10-phone-pulse { 70% { box-shadow:0 0 0 14px #1677d200; } 100% { box-shadow:0 0 0 0 #1677d200; } }
.tt-c10-morse-board { width:min(980px,calc(100vw - 80px)); margin-top:18px; }
.tt-c10-morse-table { overflow:hidden; border:1px solid #cbdde8; border-radius:12px; background:#fff; }
.tt-c10-morse-table > div, .tt-c10-morse-table article { display:grid; grid-template-columns:180px 1fr; gap:14px; align-items:center; padding:8px 14px; border-bottom:1px solid #dce8ef; }
.tt-c10-morse-table > div { background:#eaf5fb; color:#24536f; font-size:15px; }
.tt-c10-morse-table article:last-child { border-bottom:0; }
.tt-c10-morse-table article > b { color:#176a9e; font-size:15px; }
.tt-c10-morse-table article > div { display:flex; flex-wrap:wrap; gap:6px 10px; }
.tt-c10-morse-table span { color:#5a7183; font-size:14px; line-height:1.35; }
.tt-c10-morse-table span.selected { color:#087a58; font-weight:800; }
@media (max-width:850px) { .tt-c10-morse-table > div, .tt-c10-morse-table article { grid-template-columns:1fr; gap:5px; } }

/* C10 共5个实训阶段：步骤栏与上方文本框同宽，并均分横向空间。 */
.tt-overview-panel .tt-overview-steps { width:100%; grid-template-columns:repeat(5,minmax(0,1fr)); column-gap:clamp(8px,1.1vw,16px); }

@media (max-width: 850px) {
  .tt-c10-exam-tools { top:auto; right:12px; bottom:18px; left:12px; width:auto; grid-template-columns:repeat(3, minmax(0,1fr)); }
  .tt-c10-exam-header { right: 22px; }
}

.tt-c10-c12-drawer .tt-drawer-stage,.tt-c10-c12-drawer .tt-drawer-step { position:relative; cursor:pointer; }
.tt-c10-c12-drawer .tt-drawer-stage { display:grid; grid-template-columns:24px 1fr auto; align-items:center; }
.tt-c10-c12-drawer .tt-drawer-stage em,.tt-c10-c12-drawer .tt-drawer-step em { color:#ffffff88; font-size:12px; font-style:normal; }
.tt-c10-c12-drawer .tt-drawer-stage.current,.tt-c10-c12-drawer .tt-drawer-step.current { background:#1677d24d; color:#fff; box-shadow:inset 4px 0 #65bdff; }
.tt-c10-c12-drawer .tt-drawer-stage.done,.tt-c10-c12-drawer .tt-drawer-step.done { color:#8de3c0; }
.tt-c10-c12-drawer .tt-drawer-stage.target,.tt-c10-c12-drawer .tt-drawer-step.target { background:#fbbf243d; color:#fff4bd; box-shadow:inset 0 0 0 2px #fbbf24b8; }
.tt-c10-c12-drawer .tt-drawer-stage.target::after,.tt-c10-c12-drawer .tt-drawer-step.target::after { content:'已选'; position:absolute; right:74px; color:#fbbf24; font-size:11px; font-weight:800; }

.tt-c10-exit-mask { position:fixed; inset:0; z-index:16000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(9,30,52,.3); backdrop-filter:blur(10px); }
.tt-c10-exit-card { width:min(480px,92vw); padding:24px 26px 22px; border:1px solid rgba(255,255,255,.82); border-radius:18px; background:linear-gradient(135deg,rgba(250,253,255,.88),rgba(227,242,252,.8)); box-shadow:0 22px 65px rgba(8,37,67,.28); color:#17324d; text-align:center; }
.tt-c10-exit-icon { display:grid; place-items:center; width:42px; height:42px; margin:0 auto 9px; border-radius:50%; background:#eaf5ff; color:#1677d2; font-size:22px; font-weight:900; }
.tt-c10-exit-card h3 { margin:0 0 7px; color:#173f70; font-size:20px; }
.tt-c10-exit-card p { margin:0; color:#57738e; font-size:14px; line-height:1.7; }
.tt-c10-exit-actions { display:grid; gap:8px; margin-top:19px; }
.tt-c10-exit-actions button { min-height:42px; padding:9px 14px; border:1px solid #1677d233; border-radius:10px; background:#ffffffa6; color:#244e70; font-weight:800; cursor:pointer; }
.tt-c10-exit-actions .platform { border-color:#258b8770; color:#1f716d; }
.tt-c10-exit-actions .primary { border:0; background:linear-gradient(135deg,#1677d2,#0b5fab); color:#fff; }
.tt-c10-exit-actions .danger { border-color:#db6b6b88; color:#a13939; }

.tt-c10-exam-summary { width:min(920px,calc(100vw - 80px)); margin-top:26px; }
.tt-c10-exam-summary > footer { display:flex; justify-content:flex-end; margin-top:16px; }
.tt-c10-exam-result-table { overflow:hidden; border:1px solid #cbdde8; border-radius:12px; background:#fff; }
.tt-c10-exam-result-table > div { display:grid; grid-template-columns:156px 1fr; gap:16px; padding:11px 14px; border-bottom:1px solid #dce8ef; color:#315873; font-size:16px; line-height:1.55; }
.tt-c10-exam-result-table > div:last-child { border-bottom:0; }
.tt-c10-exam-result-table > div:first-child { background:#eaf5fb; color:#24536f; font-weight:800; }
.tt-c10-exam-result-table span:first-child { color:#176a9e; font-weight:800; }

.tt-c10-angina-classification { width:min(940px,calc(100vw - 80px)); margin-top:24px; }
.tt-c10-angina-scale { overflow:hidden; border:1px solid #cbdde8; border-radius:12px; background:#fff; }
.tt-c10-angina-scale > button { display:grid; grid-template-columns:68px 1fr; width:100%; gap:14px; align-items:center; padding:12px 15px; border:0; border-bottom:1px solid #dce8ef; background:#fff; color:#315873; text-align:left; font-size:16px; line-height:1.55; }
.tt-c10-angina-scale > button:last-child { border-bottom:0; }
.tt-c10-angina-scale > button > b { display:grid; place-items:center; min-height:34px; border-radius:8px; background:#eaf5fb; color:#176a9e; }
.tt-c10-angina-scale > button.selected { background:#edf8ff; box-shadow:inset 4px 0 #1677d2; }
.tt-c10-angina-scale > button.selected > b { background:#1677d2; color:#fff; }
.tt-c10-angina-scale > div { display:grid; grid-template-columns:68px 1fr; gap:14px; align-items:center; padding:12px 15px; border-bottom:1px solid #dce8ef; color:#315873; font-size:16px; line-height:1.55; }
.tt-c10-angina-scale > div:last-child { border-bottom:0; }
.tt-c10-angina-scale > div > b { display:grid; place-items:center; min-height:34px; border-radius:8px; background:#eaf5fb; color:#176a9e; }
.tt-c10-nyha-options,.tt-c10-hf-stage-options { margin-top:14px; }
.tt-c10-angina-classification > footer { display:flex; justify-content:flex-end; margin-top:16px; }
.tt-c10-angina-class-feedback { margin:12px 0 0; padding:10px 14px; border-radius:9px; background:#fff4e5; color:#8a5a16; font-size:16px; }

.tt-c10-risk-recognition { width:min(940px,calc(100vw - 80px)); margin-top:24px; }
.tt-c10-risk-facts { margin:0 0 14px; padding:12px 16px; border-left:4px solid #2585ba; border-radius:10px; background:#f2f9fd; }
.tt-c10-risk-facts h3 { margin:0 0 6px; color:#24536f; font-size:16px; }
.tt-c10-risk-facts p { margin:4px 0; color:#3f6177; font-size:15px; line-height:1.55; }
.tt-c10-risk-recognition > footer { display:flex; justify-content:flex-end; margin-top:16px; }
.tt-c10-capacity-assessment > footer { display:flex; justify-content:flex-end; margin-top:16px; }

.tt-c10-activity-road-stage { min-height:calc(100dvh - 112px); display:grid; place-items:center; align-content:center; gap:22px; padding:24px; color:#173b51; text-align:center; }
.tt-c10-activity-road-stage > header { width:min(760px,calc(100vw - 80px)); padding:14px 18px; border:1px solid #ffffffba; border-radius:14px; background:#f5fbfdf2; box-shadow:0 12px 30px #08254340; }
.tt-c10-activity-road-stage > header small { color:#176a9e; font-weight:800; letter-spacing:1px; }
.tt-c10-activity-road-stage > header h2 { margin:5px 0; font-size:24px; }
.tt-c10-activity-road-stage > header p { margin:0; color:#557086; font-size:16px; }
.tt-c10-activity-road { width:min(900px,calc(100vw - 80px)); padding:42px 36px 34px; border:1px solid #ffffffbd; border-radius:20px; background:#fafdffe8; box-shadow:0 18px 48px #08254355; }
.tt-c10-activity-track { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.tt-c10-activity-track::before { content:''; position:absolute; top:31px; right:11%; left:11%; height:10px; border-radius:10px; background:linear-gradient(90deg,#bad5e7,#4e9dcb,#bad5e7); box-shadow:inset 0 2px 3px #0f517144; }
.tt-c10-activity-track > button { position:relative; z-index:1; display:grid; justify-items:center; gap:8px; padding:0; border:0; background:transparent; color:#244e68; }
.tt-c10-activity-track > button > i { display:grid; place-items:center; width:62px; height:62px; border:4px solid #fff; border-radius:50%; background:#e8f5fc; box-shadow:0 4px 13px #0c456b42; color:#1873a7; font-size:18px; font-style:normal; font-weight:800; }
.tt-c10-activity-track > button:not(:disabled):hover > i,.tt-c10-activity-track > button:not(:disabled):focus-visible > i { background:#1677d2; color:#fff; transform:translateY(-3px); }
.tt-c10-activity-track > button > b { font-size:18px; }
.tt-c10-activity-track > button > small { color:#547188; font-size:13px; }
.tt-c10-activity-track > button.done > i { background:#66b98d; color:#fff; }
.tt-c10-activity-road-stage > footer { color:#fff; font-size:16px; font-weight:800; text-shadow:0 1px 4px #000; }
.tt-c10-activity-question { width:min(920px,calc(100vw - 80px)); margin-top:24px; }
.tt-c10-activity-question > footer { display:flex; justify-content:flex-end; margin-top:16px; }

.tt-c5-adl-feedback{margin:14px 0 0;padding:11px 14px;border-left:4px solid #d69a3b;border-radius:9px;background:#fff7e8;color:#825b1c;font-size:16px;line-height:1.6}
.tt-c5-adl-board{width:min(760px,calc(100vw - 56px));margin:28px auto;padding:20px;border:1px solid #ffffffd1;border-radius:18px;background:#fafdfff2;color:#294f64;box-shadow:0 18px 50px #102b3e55}.tt-c5-adl-board header{text-align:center}.tt-c5-adl-board header small{color:var(--primary);font-weight:800;letter-spacing:1px}.tt-c5-adl-board h2{margin:6px 0;font-size:22px}.tt-c5-adl-board header p{margin:0;color:#557b90}.tt-c5-adl-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.tt-c5-adl-results article{display:grid;grid-template-columns:64px 44px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;border:1px solid #cce2ed;border-radius:12px;background:#fff;font-size:16px;line-height:1.4}.tt-c5-adl-results article strong{color:#227da8;font-size:18px}.tt-c5-adl-results article span{min-height:0;color:#658194}.tt-c5-adl-score{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:20px 0 14px;padding:16px;border-radius:12px;background:#e8f5fc;color:#227da8}.tt-c5-adl-score strong{font-size:32px}.tt-c5-adl-score small{color:#557b90}.tt-c5-adl-board footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.tt-c5-adl-board footer>strong{font-size:24px;color:#207ba5}.tt-c5-adl-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.tt-c5-adl-options .tt-button{min-height:54px;text-align:left;color:#294f64;background:#fff}.tt-c5-adl-options .tt-button.selected{border-color:var(--primary);background:#e8f5fc}.tt-c5-adl-question>.tt-button{display:block;margin-left:auto}@media(max-width:700px){.tt-c5-adl-board{width:calc(100vw - 30px);padding:16px}.tt-c5-adl-results,.tt-c5-adl-options{grid-template-columns:1fr}.tt-c5-adl-score strong{font-size:28px}}

/* C10 实训报告：与 C5 报告版式一致。 */
.tt-c9-report{min-height:100dvh;padding:16px;background:#eaf2f7;color:#214761;font:16px/1.6 'Microsoft YaHei',sans-serif}.tt-c9-report .tt-report-paper{width:min(900px,100%);padding:40px 44px;border:1px solid #d2dfe8;border-radius:14px;background:#fff;box-shadow:0 12px 36px #21486420}.tt-c9-report-head{position:static;padding:0 0 24px;border-bottom:2px solid #2b668b;text-align:center}.tt-c9-report-head>span{display:inline-block;padding:4px 18px;border-radius:20px;background:#1677d2;color:#fff;font-size:11px;letter-spacing:2px}.tt-c9-report-head h1{margin:14px 0 5px;font-size:28px}.tt-c9-report-head p{margin:4px 0;color:#60758a;font-size:14px}.tt-c9-report-head>div{position:static;margin:10px 0}.tt-c9-report-head>div strong{font-size:48px;color:#1677d2}.tt-c9-report-head>div small{font-size:14px}.tt-c9-report-head em{display:block;color:#1677b2;font-style:normal;font-weight:700}.tt-c9-report-top,.tt-c9-report-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0 28px}.tt-c9-report-top>section>h2{padding-bottom:6px;border-bottom:2px solid #e0e8ef;color:#245473;font-size:16px}.tt-c9-report-section{margin:26px 0 14px;padding:10px 16px;border-radius:8px;background:#23688f;color:#fff;font-size:16px}.tt-c9-report-columns{gap:12px;margin:16px 0}.tt-c9-report-columns>section{padding:16px 18px;border:1px solid #e2ecf6;border-radius:13px;background:#f7fafd;color:#3f5872;font-size:14px;line-height:1.8}.tt-c9-score-row{display:grid;grid-template-columns:1fr 110px 50px;gap:8px;align-items:center;margin:8px 0;font-size:14px}.tt-c9-score-row i{height:7px;border-radius:5px;background:#e7edf1;overflow:hidden}.tt-c9-score-row i b{display:block;height:100%;background:#1677d2}.tt-c9-score-row em{font-style:normal;text-align:right}.tt-c9-radar{display:grid;height:220px;place-items:center}.tt-c9-radar svg{width:min(100%,260px);height:100%;overflow:visible}.tt-c9-radar .grid polygon,.tt-c9-radar .grid line{fill:none;stroke:#c8d8e1}.tt-c9-radar .grid text{fill:#526c7d;font-size:8px;text-anchor:middle;dominant-baseline:middle}.tt-c9-radar .value{fill:#1677d244;stroke:#1677d2;stroke-width:2}.tt-c9-question-grid{display:grid;grid-template-columns:1fr;gap:14px}.tt-c9-question{padding:18px;border:1px solid #cedeea;border-left:4px solid #d89837;border-radius:8px}.tt-c9-question.passed{border-left-color:#3b9a78}.tt-c9-question header{display:flex;justify-content:space-between;color:#6c8190;font-size:12px}.tt-c9-question h4{margin:7px 0;color:#173f70;font-size:18px}.tt-c9-question p{margin:5px 0;font-size:15px;line-height:1.5}.tt-c9-report-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.tt-c9-report-actions .tt-button{min-width:120px}.tt-c9-report-actions .tt-button.secondary{border:1px solid #b9d1e1;background:#fff;color:#245473}@media(max-width:800px){.tt-c9-report .tt-report-paper{padding:24px 18px}.tt-c9-report-top,.tt-c9-report-columns{grid-template-columns:1fr}.tt-c9-score-row{grid-template-columns:1fr 80px 45px}}@media print{.tt-report{padding:0;background:#fff}.tt-report-paper{width:100%;box-shadow:none}.tt-report .tt-actions,.tt-report .tt-c9-report-actions{display:none}}