/* 只隐藏本功能拥有的遮挡标记；退出时恢复原页面节点与全部监听器。 */
[data-debater-mbti-obscured] { display: none !important; }
#debater-mbti-root {
  color: var(--ft-text-primary, #262a33); background: var(--ft-bg-paper, #fff1e5);
  font-family: var(--ft-font-sans, 'Noto Sans SC', 'Microsoft YaHei', sans-serif);
  position: relative; z-index: 2; min-height: calc(100dvh - 180px); line-height: 1.65;
}
#debater-mbti-root *, .dm-profile-card * { box-sizing: border-box; }
#debater-mbti-root [hidden] { display: none !important; }
.dm-shell { width: min(100%, 1120px); margin: 0 auto; padding: 108px 32px 64px; }
.dm-topline, .dm-actions, .dm-meta, .dm-question-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.dm-topline { justify-content: space-between; margin-bottom: 40px; gap: 16px; }
.dm-back { color: var(--ft-text-secondary, #5c554c); text-decoration-thickness: 1px; text-underline-offset: 5px; }
.dm-eyebrow { color: var(--ft-claret, #990f3d); font-size: 12px; letter-spacing: .15em; font-weight: 700; margin: 0 0 12px; }
#debater-mbti-root h1, #debater-mbti-root h2, #debater-mbti-root h3, #debater-mbti-root p { margin-top: 0; }
#debater-mbti-root h1 { font-family: var(--ft-font-serif, Georgia, serif); font-size: clamp(32px, 4.4vw, 52px); line-height: 1.25; margin-bottom: 18px; font-weight: 650; }
#debater-mbti-root h2 { font-family: var(--ft-font-serif, Georgia, serif); line-height: 1.4; font-size: clamp(22px, 2.4vw, 28px); margin-bottom: 16px; }
#debater-mbti-root h3 { font-size: 18px; margin-bottom: 10px; }
#debater-mbti-root h1:focus, #debater-mbti-root h2:focus { outline: none; }
.dm-compact { margin-bottom: 20px; }
#debater-mbti-root .dm-compact h1 { font-size: 30px; margin-bottom: 0; }
.dm-intro { color: var(--ft-text-secondary, #5c554c); font-size: 17px; max-width: 50em; margin-bottom: 28px; }
.dm-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-bottom: 32px; }
.dm-seal { border: 2px solid var(--ft-claret, #990f3d); color: var(--ft-claret, #990f3d); font-family: var(--ft-font-serif, serif); font-size: 23px; letter-spacing: .22em; width: 84px; height: 84px; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.45; transform: rotate(-5deg); }
.dm-panel { border: 1px solid var(--ft-border, #d9cbbc); background: var(--ft-bg-card, #fffaf2); padding: 30px; margin: 0 0 24px; border-radius: 8px; min-width: 0; }
.dm-panel > :last-child { margin-bottom: 0; }
.dm-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ft-border, #d9cbbc); background: var(--ft-bg-card, #fffaf2); color: var(--ft-text-primary, #262a33); min-height: 44px; padding: 10px 18px; border-radius: 5px; font: inherit; font-size: 15px; text-decoration: none; cursor: pointer; text-align: center; max-width: 100%; overflow-wrap: anywhere; }
.dm-button:hover { border-color: var(--ft-claret, #990f3d); }
.dm-primary { background: var(--ft-claret, #990f3d); color: var(--ft-bg-card, #fffaf2); border-color: var(--ft-claret, #990f3d); font-weight: 650; }
#debater-mbti-root button:disabled { cursor: not-allowed; opacity: .5; }
#debater-mbti-root :focus-visible, .dm-profile-card :focus-visible { outline: 3px solid var(--ft-oxford, #0f5499); outline-offset: 4px; }
.dm-note, .dm-meta { color: var(--ft-text-secondary, #5c554c); font-size: 13px; }
.dm-note { margin-top: 18px; }
.dm-status { min-height: 26px; color: var(--ft-text-secondary, #5c554c); margin: 12px 0; overflow-wrap: anywhere; }
.dm-error { color: var(--ft-danger, #b42318); }
.dm-progress { width: 100%; height: 6px; border: 0; display: block; appearance: none; margin: 14px 0 30px; background: var(--ft-bg-tint, #f2dfce); border-radius: 5px; overflow: hidden; }
.dm-progress::-webkit-progress-bar { background: var(--ft-bg-tint, #f2dfce); }
.dm-progress::-webkit-progress-value { background: var(--ft-claret, #990f3d); border-radius: 5px; }
.dm-progress::-moz-progress-bar { background: var(--ft-claret, #990f3d); }
.dm-question-kicker { color: var(--ft-claret, #990f3d); font-size: 13px; font-weight: 650; margin-bottom: 10px; }
.dm-situation { max-width: 46em; color: var(--ft-text-secondary, #5c554c); }
.dm-options { border: 0; padding: 0; margin: 25px 0; min-width: 0; }
.dm-options legend { width: 100%; color: var(--ft-text-secondary, #5c554c); font-size: 14px; margin-bottom: 14px; }
.dm-scale { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.dm-choice { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 6px; min-height: 84px; border: 1px solid var(--ft-border, #d9cbbc); border-radius: 6px; cursor: pointer; text-align: center; font-size: 13px; line-height: 1.4; gap: 7px; }
.dm-choice input { accent-color: var(--ft-claret, #990f3d); width: 19px; height: 19px; margin: 0; }
.dm-choice:has(input:checked) { border-color: var(--ft-claret, #990f3d); background: var(--ft-claret-tint, #f7e5e8); }
.dm-choice:has(input:focus-visible) { outline: 3px solid var(--ft-oxford, #0f5499); outline-offset: 3px; }
.dm-choice input:focus-visible { outline: 0 !important; }
.dm-poles { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; margin-top: 18px; }
.dm-pole { padding: 15px 18px; border-left: 2px solid var(--ft-claret, #990f3d); background: var(--ft-bg-paper-deep, #f6e9d8); font-size: 15px; overflow-wrap: anywhere; }
.dm-pole strong { display: block; margin-bottom: 6px; color: var(--ft-text-secondary, #5c554c); font-size: 12px; letter-spacing: .08em; }
.dm-question-nav { justify-content: space-between; padding-top: 22px; border-top: 1px solid var(--ft-border, #d9cbbc); }
.dm-result-header { border-top: 3px solid var(--ft-claret, #990f3d); }
.dm-type { display: inline-block; font-family: var(--ft-font-mono, monospace); color: var(--ft-claret, #990f3d); font-size: clamp(38px, 6vw, 66px); letter-spacing: .15em; line-height: 1.2; margin-bottom: 15px; }
.dm-result-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; }
.dm-axes { display: grid; gap: 28px; }
.dm-axis-head { display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap; font-size: 15px; }
.dm-axis-head strong { font-size: 14px; }
.dm-axis-labels { display: flex; justify-content: space-between; gap: 12px; color: var(--ft-text-secondary, #5c554c); font-size: 13px; }
.dm-axis-track { position: relative; height: 10px; border-radius: 6px; background: var(--ft-bg-tint, #f2dfce); margin: 13px 0 9px; }
.dm-axis-track::before { content: ''; position: absolute; left: 45%; width: 10%; top: 0; height: 100%; background: var(--ft-border, #d9cbbc); }
.dm-axis-point { position: absolute; height: 16px; width: 16px; top: -3px; transform: translateX(-50%); background: var(--ft-claret, #990f3d); border: 2px solid var(--ft-bg-card, #fffaf2); border-radius: 50%; }
.dm-list { padding-left: 22px; margin-bottom: 0; }
.dm-list li + li { margin-top: 10px; }
.dm-version-list { padding: 0; margin: 0; list-style: none; }
.dm-version-list li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 0; border-top: 1px solid var(--ft-border, #d9cbbc); }
.dm-version-list li:first-child { border-top: 0; }
.dm-version-list strong { display: block; }
.dm-share-controls { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--ft-border, #d9cbbc); }
.dm-share-url { display: block; width: 100%; min-width: 0; padding: 12px; font: inherit; font-size: 13px; color: var(--ft-text-primary, #262a33); background: var(--ft-bg-paper, #fff1e5); border: 1px solid var(--ft-border, #d9cbbc); border-radius: 5px; margin: 14px 0; }
.dm-version-meta { margin-top: 24px; overflow-wrap: anywhere; }
.dm-profile-card { border: 1px solid var(--ft-border, #d9cbbc); background: var(--ft-bg-card, #fffaf2); border-radius: 8px; padding: 20px; color: var(--ft-text-primary, #262a33); min-width: 0; }
.dm-profile-card h3 { margin: 0 0 8px; font-family: var(--ft-font-serif, serif); }
.dm-profile-card p { margin: 0 0 15px; color: var(--ft-text-secondary, #5c554c); }
@media (max-width: 760px) { .dm-shell { padding: 90px 20px 44px; } .dm-topline { margin-bottom: 28px; } .dm-panel { padding: 23px; } .dm-result-grid { grid-template-columns: minmax(0,1fr); gap: 0; } .dm-hero { gap: 14px; } .dm-seal { width: 65px; height: 65px; font-size: 18px; } }
@media (max-width: 420px) { .dm-shell { padding: 88px 16px 35px; } .dm-panel { padding: 19px 15px; } .dm-poles { grid-template-columns: minmax(0,1fr); gap: 10px; } .dm-scale { gap: 5px; } .dm-choice { font-size: 11px; padding: 14px 2px; min-height: 84px; } .dm-hero { grid-template-columns: minmax(0,1fr); } .dm-seal { display: none; } .dm-actions { gap: 10px; } .dm-actions .dm-button { flex: 1 1 auto; } .dm-topline { align-items: flex-start; } }
@media (prefers-reduced-motion: reduce) { #debater-mbti-root * { scroll-behavior: auto !important; } }

.mbti-entry-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:24px;border:1px solid var(--ft-border,rgba(150,130,105,.3));border-radius:12px;background:var(--ft-bg-card,#211c17);color:var(--ft-text-primary,#f5eee3);min-width:0}
.mbti-entry-card>div{min-width:0}.mbti-entry-kicker{font-size:12px;letter-spacing:.12em;color:var(--ft-claret,#bd4d51);margin:0 0 8px}.mbti-entry-card h2{font:600 25px/1.4 var(--ft-font-serif,serif);margin:0 0 8px}.mbti-entry-card p{line-height:1.7;overflow-wrap:anywhere}.mbti-entry-card small{display:block;line-height:1.65;color:var(--ft-text-secondary,#b6aa98)}.mbti-entry-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:10px 20px;border:1px solid var(--ft-claret,#bd4d51);border-radius:8px;color:var(--ft-text-primary,#f5eee3);font-weight:600;text-decoration:none}.mbti-entry-action:hover{background:var(--ft-claret-tint,rgba(170,30,45,.1))}.mbti-entry-action:focus-visible{outline:3px solid var(--ft-claret,#bd4d51);outline-offset:4px}@media(max-width:640px){.mbti-entry-card{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.mbti-entry-card h2{font-size:22px}.mbti-entry-action{width:100%;box-sizing:border-box}}


/* 辩手测试目录复用现有主题令牌；选择和搜索只影响本页公开条目。 */
#debater-mbti-root .dt-hub { width: min(100%, 1328px); padding: 136px 32px 44px; }
.dt-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 42px; }
#debater-mbti-root .dt-header h1 { font-size: 44px; font-weight: 700; margin-bottom: 14px; }
.dt-intro { font-size: 17px; color: var(--ft-text-secondary); margin-bottom: 0; }
.dt-utilities { display: flex; flex-wrap: wrap; align-items: center; gap: 0; padding-top: 4px; }
.dt-utility-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--ft-text-secondary); font-size: 14px; text-decoration: none; padding: 8px 16px; }
.dt-utility-link + .dt-utility-link { border-left: 1px solid var(--ft-border); }
.dt-utility-link:last-child { padding-right: 0; }
.dt-utility-link:hover { color: var(--ft-claret); text-decoration: underline; text-underline-offset: 5px; }
.dt-layout { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: 36px; align-items: stretch; }
.dt-categories { border-right: 1px solid var(--ft-border); padding-right: 22px; min-width: 0; }
#debater-mbti-root .dt-categories h2 { font-size: 20px; margin: 4px 0 20px; }
/* 共用视觉系统的重要声明在已命名层中；本页在同层细化分类控件，避免靠不断加高选择器仍失效。 */
@layer debater-visual-system {
  #debater-mbti-root .dt-category-button { display: block; width: 100%; min-height: 48px !important; border: 0 !important; border-left: 3px solid transparent !important; border-radius: 5px; padding: 10px 16px; background: transparent !important; color: var(--ft-text-secondary) !important; font: inherit; font-size: 16px !important; text-align: left; cursor: pointer; margin-bottom: 8px; }
  #debater-mbti-root .dt-category-button:hover { color: var(--ft-text-primary) !important; background: var(--ft-bg-tint) !important; }
  #debater-mbti-root .dt-category-button[aria-pressed="true"] { color: var(--ft-text-primary) !important; background: var(--ft-claret-tint) !important; border-left-color: var(--ft-claret) !important; font-weight: 600; }
  #debater-mbti-root :is(.dt-search, .dt-category-select) { min-height: 48px !important; font-size: 15px !important; }
  #debater-mbti-root .dt-clear { min-height: 44px !important; border: 0 !important; background: transparent !important; color: var(--ft-claret) !important; }
  #debater-mbti-root .dt-empty button { min-height: 44px !important; }
}
.dt-content { min-width: 0; }
.dt-category-select { display: none; }
.dt-search-box { position: relative; margin-bottom: 24px; }
.dt-search { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 11px 72px 11px 18px; border: 1px solid var(--ft-border); border-radius: 6px; color: var(--ft-text-primary); background: var(--ft-bg-card); font: inherit; font-size: 15px; }
.dt-search::placeholder { color: var(--ft-text-secondary); opacity: 1; }
.dt-search::-webkit-search-cancel-button { display: none; }
.dt-clear { position: absolute; top: 2px; right: 4px; min-height: 44px; min-width: 56px; border: 0; border-radius: 4px; background: none; color: var(--ft-claret); font: inherit; font-size: 14px; cursor: pointer; }
.dt-clear:hover { background: var(--ft-claret-tint); }
.dt-test-row { display: grid; grid-template-columns: 132px minmax(0, 1fr) auto; gap: 24px; align-items: start; padding: 28px 0; border-top: 1px solid var(--ft-border); min-width: 0; }
.dt-test-row:last-of-type { border-bottom: 1px solid var(--ft-border); }
.dt-category-tag { display: inline-block; justify-self: start; color: var(--ft-claret); background: var(--ft-claret-tint); padding: 4px 10px; border-radius: 4px; font-size: 13px; line-height: 1.7; }
.dt-test-copy { min-width: 0; }
#debater-mbti-root .dt-test-copy h2 { font-size: 25px; font-weight: 700; margin-bottom: 10px; }
.dt-test-copy > p { font-size: 15px; line-height: 1.7; margin-bottom: 8px; overflow-wrap: anywhere; }
.dt-test-copy > .dt-test-meta { color: var(--ft-text-secondary); font-size: 14px; margin-bottom: 0; }
.dt-test-action { min-width: 120px; align-self: center; background: transparent; }
.dt-test-action.dm-primary { background: var(--ft-claret); }
.dt-test-action:hover { background: var(--ft-claret-tint); }
.dt-test-action.dm-primary:hover { background: var(--ft-claret); filter: brightness(1.08); }
.dt-empty { padding: 44px 20px; text-align: center; border-top: 1px solid var(--ft-border); }
#debater-mbti-root .dt-empty h2 { font-size: 24px; }
.dt-empty > p { color: var(--ft-text-secondary); font-size: 15px; }
.dt-disclosure { margin: 36px 0 0; color: var(--ft-text-secondary); font-size: 13px; line-height: 1.8; }
.dt-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1100px) and (min-width: 761px) {
  .dt-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 28px; }
  .dt-test-row { grid-template-columns: minmax(0, 1fr) auto; gap: 12px 20px; }
  .dt-category-tag { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  #debater-mbti-root .dt-hub { padding: 96px 20px 32px; }
  .dt-header { flex-direction: column; gap: 12px; margin-bottom: 24px; }
  #debater-mbti-root .dt-header h1 { font-size: 36px !important; margin-bottom: 12px; }
  .dt-intro { font-size: 15px; }
  .dt-utilities { padding-top: 0; }
  .dt-utility-link { padding: 8px 16px; font-size: 14px; }
  .dt-utility-link:first-child { padding-left: 0; }
  .dt-layout { display: block; }
  .dt-categories { display: none; }
  .dt-category-select { display: block; width: 100%; min-height: 44px; margin-bottom: 12px; padding: 10px 12px; border: 1px solid var(--ft-border); border-radius: 6px; color: var(--ft-text-primary); background: var(--ft-bg-card); font: inherit; font-size: 15px; }
  .dt-category-select option { color: var(--ft-text-primary); background: var(--ft-bg-card); }
  .dt-search-box { margin-bottom: 6px; }
  .dt-test-row { display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 24px 0; }
  .dt-category-tag { align-self: flex-start; font-size: 12px; padding: 2px 8px; }
  #debater-mbti-root .dt-test-copy h2 { font-size: 23px; margin-bottom: 8px; }
  .dt-test-copy > p { font-size: 14px; }
  .dt-test-copy > .dt-test-meta { font-size: 13px; }
  .dt-test-action { width: 100%; align-self: stretch; }
  .dt-disclosure { margin-top: 24px; font-size: 12px; }
}
@media (max-width: 360px) {
  #debater-mbti-root .dt-hub { padding-inline: 16px; }
  #debater-mbti-root .dt-header h1 { font-size: 32px !important; }
}

/* 取自 2026-10-17 生产判准答题页；data-tq 隔离原组件样式，题本和保存逻辑不在此层。 */
[data-tq-host]{display:block}
.judge-test-shell[data-tq]{min-height:100vh;padding:6.5rem clamp(1rem,4vw,3.5rem) 3.5rem;color:var(--ft-text, #f4efe6);background:radial-gradient(circle at 18% 8%,rgba(183,135,45,.16),transparent 36%),radial-gradient(circle at 85% 18%,rgba(145,35,39,.14),transparent 34%)}
.judge-test-wrap[data-tq]{width:min(1320px,100%);margin:0 auto}
.judge-masthead[data-tq]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:2.25rem}
.back-link[data-tq]{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.55rem 1rem;border:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 30%,transparent);border-radius:999px;color:var(--ft-muted, #a8a29e);text-decoration:none;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}
.back-link[data-tq]:hover{color:var(--ft-gold, #d6a74b);border-color:color-mix(in srgb,var(--ft-gold, #d6a74b) 62%,transparent);background:color-mix(in srgb,var(--ft-gold, #d6a74b) 8%,transparent)}
.back-link[data-tq]:focus-visible{outline:2px solid #d6a74b;outline-offset:2px}
.seal[data-tq]{grid-column:1;grid-row:1;width:54px;height:54px;display:grid;place-items:center;border:2px solid #a7262b;color:#c43b3f;font-size:1.7rem;font-family:serif;transform:rotate(-4deg);box-shadow:0 6px 18px #a7262b2e}
.chapter[data-tq]{color:var(--ft-gold, #d6a74b);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}
.masthead-copy[data-tq]{grid-column:2;grid-row:1;min-width:0}
h1[data-tq]{font-family:serif;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:500;line-height:1.08;margin:0}
.subtitle[data-tq], .muted[data-tq]{color:var(--ft-muted, #a8a29e)}
.subtitle[data-tq]{margin:.55rem 0 0;line-height:1.65}
.intro-grid[data-tq]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:1rem}
.intro-card[data-tq], .history-card[data-tq], .state-card[data-tq], .case-brief[data-tq]{background:color-mix(in srgb,var(--ft-surface, #171717) 90%,transparent);border:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 24%,transparent);box-shadow:0 24px 70px #00000038}
.intro-card[data-tq]{padding:clamp(1.5rem,4vw,3.4rem);border-radius:6px 32px 6px 6px}
.intro-card[data-tq]   h2[data-tq]{font-family:serif;font-size:clamp(1.6rem,3vw,2.4rem);margin:.9rem 0}
.intro-card[data-tq]   p[data-tq], .intro-card[data-tq]   li[data-tq]{color:var(--ft-muted, #c3bdb3);line-height:1.8}
.intro-card[data-tq]   ul[data-tq]{padding-left:1.2rem;margin:1.3rem 0 2rem}
.history-card[data-tq]{padding:1.3rem;border-radius:6px}
.history-card[data-tq]   h2[data-tq]{margin:.2rem 0 1rem;font-family:serif}
.history-row[data-tq]{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 0;border-top:1px solid rgba(148,163,184,.14);color:inherit;text-decoration:none;transition:padding-left .2s ease}
.history-row[data-tq]:hover{padding-left:.35rem}
.history-row[data-tq]   small[data-tq]{color:var(--ft-muted, #a8a29e)}
button[data-tq]{min-height:44px;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
button[data-tq]:disabled{opacity:.5;cursor:not-allowed}
button[data-tq]:focus-visible{outline:2px solid #d6a74b;outline-offset:2px}
.primary-action[data-tq]{border:0;background:linear-gradient(135deg,#d6a74b,#b87822);color:#17120b;font-weight:800;padding:.85rem 1.6rem;border-radius:6px}
.primary-action[data-tq]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #d6a74b47}
.secondary-action[data-tq]{border:1px solid rgba(148,163,184,.28);background:transparent;color:inherit;padding:.75rem 1.2rem;border-radius:6px}
.secondary-action[data-tq]:not(:disabled):hover{border-color:#d6a74b8c}
.danger-link[data-tq]{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:#a17373;font-size:.84rem;min-height:44px;padding:.55rem .75rem;border-radius:6px;justify-self:start}
.danger-link[data-tq]:not(:disabled):hover{color:#d68a8d;background:#a7262b14}
.state-card[data-tq]{padding:2rem;border-radius:6px;text-align:center}
.state-card.error[data-tq]{border-color:#9f3f46}
.state-card[data-tq]   button[data-tq]{margin-top:1rem}
.question-stage[data-tq]{max-width:none;margin:0 auto}
.progress-panel[data-tq]{margin-bottom:1.75rem}
.progress-head[data-tq]{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--ft-muted, #a8a29e);font-size:.9rem}
.progress-meta[data-tq]{display:flex;align-items:center;gap:0}
.progress-count[data-tq]{color:var(--ft-text, #f4efe6);font-weight:700;letter-spacing:.02em}
.progress-meta[data-tq]   small[data-tq]{display:inline-flex;align-items:center;min-height:1.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid color-mix(in srgb,var(--ft-muted, #a8a29e) 26%,transparent);font-variant-numeric:tabular-nums}
.save-state[data-tq]{display:inline-flex;align-items:center;min-height:2rem;color:#8fc39b;white-space:nowrap}
.save-state.failed[data-tq]{color:#dc8e8e}
.save-state.pending[data-tq]{color:#d6b25e}
.save-dot[data-tq]{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:.45rem;flex:none}
.save-state.pending[data-tq]   .save-dot[data-tq]{animation:tq-save-pulse 1s ease-in-out infinite}
@keyframes tq-save-pulse{50%{opacity:.35}
}
.progress-row[data-tq]{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}
.progress-track[data-tq]{flex:1;height:7px;border-radius:999px;background:#94a3b82e;overflow:hidden}
.progress-track[data-tq]   span[data-tq]{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a7262b,#d6a74b);transition:width .3s ease}
.progress-percent[data-tq]{min-width:3.2ch;text-align:right;font-size:.78rem;color:var(--ft-muted, #a8a29e);font-variant-numeric:tabular-nums}
.question-card[data-tq]{position:relative;min-height:0;padding:0}
.case-brief[data-tq]{padding:clamp(1.35rem,2.5vw,2rem);border-radius:6px}
.topic-line[data-tq]{display:flex;align-items:baseline;gap:.85rem;padding-bottom:1.15rem;border-bottom:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 20%,transparent)}
.topic-kicker[data-tq]{flex:none;color:var(--ft-gold, #d6a74b);font-size:.82rem;font-weight:700;letter-spacing:.08em}
.topic-text[data-tq]{min-width:0;padding-left:.85rem;border-left:1px solid color-mix(in srgb,var(--ft-muted, #a8a29e) 30%,transparent);color:var(--ft-muted, #d2cbc1);line-height:1.6}
.case-text[data-tq]{margin:1.15rem 0 0;padding:.15rem 0 .15rem 1.25rem;border-left:3px solid #9f2f34;line-height:1.82;color:var(--ft-muted, #d2cbc1)}
.case-text[data-tq]   span[data-tq]{display:block;color:#c98282;font-size:.72rem;letter-spacing:.15em;margin-bottom:.4rem}
.question-card[data-tq]   h2[data-tq]{font-family:serif;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:500;line-height:1.35;margin:clamp(2rem,4vw,3rem) 0 clamp(1.5rem,3vw,2.25rem);text-align:center}
.scale-layout[data-tq]{display:flex;flex-direction:column;gap:clamp(1.4rem,3vw,2.25rem)}
.scale-anchor-pair[data-tq]{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3.75rem);padding:0 clamp(0rem,2vw,1.5rem)}
.scale-anchor[data-tq]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;min-width:0}
.scale-anchor-low[data-tq]{color:#d6a74b}
.scale-anchor-high[data-tq]{color:#d68a8d}
.scale-anchor-divider[data-tq]{width:1px;height:72px;background:color-mix(in srgb,var(--ft-gold, #d6a74b) 28%,transparent)}
.scale-anchor-badge[data-tq]{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:inherit;font-family:serif;font-weight:700;font-size:1.15rem;box-shadow:0 4px 16px #0000001f}
.scale-anchor-high[data-tq]   .scale-anchor-badge[data-tq]{color:inherit}
.scale-anchor[data-tq]   p[data-tq]{margin:0;line-height:1.75;font-size:.96rem;color:var(--ft-muted, #c8c1b7)}
.scale-choice-zone[data-tq]{min-width:0;padding:0}
.scale-options[data-tq]{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0;border:1px solid rgba(214,167,75,.36);border-radius:8px;overflow:hidden}
.scale-options[data-tq]:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px #ffffff0a}
.scale-options[data-tq]   button[data-tq]{position:relative;z-index:1;min-width:44px;min-height:68px;border:0;border-right:1px solid rgba(214,167,75,.24);background:color-mix(in srgb,var(--ft-surface, #171717) 82%,transparent);color:inherit;border-radius:0;font-family:serif;font-weight:700;font-size:1.25rem}
.scale-options[data-tq]   button[data-tq]:last-child{border-right:0}
.scale-options[data-tq]   button[data-tq]:not(:disabled):hover{background:color-mix(in srgb,var(--ft-gold, #d6a74b) 14%,var(--ft-surface, #171717));box-shadow:inset 0 -3px color-mix(in srgb,var(--ft-gold, #d6a74b) 70%,transparent)}
.scale-options[data-tq]   button.selected[data-tq]{background:color-mix(in srgb,var(--ft-gold, #d6a74b) 22%,var(--ft-surface, #171717));color:var(--ft-text, #fffaf2);box-shadow:inset 0 0 0 2px #d6a74b}
.scale-segments[data-tq]{display:grid;grid-template-columns:3fr 1fr 3fr;margin-top:.8rem}
.segment[data-tq]{min-width:0;padding-top:.55rem;border-top:1px solid transparent;text-align:center;font-size:.75rem;letter-spacing:.04em}
.segment-low[data-tq]{border-color:#d6a74bb8;color:#d6a74b}
.segment-mid[data-tq]{border-color:#94a3b866;color:var(--ft-muted, #a8a29e)}
.segment-high[data-tq]{border-color:#c43b3fb8;color:#d68a8d}
.scenario-options[data-tq]{display:grid;gap:.75rem}
.scenario-options[data-tq]   button[data-tq]{position:relative;display:flex;align-items:flex-start;text-align:left;gap:1rem;padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.18);background:#94a3b80d;color:inherit;border-radius:8px}
.scenario-options[data-tq]   button[data-tq]:not(:disabled):hover{transform:translateY(-2px);border-color:#d6a74b80;box-shadow:0 8px 20px #00000047}
.scenario-options[data-tq]   button[data-tq]   b[data-tq]{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6a74b;border-radius:6px;color:#d6a74b;flex:none;transition:inherit}
.scenario-options[data-tq]   button[data-tq]   span[data-tq]{line-height:1.65}
.option-check[data-tq]{margin-left:auto;margin-top:.15rem;width:20px;height:20px;border:1px solid rgba(148,163,184,.4);border-radius:50%;flex:none;display:grid;place-items:center;transition:inherit}
.option-check[data-tq]:after{content:"\2713";font-size:.72rem;line-height:1;color:transparent;transform:scale(.6);transition:inherit}
.scenario-options[data-tq]   button.selected[data-tq]{border-color:#b33a40;background:#9f2f342e;box-shadow:0 0 0 1px #b33a4080}
.scenario-options[data-tq]   button.selected[data-tq]   b[data-tq]{background:#d6a74b;border-color:#d6a74b;color:#17120b}
.scenario-options[data-tq]   button.selected[data-tq]   .option-check[data-tq]{background:#a7262b;border-color:#e3a6a8}
.scenario-options[data-tq]   button.selected[data-tq]   .option-check[data-tq]:after{color:#fff;transform:scale(1)}
.question-actions[data-tq]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 20%,transparent)}
.auto-advance-hint[data-tq]{color:var(--ft-muted, #a8a29e);font-size:.86rem;line-height:1.5;text-align:center}
.light-mode[data-tq-host]   .judge-test-shell[data-tq], .light-mode   [data-tq-host]   .judge-test-shell[data-tq], [data-ft-mode="paper"][data-tq-host]   .judge-test-shell[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .judge-test-shell[data-tq]{color:#262a33}
.light-mode[data-tq-host]   .intro-card[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq], .light-mode[data-tq-host]   .history-card[data-tq], .light-mode   [data-tq-host]   .history-card[data-tq], .light-mode[data-tq-host]   .state-card[data-tq], .light-mode   [data-tq-host]   .state-card[data-tq], .light-mode[data-tq-host]   .case-brief[data-tq], .light-mode   [data-tq-host]   .case-brief[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .state-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .state-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-brief[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-brief[data-tq]{background:#fffaf2;border-color:#785a1e38;box-shadow:0 18px 44px #4b2e141f}
.light-mode[data-tq-host]   .progress-count[data-tq], .light-mode   [data-tq-host]   .progress-count[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-count[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-count[data-tq]{color:#262a33}
.light-mode[data-tq-host]   .progress-track[data-tq], .light-mode   [data-tq-host]   .progress-track[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-track[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-track[data-tq]{background:#64748b40}
.light-mode[data-tq-host]   .scale-anchor[data-tq], .light-mode   [data-tq-host]   .scale-anchor[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor[data-tq]{border-color:#785a1e38}
.light-mode[data-tq-host]   .scale-anchor-low[data-tq], .light-mode   [data-tq-host]   .scale-anchor-low[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor-low[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor-low[data-tq]{background:transparent}
.light-mode[data-tq-host]   .scale-anchor-high[data-tq], .light-mode   [data-tq-host]   .scale-anchor-high[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor-high[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor-high[data-tq]{background:transparent}
.light-mode[data-tq-host]   .scale-anchor[data-tq]   p[data-tq], .light-mode   [data-tq-host]   .scale-anchor[data-tq]   p[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor[data-tq]   p[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor[data-tq]   p[data-tq]{color:#5b564c}
.light-mode[data-tq-host]   .scale-choice-zone[data-tq], .light-mode   [data-tq-host]   .scale-choice-zone[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-choice-zone[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-choice-zone[data-tq]{border-color:transparent;background:transparent}
.light-mode[data-tq-host]   .scale-options[data-tq]:before, .light-mode   [data-tq-host]   .scale-options[data-tq]:before, [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]:before, [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]:before{background:linear-gradient(90deg,#b8862fcc,#64748b66 50%,#a7262bcc)}
.light-mode[data-tq-host]   .scale-options[data-tq]   button[data-tq], .light-mode   [data-tq-host]   .scale-options[data-tq]   button[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button[data-tq]{background:#fffdf7;border-color:#785a1e59;color:#262a33}
.light-mode[data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, .light-mode   [data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover{box-shadow:0 6px 14px #785a1e2e}
.light-mode[data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], .light-mode   [data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button.selected[data-tq]{background:#f4e7c9;border-color:#b8862f;color:#262a33;box-shadow:inset 0 0 0 2px #b8862f}
.light-mode[data-tq-host]   .segment-low[data-tq], .light-mode   [data-tq-host]   .segment-low[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-low[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-low[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .segment-high[data-tq], .light-mode   [data-tq-host]   .segment-high[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-high[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-high[data-tq]{color:#8f252a}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]{background:#ffffff8c;border-color:#785a1e33}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover{border-color:#b8862f8c;box-shadow:0 8px 18px #785a1e29}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]{background:#a7262b1a}
.light-mode[data-tq-host]   .secondary-action[data-tq], .light-mode   [data-tq-host]   .secondary-action[data-tq], [data-ft-mode="paper"][data-tq-host]   .secondary-action[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .secondary-action[data-tq]{border-color:#64748b66}
.light-mode[data-tq-host]   .eyebrow[data-tq], .light-mode   [data-tq-host]   .eyebrow[data-tq], .light-mode[data-tq-host]   .chapter[data-tq], .light-mode   [data-tq-host]   .chapter[data-tq], [data-ft-mode="paper"][data-tq-host]   .eyebrow[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .eyebrow[data-tq], [data-ft-mode="paper"][data-tq-host]   .chapter[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .chapter[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .subtitle[data-tq], .light-mode   [data-tq-host]   .subtitle[data-tq], .light-mode[data-tq-host]   .muted[data-tq], .light-mode   [data-tq-host]   .muted[data-tq], .light-mode[data-tq-host]   .progress-head[data-tq], .light-mode   [data-tq-host]   .progress-head[data-tq], .light-mode[data-tq-host]   .segment-mid[data-tq], .light-mode   [data-tq-host]   .segment-mid[data-tq], .light-mode[data-tq-host]   .progress-percent[data-tq], .light-mode   [data-tq-host]   .progress-percent[data-tq], .light-mode[data-tq-host]   .history-row[data-tq]   small[data-tq], .light-mode   [data-tq-host]   .history-row[data-tq]   small[data-tq], .light-mode[data-tq-host]   .back-link[data-tq], .light-mode   [data-tq-host]   .back-link[data-tq], .light-mode[data-tq-host]   .auto-advance-hint[data-tq], .light-mode   [data-tq-host]   .auto-advance-hint[data-tq], [data-ft-mode="paper"][data-tq-host]   .subtitle[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .subtitle[data-tq], [data-ft-mode="paper"][data-tq-host]   .muted[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .muted[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-head[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-head[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-mid[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-mid[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-percent[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-percent[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-row[data-tq]   small[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-row[data-tq]   small[data-tq], [data-ft-mode="paper"][data-tq-host]   .back-link[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .back-link[data-tq], [data-ft-mode="paper"][data-tq-host]   .auto-advance-hint[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .auto-advance-hint[data-tq]{color:#6b655a}
.light-mode[data-tq-host]   .back-link[data-tq]:hover, .light-mode   [data-tq-host]   .back-link[data-tq]:hover, [data-ft-mode="paper"][data-tq-host]   .back-link[data-tq]:hover, [data-ft-mode="paper"]   [data-tq-host]   .back-link[data-tq]:hover{color:#8a6414}
.light-mode[data-tq-host]   .intro-card[data-tq]   p[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq]   p[data-tq], .light-mode[data-tq-host]   .intro-card[data-tq]   li[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq]   li[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq]   p[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq]   p[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq]   li[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq]   li[data-tq]{color:#4a4438}
.light-mode[data-tq-host]   .case-text[data-tq], .light-mode   [data-tq-host]   .case-text[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-text[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-text[data-tq]{color:#4a4438;background:transparent}
.light-mode[data-tq-host]   .case-text[data-tq]   span[data-tq], .light-mode   [data-tq-host]   .case-text[data-tq]   span[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-text[data-tq]   span[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-text[data-tq]   span[data-tq]{color:#a23b41}
.light-mode[data-tq-host]   .topic-kicker[data-tq], .light-mode   [data-tq-host]   .topic-kicker[data-tq], [data-ft-mode="paper"][data-tq-host]   .topic-kicker[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .topic-kicker[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .topic-text[data-tq], .light-mode   [data-tq-host]   .topic-text[data-tq], [data-ft-mode="paper"][data-tq-host]   .topic-text[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .topic-text[data-tq]{color:#4a4438;border-color:#785a1e47}
.light-mode[data-tq-host]   .save-state[data-tq], .light-mode   [data-tq-host]   .save-state[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state[data-tq]{color:#3d7a4f}
.light-mode[data-tq-host]   .save-state.failed[data-tq], .light-mode   [data-tq-host]   .save-state.failed[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state.failed[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state.failed[data-tq]{color:#b3403c}
.light-mode[data-tq-host]   .save-state.pending[data-tq], .light-mode   [data-tq-host]   .save-state.pending[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state.pending[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state.pending[data-tq]{color:#96741f}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq]{color:#8a6414;border-color:#8a64148c}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq]{background:#b8862f;border-color:#b8862f;color:#fffdf7}
.light-mode[data-tq-host]   .option-check[data-tq], .light-mode   [data-tq-host]   .option-check[data-tq], [data-ft-mode="paper"][data-tq-host]   .option-check[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .option-check[data-tq]{border-color:#64502866}
.light-mode[data-tq-host]   .danger-link[data-tq], .light-mode   [data-tq-host]   .danger-link[data-tq], [data-ft-mode="paper"][data-tq-host]   .danger-link[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .danger-link[data-tq]{color:#9c5555}
.light-mode[data-tq-host]   .history-row[data-tq], .light-mode   [data-tq-host]   .history-row[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-row[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-row[data-tq]{border-top-color:#6450282e}
@media(max-width:900px){.scale-anchor-pair[data-tq]{gap:1.5rem}
}
@media(max-width:700px){.judge-test-shell[data-tq]{padding:5.5rem 1rem 3rem}
.intro-grid[data-tq]{grid-template-columns:1fr}
.judge-masthead[data-tq]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem .9rem;margin-bottom:1.75rem}
.back-link[data-tq]{grid-column:1 / -1;grid-row:1;justify-self:start;padding:.5rem .8rem}
.seal[data-tq]{grid-column:1;grid-row:2;width:46px;height:46px}
.masthead-copy[data-tq]{grid-column:2;grid-row:2}
h1[data-tq]{font-size:clamp(2rem,10vw,2.55rem)}
.subtitle[data-tq]{font-size:.9rem}
.progress-panel[data-tq]{margin-bottom:1.35rem}
.progress-head[data-tq]{align-items:flex-start}
.question-card[data-tq]{min-height:auto}
.case-brief[data-tq]{padding:1.15rem}
.topic-line[data-tq]{align-items:flex-start;flex-direction:column;gap:.45rem;padding-bottom:.9rem}
.topic-text[data-tq]{padding-left:0;border-left:0;font-size:.9rem}
.case-text[data-tq]{padding-left:.95rem;font-size:.96rem;line-height:1.8}
.question-card[data-tq]   h2[data-tq]{margin:1.75rem 0 1.35rem;font-size:clamp(1.55rem,7vw,1.9rem);text-align:left}
.scale-anchor-pair[data-tq]{grid-template-columns:1fr;gap:1rem;padding:0}
.scale-anchor-divider[data-tq]{width:100%;height:1px}
.scale-choice-zone[data-tq]{padding:0}
.scale-anchor[data-tq]{gap:.85rem;padding:0}
.scale-anchor-badge[data-tq]{width:2.5rem;height:2.5rem;font-size:1rem}
.scale-options[data-tq]{gap:0}
.scale-options[data-tq]   button[data-tq]{min-width:44px;min-height:52px;padding:0;font-size:1rem;border-radius:0}
.scale-options[data-tq]   button.selected[data-tq]{transform:none}
.segment[data-tq]{font-size:.66rem;letter-spacing:.02em}
.question-actions[data-tq]{grid-template-columns:1fr 1fr;margin-top:1.5rem;padding-top:1rem}
.question-actions[data-tq]   .secondary-action[data-tq]{grid-column:1;grid-row:1}
.danger-link[data-tq]{grid-column:2;grid-row:1;justify-self:end}
.auto-advance-hint[data-tq]{grid-column:1/-1;grid-row:2;text-align:center}
.progress-meta[data-tq]{flex-direction:column;gap:.2rem}
.progress-meta[data-tq]   small[data-tq]{margin-left:0;padding-left:0;border-left:0}
}
@media(prefers-reduced-motion:reduce){button[data-tq], .back-link[data-tq], .history-row[data-tq], .progress-track[data-tq]   span[data-tq]{transition:none}
.save-state.pending[data-tq]   .save-dot[data-tq]{animation:none}
}

/* 独立价值测试也采用主站当前令牌；仅影响统一答题区及其页面底色。 */
[data-tq-host] {
  --tq-page: var(--ft-bg-paper, #14110f); --tq-card: var(--ft-bg-card, #211c18);
  --tq-text: var(--ft-text-primary, #f6f1e8); --tq-muted: var(--ft-muted, #b1a494);
  --tq-line: var(--ft-border, #4b4035); --tq-accent: var(--ft-claret, #f0645a);
  --tq-control: #2c251f;
  --ft-text: var(--tq-text); --ft-surface: var(--tq-card);
  color: var(--tq-text); font: 15px/1.6 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
}
:root:is(.light-mode,[data-ft-mode='paper']) [data-tq-host] {
  --tq-page: var(--ft-bg-paper, #f8f5ef); --tq-card: var(--ft-bg-card, #fffdf9);
  --tq-text: var(--ft-text-primary, #29251f); --tq-muted: var(--ft-muted, #75695c);
  --tq-line: var(--ft-border, #d8ccbc); --tq-accent: var(--ft-claret, #990f3d); --tq-control: #f0e9de;
}
[data-tq-host] *, [data-tq-host] *::before, [data-tq-host] *::after { box-sizing: border-box; }
[data-tq-host] .judge-test-shell[data-tq] { background: var(--tq-page); color: var(--tq-text); }
[data-tq-host] .judge-test-wrap[data-tq] { color: var(--tq-text); }
[data-tq-host] .judge-masthead h1[data-tq] { font-family: STKaiti, KaiTi, 'Noto Serif SC', 'Songti SC', serif; }
:root:not(.light-mode):not([data-ft-mode='paper']) [data-tq-host] :is(.case-text[data-tq],.topic-text[data-tq],.scale-anchor[data-tq] p[data-tq]) { color: var(--tq-muted); }
[data-tq-host] .judge-test-wrap[data-tq] .case-brief[data-tq] { background: var(--tq-card); border-color: var(--tq-line); border-radius: 12px; }
:root:is(.light-mode,[data-ft-mode='paper']) [data-tq-host] .judge-test-wrap[data-tq] .case-brief[data-tq] { box-shadow: 0 18px 44px rgba(75,46,20,.12); }
[data-tq-host] .scale-options[data-tq] button[data-tq] { min-height: 40px; padding: 8px 14px; font: 600 14px/1.45 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif; border: 1px solid var(--tq-line); border-radius: 8px; background: var(--tq-control); color: var(--tq-text); }
[data-tq-host] .scale-options[data-tq] button[data-tq].selected { box-shadow: inset 0 0 0 2px var(--tq-accent); border-color: var(--tq-accent); background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)); }
[data-tq-host] .secondary-action[data-tq] { min-height: 40px; padding: 8px 14px; font-size: 14px; font-weight: 600; border-color: var(--tq-line); background: var(--tq-control); }
[data-tq-host] .tq-note[data-tq] { color: var(--tq-muted); font-size: 13px; line-height: 1.65; margin: 18px 0 0; }
[data-tq-host] .tq-insufficient { margin-top: 18px; }
[data-tq-host] .tq-insufficient.scenario-options[data-tq] button[data-tq] b[data-tq] { display: none; }
[data-tq-host] .question-stage[data-tq] { scroll-margin-top: 88px; }
[data-tq-host] .question-card h2[data-tq] { scroll-margin-top: 90px; }
#vp-main[data-tq-host] { max-width: none; width: 100%; padding: 0; }
body[data-value-preferences-tool] { --vp-bg: #14110f; --vp-card: #211c18; --vp-text: #f6f1e8; --vp-muted: #cbc1b3; --vp-line: #4b4035; }
:root:is(.light-mode,[data-ft-mode='paper']) body[data-value-preferences-tool] { --vp-bg: #f8f5ef; --vp-card: #fffdf9; --vp-text: #29251f; --vp-muted: #5d5348; --vp-line: #d8ccbc; }
body[data-value-preferences-tool] .judge-test-shell[data-tq] { padding-top: 24px; }
.vp-site-header { max-width: 1320px; }
[data-tq-host] :is(.ep-history,.ep-disclosure,.vp-history) { margin-top: 40px; }
/* 主站按钮由同一命名层的 important 规则接管，选中态需要在该层明确覆盖。 */
@layer debater-visual-system {
  html[data-debater-visual='unified'] [data-tq-host] .scale-options[data-tq] button[data-tq].selected,
  html[data-debater-visual='unified'] [data-tq-host] .scenario-options[data-tq] button[data-tq].selected {
    border-color: var(--tq-accent) !important; background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)) !important;
    box-shadow: inset 0 0 0 2px var(--tq-accent) !important; color: var(--tq-text) !important;
  }
}
@media (max-width: 700px) {
  [data-tq-host] .scale-options[data-tq] button[data-tq] { padding: 8px 4px; font-size: 13px; min-width: 0; min-height: 40px; }
  [data-tq-host] .progress-head[data-tq] { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  [data-tq-host] .save-state[data-tq] { white-space: normal; }
  [data-tq-host] .judge-masthead[data-tq] h1[data-tq] { font-size: clamp(26px, 7vw, 36px); }
}


/* 细分场景共用全站日夜令牌；只展示语境与进度，不引入场景分数。 */
#debater-mbti-root .dm-scenario-overview { margin: 24px 0; padding-top: 24px; border-top: 1px solid var(--ft-border); }
#debater-mbti-root .dm-scenario-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; margin: 20px 0; padding: 0; list-style: none; }
#debater-mbti-root .dm-scenario-list li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
#debater-mbti-root .dm-scenario-number { flex-shrink: 0; color: var(--ft-claret); font-size: 13px; font-weight: 700; padding-top: 2px; }
#debater-mbti-root .dm-scenario-list p { margin: 5px 0; font-size: 14px; color: var(--ft-text-secondary); }
#debater-mbti-root .dm-scenario-list small { color: var(--ft-text-secondary); font-size: 12px; }
#debater-mbti-root .dm-scenario-stage { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 16px; margin: 18px 0 12px; font-size: 14px; color: var(--ft-text-primary); }
#debater-mbti-root .dm-scenario-stage span { color: var(--ft-text-secondary); font-size: 13px; }
#debater-mbti-root .dm-scene-context { margin: 12px 0 0; font-size: 15px; line-height: 1.8; color: var(--ft-text-secondary); }
#debater-mbti-root .scale-options[data-tq] button[data-tq], #debater-mbti-root .secondary-action[data-tq] { min-height: 44px; }
@media (max-width: 640px) {
  #debater-mbti-root .dm-scenario-list { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  #debater-mbti-root .dm-scenario-stage { flex-direction: column; align-items: flex-start; }
  #debater-mbti-root .dm-scene-context { font-size: 14px; }
}

/* 取自 2026-10-17 生产判准答题页；data-tq 隔离原组件样式，题本和保存逻辑不在此层。 */
[data-tq-host]{display:block}
.judge-test-shell[data-tq]{min-height:100vh;padding:6.5rem clamp(1rem,4vw,3.5rem) 3.5rem;color:var(--ft-text, #f4efe6);background:radial-gradient(circle at 18% 8%,rgba(183,135,45,.16),transparent 36%),radial-gradient(circle at 85% 18%,rgba(145,35,39,.14),transparent 34%)}
.judge-test-wrap[data-tq]{width:min(1320px,100%);margin:0 auto}
.judge-masthead[data-tq]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:2.25rem}
.back-link[data-tq]{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.55rem 1rem;border:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 30%,transparent);border-radius:999px;color:var(--ft-muted, #a8a29e);text-decoration:none;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}
.back-link[data-tq]:hover{color:var(--ft-gold, #d6a74b);border-color:color-mix(in srgb,var(--ft-gold, #d6a74b) 62%,transparent);background:color-mix(in srgb,var(--ft-gold, #d6a74b) 8%,transparent)}
.back-link[data-tq]:focus-visible{outline:2px solid #d6a74b;outline-offset:2px}
.seal[data-tq]{grid-column:1;grid-row:1;width:54px;height:54px;display:grid;place-items:center;border:2px solid #a7262b;color:#c43b3f;font-size:1.7rem;font-family:serif;transform:rotate(-4deg);box-shadow:0 6px 18px #a7262b2e}
.chapter[data-tq]{color:var(--ft-gold, #d6a74b);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}
.masthead-copy[data-tq]{grid-column:2;grid-row:1;min-width:0}
h1[data-tq]{font-family:serif;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:500;line-height:1.08;margin:0}
.subtitle[data-tq], .muted[data-tq]{color:var(--ft-muted, #a8a29e)}
.subtitle[data-tq]{margin:.55rem 0 0;line-height:1.65}
.intro-grid[data-tq]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:1rem}
.intro-card[data-tq], .history-card[data-tq], .state-card[data-tq], .case-brief[data-tq]{background:color-mix(in srgb,var(--ft-surface, #171717) 90%,transparent);border:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 24%,transparent);box-shadow:0 24px 70px #00000038}
.intro-card[data-tq]{padding:clamp(1.5rem,4vw,3.4rem);border-radius:6px 32px 6px 6px}
.intro-card[data-tq]   h2[data-tq]{font-family:serif;font-size:clamp(1.6rem,3vw,2.4rem);margin:.9rem 0}
.intro-card[data-tq]   p[data-tq], .intro-card[data-tq]   li[data-tq]{color:var(--ft-muted, #c3bdb3);line-height:1.8}
.intro-card[data-tq]   ul[data-tq]{padding-left:1.2rem;margin:1.3rem 0 2rem}
.history-card[data-tq]{padding:1.3rem;border-radius:6px}
.history-card[data-tq]   h2[data-tq]{margin:.2rem 0 1rem;font-family:serif}
.history-row[data-tq]{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 0;border-top:1px solid rgba(148,163,184,.14);color:inherit;text-decoration:none;transition:padding-left .2s ease}
.history-row[data-tq]:hover{padding-left:.35rem}
.history-row[data-tq]   small[data-tq]{color:var(--ft-muted, #a8a29e)}
button[data-tq]{min-height:44px;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
button[data-tq]:disabled{opacity:.5;cursor:not-allowed}
button[data-tq]:focus-visible{outline:2px solid #d6a74b;outline-offset:2px}
.primary-action[data-tq]{border:0;background:linear-gradient(135deg,#d6a74b,#b87822);color:#17120b;font-weight:800;padding:.85rem 1.6rem;border-radius:6px}
.primary-action[data-tq]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #d6a74b47}
.secondary-action[data-tq]{border:1px solid rgba(148,163,184,.28);background:transparent;color:inherit;padding:.75rem 1.2rem;border-radius:6px}
.secondary-action[data-tq]:not(:disabled):hover{border-color:#d6a74b8c}
.danger-link[data-tq]{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:#a17373;font-size:.84rem;min-height:44px;padding:.55rem .75rem;border-radius:6px;justify-self:start}
.danger-link[data-tq]:not(:disabled):hover{color:#d68a8d;background:#a7262b14}
.state-card[data-tq]{padding:2rem;border-radius:6px;text-align:center}
.state-card.error[data-tq]{border-color:#9f3f46}
.state-card[data-tq]   button[data-tq]{margin-top:1rem}
.question-stage[data-tq]{max-width:none;margin:0 auto}
.progress-panel[data-tq]{margin-bottom:1.75rem}
.progress-head[data-tq]{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--ft-muted, #a8a29e);font-size:.9rem}
.progress-meta[data-tq]{display:flex;align-items:center;gap:0}
.progress-count[data-tq]{color:var(--ft-text, #f4efe6);font-weight:700;letter-spacing:.02em}
.progress-meta[data-tq]   small[data-tq]{display:inline-flex;align-items:center;min-height:1.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid color-mix(in srgb,var(--ft-muted, #a8a29e) 26%,transparent);font-variant-numeric:tabular-nums}
.save-state[data-tq]{display:inline-flex;align-items:center;min-height:2rem;color:#8fc39b;white-space:nowrap}
.save-state.failed[data-tq]{color:#dc8e8e}
.save-state.pending[data-tq]{color:#d6b25e}
.save-dot[data-tq]{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:.45rem;flex:none}
.save-state.pending[data-tq]   .save-dot[data-tq]{animation:tq-save-pulse 1s ease-in-out infinite}
@keyframes tq-save-pulse{50%{opacity:.35}
}
.progress-row[data-tq]{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}
.progress-track[data-tq]{flex:1;height:7px;border-radius:999px;background:#94a3b82e;overflow:hidden}
.progress-track[data-tq]   span[data-tq]{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a7262b,#d6a74b);transition:width .3s ease}
.progress-percent[data-tq]{min-width:3.2ch;text-align:right;font-size:.78rem;color:var(--ft-muted, #a8a29e);font-variant-numeric:tabular-nums}
.question-card[data-tq]{position:relative;min-height:0;padding:0}
.case-brief[data-tq]{padding:clamp(1.35rem,2.5vw,2rem);border-radius:6px}
.topic-line[data-tq]{display:flex;align-items:baseline;gap:.85rem;padding-bottom:1.15rem;border-bottom:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 20%,transparent)}
.topic-kicker[data-tq]{flex:none;color:var(--ft-gold, #d6a74b);font-size:.82rem;font-weight:700;letter-spacing:.08em}
.topic-text[data-tq]{min-width:0;padding-left:.85rem;border-left:1px solid color-mix(in srgb,var(--ft-muted, #a8a29e) 30%,transparent);color:var(--ft-muted, #d2cbc1);line-height:1.6}
.case-text[data-tq]{margin:1.15rem 0 0;padding:.15rem 0 .15rem 1.25rem;border-left:3px solid #9f2f34;line-height:1.82;color:var(--ft-muted, #d2cbc1)}
.case-text[data-tq]   span[data-tq]{display:block;color:#c98282;font-size:.72rem;letter-spacing:.15em;margin-bottom:.4rem}
.question-card[data-tq]   h2[data-tq]{font-family:serif;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:500;line-height:1.35;margin:clamp(2rem,4vw,3rem) 0 clamp(1.5rem,3vw,2.25rem);text-align:center}
.scale-layout[data-tq]{display:flex;flex-direction:column;gap:clamp(1.4rem,3vw,2.25rem)}
.scale-anchor-pair[data-tq]{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3.75rem);padding:0 clamp(0rem,2vw,1.5rem)}
.scale-anchor[data-tq]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;min-width:0}
.scale-anchor-low[data-tq]{color:#d6a74b}
.scale-anchor-high[data-tq]{color:#d68a8d}
.scale-anchor-divider[data-tq]{width:1px;height:72px;background:color-mix(in srgb,var(--ft-gold, #d6a74b) 28%,transparent)}
.scale-anchor-badge[data-tq]{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:inherit;font-family:serif;font-weight:700;font-size:1.15rem;box-shadow:0 4px 16px #0000001f}
.scale-anchor-high[data-tq]   .scale-anchor-badge[data-tq]{color:inherit}
.scale-anchor[data-tq]   p[data-tq]{margin:0;line-height:1.75;font-size:.96rem;color:var(--ft-muted, #c8c1b7)}
.scale-choice-zone[data-tq]{min-width:0;padding:0}
.scale-options[data-tq]{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0;border:1px solid rgba(214,167,75,.36);border-radius:8px;overflow:hidden}
.scale-options[data-tq]:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px #ffffff0a}
.scale-options[data-tq]   button[data-tq]{position:relative;z-index:1;min-width:44px;min-height:68px;border:0;border-right:1px solid rgba(214,167,75,.24);background:color-mix(in srgb,var(--ft-surface, #171717) 82%,transparent);color:inherit;border-radius:0;font-family:serif;font-weight:700;font-size:1.25rem}
.scale-options[data-tq]   button[data-tq]:last-child{border-right:0}
.scale-options[data-tq]   button[data-tq]:not(:disabled):hover{background:color-mix(in srgb,var(--ft-gold, #d6a74b) 14%,var(--ft-surface, #171717));box-shadow:inset 0 -3px color-mix(in srgb,var(--ft-gold, #d6a74b) 70%,transparent)}
.scale-options[data-tq]   button.selected[data-tq]{background:color-mix(in srgb,var(--ft-gold, #d6a74b) 22%,var(--ft-surface, #171717));color:var(--ft-text, #fffaf2);box-shadow:inset 0 0 0 2px #d6a74b}
.scale-segments[data-tq]{display:grid;grid-template-columns:3fr 1fr 3fr;margin-top:.8rem}
.segment[data-tq]{min-width:0;padding-top:.55rem;border-top:1px solid transparent;text-align:center;font-size:.75rem;letter-spacing:.04em}
.segment-low[data-tq]{border-color:#d6a74bb8;color:#d6a74b}
.segment-mid[data-tq]{border-color:#94a3b866;color:var(--ft-muted, #a8a29e)}
.segment-high[data-tq]{border-color:#c43b3fb8;color:#d68a8d}
.scenario-options[data-tq]{display:grid;gap:.75rem}
.scenario-options[data-tq]   button[data-tq]{position:relative;display:flex;align-items:flex-start;text-align:left;gap:1rem;padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.18);background:#94a3b80d;color:inherit;border-radius:8px}
.scenario-options[data-tq]   button[data-tq]:not(:disabled):hover{transform:translateY(-2px);border-color:#d6a74b80;box-shadow:0 8px 20px #00000047}
.scenario-options[data-tq]   button[data-tq]   b[data-tq]{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6a74b;border-radius:6px;color:#d6a74b;flex:none;transition:inherit}
.scenario-options[data-tq]   button[data-tq]   span[data-tq]{line-height:1.65}
.option-check[data-tq]{margin-left:auto;margin-top:.15rem;width:20px;height:20px;border:1px solid rgba(148,163,184,.4);border-radius:50%;flex:none;display:grid;place-items:center;transition:inherit}
.option-check[data-tq]:after{content:"\2713";font-size:.72rem;line-height:1;color:transparent;transform:scale(.6);transition:inherit}
.scenario-options[data-tq]   button.selected[data-tq]{border-color:#b33a40;background:#9f2f342e;box-shadow:0 0 0 1px #b33a4080}
.scenario-options[data-tq]   button.selected[data-tq]   b[data-tq]{background:#d6a74b;border-color:#d6a74b;color:#17120b}
.scenario-options[data-tq]   button.selected[data-tq]   .option-check[data-tq]{background:#a7262b;border-color:#e3a6a8}
.scenario-options[data-tq]   button.selected[data-tq]   .option-check[data-tq]:after{color:#fff;transform:scale(1)}
.question-actions[data-tq]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 20%,transparent)}
.auto-advance-hint[data-tq]{color:var(--ft-muted, #a8a29e);font-size:.86rem;line-height:1.5;text-align:center}
.light-mode[data-tq-host]   .judge-test-shell[data-tq], .light-mode   [data-tq-host]   .judge-test-shell[data-tq], [data-ft-mode="paper"][data-tq-host]   .judge-test-shell[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .judge-test-shell[data-tq]{color:#262a33}
.light-mode[data-tq-host]   .intro-card[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq], .light-mode[data-tq-host]   .history-card[data-tq], .light-mode   [data-tq-host]   .history-card[data-tq], .light-mode[data-tq-host]   .state-card[data-tq], .light-mode   [data-tq-host]   .state-card[data-tq], .light-mode[data-tq-host]   .case-brief[data-tq], .light-mode   [data-tq-host]   .case-brief[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .state-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .state-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-brief[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-brief[data-tq]{background:#fffaf2;border-color:#785a1e38;box-shadow:0 18px 44px #4b2e141f}
.light-mode[data-tq-host]   .progress-count[data-tq], .light-mode   [data-tq-host]   .progress-count[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-count[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-count[data-tq]{color:#262a33}
.light-mode[data-tq-host]   .progress-track[data-tq], .light-mode   [data-tq-host]   .progress-track[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-track[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-track[data-tq]{background:#64748b40}
.light-mode[data-tq-host]   .scale-anchor[data-tq], .light-mode   [data-tq-host]   .scale-anchor[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor[data-tq]{border-color:#785a1e38}
.light-mode[data-tq-host]   .scale-anchor-low[data-tq], .light-mode   [data-tq-host]   .scale-anchor-low[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor-low[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor-low[data-tq]{background:transparent}
.light-mode[data-tq-host]   .scale-anchor-high[data-tq], .light-mode   [data-tq-host]   .scale-anchor-high[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor-high[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor-high[data-tq]{background:transparent}
.light-mode[data-tq-host]   .scale-anchor[data-tq]   p[data-tq], .light-mode   [data-tq-host]   .scale-anchor[data-tq]   p[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor[data-tq]   p[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor[data-tq]   p[data-tq]{color:#5b564c}
.light-mode[data-tq-host]   .scale-choice-zone[data-tq], .light-mode   [data-tq-host]   .scale-choice-zone[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-choice-zone[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-choice-zone[data-tq]{border-color:transparent;background:transparent}
.light-mode[data-tq-host]   .scale-options[data-tq]:before, .light-mode   [data-tq-host]   .scale-options[data-tq]:before, [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]:before, [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]:before{background:linear-gradient(90deg,#b8862fcc,#64748b66 50%,#a7262bcc)}
.light-mode[data-tq-host]   .scale-options[data-tq]   button[data-tq], .light-mode   [data-tq-host]   .scale-options[data-tq]   button[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button[data-tq]{background:#fffdf7;border-color:#785a1e59;color:#262a33}
.light-mode[data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, .light-mode   [data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover{box-shadow:0 6px 14px #785a1e2e}
.light-mode[data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], .light-mode   [data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button.selected[data-tq]{background:#f4e7c9;border-color:#b8862f;color:#262a33;box-shadow:inset 0 0 0 2px #b8862f}
.light-mode[data-tq-host]   .segment-low[data-tq], .light-mode   [data-tq-host]   .segment-low[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-low[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-low[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .segment-high[data-tq], .light-mode   [data-tq-host]   .segment-high[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-high[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-high[data-tq]{color:#8f252a}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]{background:#ffffff8c;border-color:#785a1e33}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover{border-color:#b8862f8c;box-shadow:0 8px 18px #785a1e29}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]{background:#a7262b1a}
.light-mode[data-tq-host]   .secondary-action[data-tq], .light-mode   [data-tq-host]   .secondary-action[data-tq], [data-ft-mode="paper"][data-tq-host]   .secondary-action[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .secondary-action[data-tq]{border-color:#64748b66}
.light-mode[data-tq-host]   .eyebrow[data-tq], .light-mode   [data-tq-host]   .eyebrow[data-tq], .light-mode[data-tq-host]   .chapter[data-tq], .light-mode   [data-tq-host]   .chapter[data-tq], [data-ft-mode="paper"][data-tq-host]   .eyebrow[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .eyebrow[data-tq], [data-ft-mode="paper"][data-tq-host]   .chapter[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .chapter[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .subtitle[data-tq], .light-mode   [data-tq-host]   .subtitle[data-tq], .light-mode[data-tq-host]   .muted[data-tq], .light-mode   [data-tq-host]   .muted[data-tq], .light-mode[data-tq-host]   .progress-head[data-tq], .light-mode   [data-tq-host]   .progress-head[data-tq], .light-mode[data-tq-host]   .segment-mid[data-tq], .light-mode   [data-tq-host]   .segment-mid[data-tq], .light-mode[data-tq-host]   .progress-percent[data-tq], .light-mode   [data-tq-host]   .progress-percent[data-tq], .light-mode[data-tq-host]   .history-row[data-tq]   small[data-tq], .light-mode   [data-tq-host]   .history-row[data-tq]   small[data-tq], .light-mode[data-tq-host]   .back-link[data-tq], .light-mode   [data-tq-host]   .back-link[data-tq], .light-mode[data-tq-host]   .auto-advance-hint[data-tq], .light-mode   [data-tq-host]   .auto-advance-hint[data-tq], [data-ft-mode="paper"][data-tq-host]   .subtitle[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .subtitle[data-tq], [data-ft-mode="paper"][data-tq-host]   .muted[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .muted[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-head[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-head[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-mid[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-mid[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-percent[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-percent[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-row[data-tq]   small[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-row[data-tq]   small[data-tq], [data-ft-mode="paper"][data-tq-host]   .back-link[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .back-link[data-tq], [data-ft-mode="paper"][data-tq-host]   .auto-advance-hint[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .auto-advance-hint[data-tq]{color:#6b655a}
.light-mode[data-tq-host]   .back-link[data-tq]:hover, .light-mode   [data-tq-host]   .back-link[data-tq]:hover, [data-ft-mode="paper"][data-tq-host]   .back-link[data-tq]:hover, [data-ft-mode="paper"]   [data-tq-host]   .back-link[data-tq]:hover{color:#8a6414}
.light-mode[data-tq-host]   .intro-card[data-tq]   p[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq]   p[data-tq], .light-mode[data-tq-host]   .intro-card[data-tq]   li[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq]   li[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq]   p[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq]   p[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq]   li[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq]   li[data-tq]{color:#4a4438}
.light-mode[data-tq-host]   .case-text[data-tq], .light-mode   [data-tq-host]   .case-text[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-text[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-text[data-tq]{color:#4a4438;background:transparent}
.light-mode[data-tq-host]   .case-text[data-tq]   span[data-tq], .light-mode   [data-tq-host]   .case-text[data-tq]   span[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-text[data-tq]   span[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-text[data-tq]   span[data-tq]{color:#a23b41}
.light-mode[data-tq-host]   .topic-kicker[data-tq], .light-mode   [data-tq-host]   .topic-kicker[data-tq], [data-ft-mode="paper"][data-tq-host]   .topic-kicker[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .topic-kicker[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .topic-text[data-tq], .light-mode   [data-tq-host]   .topic-text[data-tq], [data-ft-mode="paper"][data-tq-host]   .topic-text[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .topic-text[data-tq]{color:#4a4438;border-color:#785a1e47}
.light-mode[data-tq-host]   .save-state[data-tq], .light-mode   [data-tq-host]   .save-state[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state[data-tq]{color:#3d7a4f}
.light-mode[data-tq-host]   .save-state.failed[data-tq], .light-mode   [data-tq-host]   .save-state.failed[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state.failed[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state.failed[data-tq]{color:#b3403c}
.light-mode[data-tq-host]   .save-state.pending[data-tq], .light-mode   [data-tq-host]   .save-state.pending[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state.pending[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state.pending[data-tq]{color:#96741f}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq]{color:#8a6414;border-color:#8a64148c}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq]{background:#b8862f;border-color:#b8862f;color:#fffdf7}
.light-mode[data-tq-host]   .option-check[data-tq], .light-mode   [data-tq-host]   .option-check[data-tq], [data-ft-mode="paper"][data-tq-host]   .option-check[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .option-check[data-tq]{border-color:#64502866}
.light-mode[data-tq-host]   .danger-link[data-tq], .light-mode   [data-tq-host]   .danger-link[data-tq], [data-ft-mode="paper"][data-tq-host]   .danger-link[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .danger-link[data-tq]{color:#9c5555}
.light-mode[data-tq-host]   .history-row[data-tq], .light-mode   [data-tq-host]   .history-row[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-row[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-row[data-tq]{border-top-color:#6450282e}
@media(max-width:900px){.scale-anchor-pair[data-tq]{gap:1.5rem}
}
@media(max-width:700px){.judge-test-shell[data-tq]{padding:5.5rem 1rem 3rem}
.intro-grid[data-tq]{grid-template-columns:1fr}
.judge-masthead[data-tq]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem .9rem;margin-bottom:1.75rem}
.back-link[data-tq]{grid-column:1 / -1;grid-row:1;justify-self:start;padding:.5rem .8rem}
.seal[data-tq]{grid-column:1;grid-row:2;width:46px;height:46px}
.masthead-copy[data-tq]{grid-column:2;grid-row:2}
h1[data-tq]{font-size:clamp(2rem,10vw,2.55rem)}
.subtitle[data-tq]{font-size:.9rem}
.progress-panel[data-tq]{margin-bottom:1.35rem}
.progress-head[data-tq]{align-items:flex-start}
.question-card[data-tq]{min-height:auto}
.case-brief[data-tq]{padding:1.15rem}
.topic-line[data-tq]{align-items:flex-start;flex-direction:column;gap:.45rem;padding-bottom:.9rem}
.topic-text[data-tq]{padding-left:0;border-left:0;font-size:.9rem}
.case-text[data-tq]{padding-left:.95rem;font-size:.96rem;line-height:1.8}
.question-card[data-tq]   h2[data-tq]{margin:1.75rem 0 1.35rem;font-size:clamp(1.55rem,7vw,1.9rem);text-align:left}
.scale-anchor-pair[data-tq]{grid-template-columns:1fr;gap:1rem;padding:0}
.scale-anchor-divider[data-tq]{width:100%;height:1px}
.scale-choice-zone[data-tq]{padding:0}
.scale-anchor[data-tq]{gap:.85rem;padding:0}
.scale-anchor-badge[data-tq]{width:2.5rem;height:2.5rem;font-size:1rem}
.scale-options[data-tq]{gap:0}
.scale-options[data-tq]   button[data-tq]{min-width:44px;min-height:52px;padding:0;font-size:1rem;border-radius:0}
.scale-options[data-tq]   button.selected[data-tq]{transform:none}
.segment[data-tq]{font-size:.66rem;letter-spacing:.02em}
.question-actions[data-tq]{grid-template-columns:1fr 1fr;margin-top:1.5rem;padding-top:1rem}
.question-actions[data-tq]   .secondary-action[data-tq]{grid-column:1;grid-row:1}
.danger-link[data-tq]{grid-column:2;grid-row:1;justify-self:end}
.auto-advance-hint[data-tq]{grid-column:1/-1;grid-row:2;text-align:center}
.progress-meta[data-tq]{flex-direction:column;gap:.2rem}
.progress-meta[data-tq]   small[data-tq]{margin-left:0;padding-left:0;border-left:0}
}
@media(prefers-reduced-motion:reduce){button[data-tq], .back-link[data-tq], .history-row[data-tq], .progress-track[data-tq]   span[data-tq]{transition:none}
.save-state.pending[data-tq]   .save-dot[data-tq]{animation:none}
}

/* 独立价值测试也采用主站当前令牌；仅影响统一答题区及其页面底色。 */
[data-tq-host] {
  --tq-page: var(--ft-bg-paper, #14110f); --tq-card: var(--ft-bg-card, #211c18);
  --tq-text: var(--ft-text-primary, #f6f1e8); --tq-muted: var(--ft-muted, #b1a494);
  --tq-line: var(--ft-border, #4b4035); --tq-accent: var(--ft-claret, #f0645a);
  --tq-control: #2c251f;
  --ft-text: var(--tq-text); --ft-surface: var(--tq-card);
  color: var(--tq-text); font: 15px/1.6 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
}
:root:is(.light-mode,[data-ft-mode='paper']) [data-tq-host] {
  --tq-page: var(--ft-bg-paper, #f8f5ef); --tq-card: var(--ft-bg-card, #fffdf9);
  --tq-text: var(--ft-text-primary, #29251f); --tq-muted: var(--ft-muted, #75695c);
  --tq-line: var(--ft-border, #d8ccbc); --tq-accent: var(--ft-claret, #990f3d); --tq-control: #f0e9de;
}
[data-tq-host] *, [data-tq-host] *::before, [data-tq-host] *::after { box-sizing: border-box; }
[data-tq-host] .judge-test-shell[data-tq] { background: var(--tq-page); color: var(--tq-text); }
[data-tq-host] .judge-test-wrap[data-tq] { color: var(--tq-text); }
[data-tq-host] .judge-masthead h1[data-tq] { font-family: STKaiti, KaiTi, 'Noto Serif SC', 'Songti SC', serif; }
:root:not(.light-mode):not([data-ft-mode='paper']) [data-tq-host] :is(.case-text[data-tq],.topic-text[data-tq],.scale-anchor[data-tq] p[data-tq]) { color: var(--tq-muted); }
[data-tq-host] .judge-test-wrap[data-tq] .case-brief[data-tq] { background: var(--tq-card); border-color: var(--tq-line); border-radius: 12px; }
:root:is(.light-mode,[data-ft-mode='paper']) [data-tq-host] .judge-test-wrap[data-tq] .case-brief[data-tq] { box-shadow: 0 18px 44px rgba(75,46,20,.12); }
[data-tq-host] .scale-options[data-tq] button[data-tq] { min-height: 40px; padding: 8px 14px; font: 600 14px/1.45 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif; border: 1px solid var(--tq-line); border-radius: 8px; background: var(--tq-control); color: var(--tq-text); }
[data-tq-host] .scale-options[data-tq] button[data-tq].selected { box-shadow: inset 0 0 0 2px var(--tq-accent); border-color: var(--tq-accent); background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)); }
[data-tq-host] .judge-test-wrap[data-tq] .scenario-options[data-tq] button[data-tq] { min-height: 40px; padding: 8px 14px; font: 600 14px/1.45 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif; border: 1px solid var(--tq-line); border-radius: 8px; background: var(--tq-control); color: var(--tq-text); }
[data-tq-host] .judge-test-wrap[data-tq] .scenario-options[data-tq] button[data-tq].selected { border-color: var(--tq-accent); background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)); box-shadow: inset 0 0 0 2px var(--tq-accent); }
[data-tq-host] .secondary-action[data-tq] { min-height: 40px; padding: 8px 14px; font-size: 14px; font-weight: 600; border-color: var(--tq-line); background: var(--tq-control); }
[data-tq-host] .tq-note[data-tq] { color: var(--tq-muted); font-size: 13px; line-height: 1.65; margin: 18px 0 0; }
[data-tq-host] .tq-insufficient { margin-top: 18px; }
[data-tq-host] .tq-insufficient.scenario-options[data-tq] button[data-tq] b[data-tq] { display: none; }
[data-tq-host] .question-stage[data-tq] { scroll-margin-top: 88px; }
[data-tq-host] .question-card h2[data-tq] { scroll-margin-top: 90px; }
#vp-main[data-tq-host] { max-width: none; width: 100%; padding: 0; }
body[data-value-preferences-tool] { --vp-bg: #14110f; --vp-card: #211c18; --vp-text: #f6f1e8; --vp-muted: #cbc1b3; --vp-line: #4b4035; }
:root:is(.light-mode,[data-ft-mode='paper']) body[data-value-preferences-tool] { --vp-bg: #f8f5ef; --vp-card: #fffdf9; --vp-text: #29251f; --vp-muted: #5d5348; --vp-line: #d8ccbc; }
body[data-value-preferences-tool] .judge-test-shell[data-tq] { padding-top: 24px; }
.vp-site-header { max-width: 1320px; }
[data-tq-host] :is(.ep-history,.ep-disclosure,.vp-history) { margin-top: 40px; }
/* 主站按钮由同一命名层的 important 规则接管，选中态需要在该层明确覆盖。 */
@layer debater-visual-system {
  html[data-debater-visual='unified'] [data-tq-host] .scale-options[data-tq] button[data-tq].selected,
  html[data-debater-visual='unified'] [data-tq-host] .scenario-options[data-tq] button[data-tq].selected {
    border-color: var(--tq-accent) !important; background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)) !important;
    box-shadow: inset 0 0 0 2px var(--tq-accent) !important; color: var(--tq-text) !important;
  }
}
@media (max-width: 700px) {
  [data-tq-host] .scale-options[data-tq] button[data-tq] { padding: 8px 4px; font-size: 13px; min-width: 0; min-height: 40px; }
  [data-tq-host] .progress-head[data-tq] { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  [data-tq-host] .save-state[data-tq] { white-space: normal; }
  [data-tq-host] .judge-masthead[data-tq] h1[data-tq] { font-size: 24px; }
}