/* 考试页面顶部栏 */

        .exam-header {

            background: var(--color-white);

            border-bottom: 1px solid var(--border-color);

            padding: var(--space-3) 0;

            position: sticky;

            top: var(--header-height);

            z-index: 90;

        }

        .exam-header-inner {

            display: flex;

            align-items: center;

            justify-content: space-between;

        }

        .exam-header-left {

            display: flex;

            align-items: center;

            gap: var(--space-4);

        }

        .exam-badge {

            display: inline-flex;

            align-items: center;

            gap: var(--space-2);

            padding: 4px 12px;

            background: rgba(196, 30, 58, 0.1);

            color: var(--color-danger);

            border-radius: 9999px;

            font-size: var(--text-xs);

            font-weight: 600;

        }

        .exam-badge::before {

            content: '';

            width: 6px;

            height: 6px;

            background: var(--color-danger);

            border-radius: 50%;

            animation: pulse 1.5s infinite;

        }

        .exam-title {

            font-size: var(--text-base);

            font-weight: 600;

            color: var(--text-primary);

        }

        /* 练习模式深色顶部栏 */

        .practice-header .exam-title {

            color: white;

        }

        .practice-header .exam-badge {

            background: rgba(76, 175, 80, 0.2);

            color: #81c784;

        }

        .practice-header .exam-badge::before {

            background: #81c784;

        }

        .practice-btn {

            padding: 8px 16px;

            background: rgba(255, 255, 255, 0.12);

            border: 1px solid rgba(255, 255, 255, 0.25);

            border-radius: 8px;

            color: white;

            font-size: 13px;

            cursor: pointer;

            transition: all 0.2s;

            display: inline-flex;

            align-items: center;

            gap: 6px;

        }

        .practice-btn:hover {

            background: rgba(255, 255, 255, 0.2);

            border-color: rgba(255, 255, 255, 0.4);

        }

        .exam-header-right {

            display: flex;

            align-items: center;

            gap: var(--space-4);

        }

        .exam-header-timer {

            display: flex;

            align-items: center;

            gap: var(--space-2);

            font-size: var(--text-lg);

            font-weight: 700;

            color: var(--color-primary);

            font-variant-numeric: tabular-nums;

        }

        .exam-header-timer.warning {

            color: var(--color-warning);

        }

        .exam-header-timer.danger {

            color: var(--color-danger);

        }

        

        /* 实操工作区 - 不受1280px限制，100%宽度 */

        .practice-workspace {

            width: 100%;

            max-width: none;

            padding: 0 var(--space-5);

            box-sizing: border-box;

        }

        

        /* 实操布局 - 左场景右面板 */

        .practice-layout {

            display: grid;

            grid-template-columns: minmax(0, 1fr) 360px;

            gap: var(--space-4);

            padding: var(--space-4) 0;

            min-height: calc(100vh - var(--header-height) - 56px);

            position: relative;

        }

        

        /* 模拟器区域 */

        .simulator-wrapper {

            display: flex;

            flex-direction: column;

            gap: var(--space-4);

            min-width: 0;

        }

        /* simulator-container 包含 topbar + scene，高度由内容决定 */

        .simulator-container {

            background: #0d1b2a;

            border-radius: var(--border-radius-lg);

            position: relative;

            overflow: hidden;

            display: flex;

            flex-direction: column;

            border: 1px solid #1b2a3f;

        }

        .simulator-topbar {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding: var(--space-3) var(--space-5);

            background: linear-gradient(180deg, #152238 0%, #0d1b2a 100%);

            border-bottom: 1px solid #1b2a3f;

        }

        .simulator-location {

            display: flex;

            align-items: center;

            gap: var(--space-3);

            color: rgba(255, 255, 255, 0.9);

            font-size: var(--text-sm);

            font-weight: 500;

        }

        .location-dot {

            width: 8px;

            height: 8px;

            background: var(--color-success-light);

            border-radius: 50%;

            box-shadow: 0 0 8px var(--color-success-light);

        }

        .simulator-toolbar {

            display: flex;

            gap: var(--space-2);

        }

        .sim-tool-btn {

            padding: 6px 12px;

            font-size: var(--text-xs);

            color: rgba(255, 255, 255, 0.6);

            background: rgba(255, 255, 255, 0.08);

            border: 1px solid rgba(255, 255, 255, 0.1);

            border-radius: var(--border-radius-sm);

            cursor: pointer;

            transition: all var(--transition-fast);

            display: inline-flex;

            align-items: center;

            gap: 6px;

        }

        .sim-tool-btn:hover {

            background: rgba(255, 255, 255, 0.15);

            border-color: rgba(255, 255, 255, 0.4);

        }

        /* 全屏提交按钮（绿色醒目） */

        .fs-submit-btn {

            background: rgba(76, 175, 80, 0.85);

            border-color: rgba(76, 175, 80, 0.9);

            color: white;

            font-weight: 500;

        }

        .fs-submit-btn:hover {

            background: rgba(76, 175, 80, 1);

            border-color: #4caf50;

        }

        /* 全屏时才显示的按钮 */

        .fs-only-btn {

            display: none;

        }

        .practice-layout.is-fullscreen .fs-only-btn {

            display: inline-flex;

        }

        /* 全屏模式 */

.practice-layout:fullscreen,

.practice-layout:-webkit-full-screen,

.practice-layout.is-fullscreen {

            width: 100vw;

            height: 100vh;

            background: #0a1628;

            padding: 0;

            margin: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            position: relative;

        }

        .practice-layout.is-fullscreen .simulator-wrapper {

            flex: 1;

            width: 100%;

            height: 100%;

            display: flex;

            align-items: center;

            justify-content: center;

            min-width: 0;

        }

        .practice-layout.is-fullscreen .simulator-container {

            width: min(100vw, calc(100vh * 16 / 9));

            height: min(100vh, calc(100vw * 9 / 16));

            border-radius: 0;

            border: none;

        }

        /* 全屏时工具栏悬浮在场景上方，不占Canvas空间 */

        .practice-layout.is-fullscreen .simulator-topbar {

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            z-index: 50;

            background: rgba(13, 27, 42, 0.85);

            backdrop-filter: blur(8px);

        }

        .practice-layout.is-fullscreen .simulator-scene {

            padding: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            height: 100%;

            min-height: 0;

        }

        .practice-layout.is-fullscreen .question-panel {

            position: fixed;

            top: 0;

            right: -420px;

            width: 400px;

            height: 100vh;

            z-index: 100;

            background: var(--color-white);

            box-shadow: -8px 0 24px rgba(0, 0, 0, 0.3);

            transition: right 0.3s ease;

            overflow-y: auto;

            padding: 20px;

            box-sizing: border-box;

        }

        .practice-layout.is-fullscreen .question-panel.panel-open {

            right: 0;

        }

        /* 全屏浮动工具栏 */

        .fs-float-toolbar {

            display: none;

            position: absolute;

            top: 20px;

            right: 20px;

            z-index: 200;

            gap: 8px;

        }

        .practice-layout.is-fullscreen .fs-float-toolbar {

            display: flex;

        }

        .fs-float-btn {

            padding: 10px 16px;

            background: rgba(15, 27, 46, 0.9);

            border: 1px solid rgba(255, 255, 255, 0.15);

            border-radius: 8px;

            color: white;

            font-size: 13px;

            cursor: pointer;

            backdrop-filter: blur(10px);

            display: flex;

            align-items: center;

            gap: 6px;

            transition: all 0.2s;

        }

        .fs-float-btn:hover {

            background: rgba(26, 48, 82, 0.95);

            border-color: rgba(255, 255, 255, 0.25);

        }

        .fs-float-btn.primary {

            background: var(--color-primary);

            border-color: var(--color-primary-light);

            color: white;

        }

        .fs-float-btn.primary:hover {

            background: var(--color-primary-light);

        }

        /* 全屏遮罩（点击关闭面板） */

        /* 全屏遮罩 */

        .fs-panel-overlay {

            display: none;

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, 0.3);

            z-index: 90;

        }

        .practice-layout.is-fullscreen .fs-panel-overlay.visible {

            display: block;

        }

        /* 全屏模式关闭栏 */

        .fs-close-bar {

            display: none;

            padding: 16px 20px 24px;

            position: sticky;

            bottom: 0;

            background: white;

            border-top: 1px solid var(--border-color-light);

        }

        .practice-layout.is-fullscreen .fs-close-bar {

            display: block;

        }

        /* 全屏时隐藏"查看操作要点"等学习提示按钮 */

        .practice-layout.is-fullscreen .view-tips-btn {

            display: none;

        }

        /* 全屏时隐藏"相关知识点"板块 */

        .practice-layout.is-fullscreen .knowledge-points-card {

            display: none;

        }

        

        /* 模拟器内容区 - 消防控制室场景 */

        .simulator-scene {

            position: relative;

            background: #ffffff;

            overflow: hidden;

            width: 100%;

        }

        /* Adobe Animate 场景容器 - 保持 16:9，宽度填满，高度自适应 */

        .animate-stage-container {

            position: relative;

            width: 100%;

            aspect-ratio: 16 / 9;

            overflow: hidden;

            flex-shrink: 0;

        }

        /* Animate Canvas 包装器 - 撑满容器 */

        .anim-wrapper {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            overflow: hidden;

        }

        #animation_container {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            transform-origin: top left;

        }



        /* 场景加载状态 */

        .scene-loading-overlay {

            position: absolute;

            inset: 0;

            background: rgba(13, 27, 42, 0.92);

            z-index: 10;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        .scene-loading-content {

            text-align: center;

            color: rgba(255, 255, 255, 0.8);

        }

        .scene-loading-spinner {

            width: 40px;

            height: 40px;

            border: 3px solid rgba(62, 146, 204, 0.2);

            border-top-color: #3e92cc;

            border-radius: 50%;

            margin: 0 auto 12px;

            animation: sceneSpin 1s linear infinite;

        }

        @keyframes sceneSpin { to { transform: rotate(360deg); } }

        .scene-loading-text { font-size: 14px; }

        .scene-loading-error { font-size: 13px; color: #f44336; margin-top: 8px; display: none; }

        .scene-loading-retry {

            margin-top: 12px;

            padding: 6px 16px;

            background: rgba(62, 146, 204, 0.2);

            border: 1px solid #3e92cc;

            color: #5dade2;

            border-radius: 6px;

            font-size: 13px;

            cursor: pointer;

            display: none;

        }



        /* 全屏提交结果浮层 */

        .fs-submit-result {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            background: rgba(255, 255, 255, 0.95);

            border-radius: 16px;

            padding: 32px 48px;

            text-align: center;

            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);

            z-index: 20;

            animation: fsResultPop 0.3s ease-out;

            min-width: 280px;

        }

        @keyframes fsResultPop {

            0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0; }

            100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }

        }

        .fs-submit-result-icon {

            width: 64px;

            height: 64px;

            border-radius: 50%;

            background: #4caf50;

            color: white;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 32px;

            font-weight: bold;

            margin: 0 auto 16px;

        }

        .fs-submit-result.error .fs-submit-result-icon {

            background: #f44336;

        }

        .fs-submit-result.empty .fs-submit-result-icon {

            background: #ff9800;

        }

        .fs-submit-result-title {

            font-size: 20px;

            font-weight: 700;

            color: #2e7d32;

            margin-bottom: 8px;

        }

        .fs-submit-result.error .fs-submit-result-title {

            color: #c62828;

        }

        .fs-submit-result.empty .fs-submit-result-title {

            color: #e65100;

        }

        .fs-submit-result-desc {

            font-size: 14px;

            color: #666;

            line-height: 1.6;

        }

        

        /* 场景装饰 - 科技感网格 */

        .simulator-scene::before {

            content: '';

            position: absolute;

            inset: 0;

            background-image: 

                linear-gradient(rgba(62, 146, 204, 0.03) 1px, transparent 1px),

                linear-gradient(90deg, rgba(62, 146, 204, 0.03) 1px, transparent 1px);

            background-size: 40px 40px;

        }

        

        /* 场景标签 */

        .scene-label {

            position: absolute;

            top: var(--space-4);

            left: var(--space-5);

            padding: 4px 10px;

            background: rgba(0, 0, 0, 0.4);

            border: 1px solid rgba(255, 255, 255, 0.1);

            border-radius: 4px;

            font-size: 11px;

            color: rgba(255, 255, 255, 0.5);

            letter-spacing: 0.05em;

        }

        .scene-label-right {

            left: auto;

            right: var(--space-5);

        }

        

        /* 火灾报警控制器 */

        .fire-alarm-panel {

            position: relative;

            z-index: 2;

            width: 520px;

            background: linear-gradient(145deg, #2a3a55 0%, #1c2a42 100%);

            border-radius: 12px;

            padding: 20px;

            box-shadow: 

                0 30px 80px rgba(0, 0, 0, 0.5),

                0 0 0 1px rgba(255, 255, 255, 0.05),

                inset 0 1px 0 rgba(255, 255, 255, 0.1);

            border: 1px solid rgba(255, 255, 255, 0.08);

        }

        

        .panel-header {

            text-align: center;

            margin-bottom: 16px;

            padding-bottom: 12px;

            border-bottom: 1px solid rgba(255, 255, 255, 0.08);

        }

        .panel-title {

            color: rgba(255, 255, 255, 0.9);

            font-size: 14px;

            font-weight: 600;

            letter-spacing: 0.05em;

        }

        .panel-subtitle {

            color: rgba(255, 255, 255, 0.4);

            font-size: 11px;

            margin-top: 2px;

        }

        

        /* LCD 显示屏 */

        .panel-screen {

            background: #0a1628;

            border: 2px solid #1e3a5f;

            border-radius: 6px;

            padding: 12px;

            margin-bottom: 16px;

            min-height: 100px;

            position: relative;

            font-family: 'Consolas', 'Monaco', monospace;

        }

        .screen-header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding-bottom: 8px;

            margin-bottom: 8px;

            border-bottom: 1px solid rgba(62, 146, 204, 0.2);

        }

        .screen-status {

            display: flex;

            align-items: center;

            gap: 8px;

            font-size: 11px;

            color: #5dade2;

        }

        .screen-indicator {

            display: flex;

            gap: 6px;

        }

        .ind-dot {

            width: 6px;

            height: 6px;

            border-radius: 50%;

            background: #4CAF50;

            box-shadow: 0 0 4px #4CAF50;

        }

        .ind-dot.alarm {

            background: #f44336;

            box-shadow: 0 0 4px #f44336;

            animation: blink 1s infinite;

        }

        .screen-time {

            font-size: 11px;

            color: rgba(93, 173, 226, 0.6);

        }

        .screen-content {

            font-size: 11px;

            color: #7eb8da;

            line-height: 1.8;

        }

        .screen-line {

            display: flex;

            justify-content: space-between;

        }

        .screen-line .label {

            color: rgba(126, 184, 218, 0.6);

        }

        .screen-line .value {

            color: #5dade2;

        }

        

        /* 指示灯区域 */

        .indicator-zone {

            display: grid;

            grid-template-columns: repeat(6, 1fr);

            gap: 8px;

            margin-bottom: 16px;

            padding: 12px;

            background: rgba(0, 0, 0, 0.2);

            border-radius: 6px;

        }

        .indicator-item {

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 4px;

        }

        .indicator-light {

            width: 12px;

            height: 12px;

            border-radius: 50%;

            background: #2a3a55;

            border: 1px solid #3a4a65;

            transition: all 0.2s;

        }

        .indicator-light.on {

            box-shadow: 0 0 8px currentColor;

        }

        .indicator-light.red.on {

            background: #f44336;

            border-color: #ef5350;

            color: #f44336;

            animation: blink 1s infinite;

        }

        .indicator-light.green.on {

            background: #4CAF50;

            border-color: #66BB6A;

            color: #4CAF50;

        }

        .indicator-light.yellow.on {

            background: #FF9800;

            border-color: #FFB74D;

            color: #FF9800;

        }

        .indicator-label {

            font-size: 9px;

            color: rgba(255, 255, 255, 0.5);

            text-align: center;

        }

        

        /* 按键区 */

        .keypad-zone {

            display: grid;

            grid-template-columns: 2fr 1fr;

            gap: 12px;

        }

        

        .function-keys {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 6px;

        }

        .func-key {

            aspect-ratio: 1.4;

            background: linear-gradient(145deg, #3a4a6a 0%, #2a3a55 100%);

            border: 1px solid rgba(255, 255, 255, 0.1);

            border-radius: 4px;

            color: rgba(255, 255, 255, 0.75);

            font-size: 10px;

            font-weight: 500;

            cursor: pointer;

            transition: all 0.15s;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            gap: 2px;

        }

        .func-key:hover {

            background: linear-gradient(145deg, #4a5a7a 0%, #3a4a65 100%);

            color: white;

        }

        .func-key:active {

            transform: scale(0.95);

            background: linear-gradient(145deg, #2a3a55 0%, #3a4a6a 100%);

        }

        .func-key.red {

            background: linear-gradient(145deg, #c62828 0%, #b71c1c 100%);

            color: white;

        }

        .func-key.red:hover {

            background: linear-gradient(145deg, #d32f2f 0%, #c62828 100%);

        }

        .func-key.green {

            background: linear-gradient(145deg, #2e7d32 0%, #1b5e20 100%);

            color: white;

        }

        .func-key.green:hover {

            background: linear-gradient(145deg, #388e3c 0%, #2e7d32 100%);

        }

        .func-key.yellow {

            background: linear-gradient(145deg, #f57c00 0%, #e65100 100%);

            color: white;

        }

        .func-key.yellow:hover {

            background: linear-gradient(145deg, #fb8c00 0%, #f57c00 100%);

        }

        .func-key .key-icon {

            font-size: 12px;

        }

        

        .numeric-keys {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 6px;

        }

        .num-key {

            aspect-ratio: 1;

            background: linear-gradient(145deg, #4a5a7a 0%, #3a4a65 100%);

            border: 1px solid rgba(255, 255, 255, 0.1);

            border-radius: 4px;

            color: white;

            font-size: 13px;

            font-weight: 600;

            cursor: pointer;

            transition: all 0.15s;

        }

        .num-key:hover {

            background: linear-gradient(145deg, #5a6a8a 0%, #4a5a75 100%);

        }

        .num-key:active {

            transform: scale(0.95);

        }

        

        /* 右侧考试面板 */

        .question-panel {

            display: flex;

            flex-direction: column;

            gap: var(--space-4);

            height: fit-content;

            position: sticky;

            top: calc(var(--header-height) + 56px + 20px);

        }

        

        .panel-card {

            background: var(--color-white);

            border-radius: var(--border-radius-lg);

            border: 1px solid var(--border-color);

            overflow: hidden;

        }

        

        .panel-card-header {

            padding: var(--space-4) var(--space-5);

            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);

            color: white;

            display: flex;

            justify-content: space-between;

            align-items: center;

        }

        .panel-card-title {

            font-size: var(--text-sm);

            font-weight: 600;

        }

        .panel-card-subtitle {

            font-size: 11px;

            opacity: 0.7;

        }

        

        .panel-card-body {

            padding: var(--space-5);

        }

        

        /* 当前题目 */

        .question-meta-row {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: var(--space-3);

        }

        .question-no {

            font-size: var(--text-sm);

            font-weight: 600;

            color: var(--color-primary);

        }

        .question-score {

            font-size: var(--text-xs);

            color: var(--text-tertiary);

            padding: 2px 8px;

            background: var(--color-gray-100);

            border-radius: 9999px;

        }

        .question-name {

            font-size: var(--text-base);

            font-weight: 600;

            color: var(--text-primary);

            line-height: 1.5;

            margin-bottom: var(--space-4);

        }

        .operation-req {

            background: var(--color-gray-50);

            border-radius: var(--border-radius);

            padding: var(--space-3) var(--space-4);

            border-left: 3px solid var(--color-primary);

        }

        .operation-req-label {

            font-size: var(--text-xs);

            font-weight: 600;

            color: var(--color-primary);

            margin-bottom: 4px;

            text-transform: uppercase;

            letter-spacing: 0.05em;

        }

        .operation-req-text {

            font-size: var(--text-sm);

            color: var(--text-secondary);

            line-height: 1.6;

        }

        

        /* 操作记录 */

        .op-record-section {

            max-height: 220px;

            overflow-y: auto;

        }

        .op-record-title {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: var(--space-3);

        }

        .op-record-title span:first-child {

            font-size: var(--text-sm);

            font-weight: 600;

            color: var(--text-primary);

        }

        .op-record-title span:last-child {

            font-size: var(--text-xs);

            color: var(--text-tertiary);

        }

        .op-list {

            display: flex;

            flex-direction: column;

            gap: var(--space-2);

        }

        .op-item {

            display: flex;

            align-items: center;

            gap: var(--space-3);

            padding: var(--space-2) var(--space-3);

            background: var(--color-gray-50);

            border-radius: 6px;

            transition: all var(--transition-fast);

        }

        .op-step {

            flex-shrink: 0;

            width: 22px;

            height: 22px;

            border-radius: 50%;

            background: var(--color-gray-200);

            color: var(--text-secondary);

            font-size: 11px;

            font-weight: 600;

            display: flex;

            align-items: center;

            justify-content: center;

            flex-shrink: 0;

        }

        .op-item.done .op-step {

            background: var(--color-success);

            color: white;

        }

        .op-item.current .op-step {

            background: var(--color-primary);

            color: white;

            box-shadow: 0 0 0 3px rgba(10, 36, 99, 0.15);

        }

        .op-text {

            flex: 1;

            font-size: var(--text-xs);

            color: var(--text-secondary);

            line-height: 1.4;

        }

        .op-item.done .op-text {

            color: var(--text-tertiary);

            text-decoration: line-through;

        }

        .op-item.current .op-text {

            color: var(--text-primary);

            font-weight: 500;

        }

        .op-status {

            flex-shrink: 0;

            font-size: 10px;

        }

        .op-item.done .op-status {

            color: var(--color-success);

        }

        .op-item.current .op-status {

            color: var(--color-primary);

        }

        

        /* 操作步骤列表 */

        .op-step-list {

            display: flex;

            flex-direction: column;

            gap: 8px;

            max-height: 280px;

            overflow-y: auto;

            padding-right: 4px;

        }

        .op-step-list::-webkit-scrollbar {

            width: 4px;

        }

        .op-step-list::-webkit-scrollbar-track {

            background: transparent;

        }

        .op-step-list::-webkit-scrollbar-thumb {

            background: var(--border-color);

            border-radius: 2px;

        }

        .op-step-item {

            display: flex;

            align-items: center;

            gap: 10px;

            padding: 8px 10px;

            background: var(--bg-secondary);

            border-radius: 6px;

            transition: all 0.2s;

            flex-shrink: 0;

        }

        .op-step-item:hover {

            background: rgba(10, 36, 99, 0.06);

        }

        .op-step-num {

            width: 20px;

            height: 20px;

            border-radius: 50%;

            background: var(--color-white);

            border: 2px solid rgba(10, 36, 99, 0.15);

            color: var(--color-primary);

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 11px;

            font-weight: 600;

            flex-shrink: 0;

            line-height: 1;

        }

        .op-step-text {

            font-size: 12px;

            color: var(--text-primary);

            line-height: 1.4;

            flex: 1;

        }



        /* 操作按钮 */

        .action-buttons {

            display: flex;

            flex-direction: column;

            gap: var(--space-3);

            padding: var(--space-5);

        }



        /* 提交答案结果 */

        .submit-result {

            display: flex;

            align-items: center;

            gap: 12px;

            padding: 12px 16px;

            border-radius: 10px;

            background: rgba(76, 175, 80, 0.08);

            border: 1px solid rgba(76, 175, 80, 0.3);

        }

        .submit-result.error {

            background: rgba(244, 67, 54, 0.08);

            border-color: rgba(244, 67, 54, 0.3);

        }

        .submit-result.empty {

            background: rgba(255, 152, 0, 0.08);

            border-color: rgba(255, 152, 0, 0.3);

        }

        .submit-result-icon {

            width: 36px;

            height: 36px;

            border-radius: 50%;

            background: var(--color-success);

            color: white;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 18px;

            font-weight: bold;

            flex-shrink: 0;

        }

        .submit-result.error .submit-result-icon {

            background: var(--color-danger);

        }

        .submit-result.empty .submit-result-icon {

            background: var(--color-warning);

        }

        .submit-result-text {

            flex: 1;

            min-width: 0;

        }

        .submit-result-title {

            font-size: 14px;

            font-weight: 600;

            color: var(--color-success);

            margin-bottom: 2px;

        }

        .submit-result.error .submit-result-title {

            color: var(--color-danger);

        }

        .submit-result.empty .submit-result-title {

            color: var(--color-warning);

        }

        .submit-result-desc {

            font-size: 12px;

            color: var(--text-secondary);

            line-height: 1.5;

        }



        /* 成功按钮 */

        .btn-success {

            background: linear-gradient(135deg, #2e7d32 0%, #43a047 100%);

            border-color: #2e7d32;

            color: white;

        }

        .btn-success:hover {

            background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);

            border-color: #1b5e20;

            transform: translateY(-1px);

            box-shadow: 0 4px 12px rgba(46, 125, 50, 0.3);

        }

        

        /* 提交答案底栏 */

        .submit-answer-footer {

            padding: 16px 20px 12px;

            border-top: 1px solid var(--border-color-light);

            background: var(--color-white);

        }



        /* 题目底部导航 */

        .question-nav-footer {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding: 12px 20px;

            border-top: 1px solid var(--border-color-light);

            background: var(--bg-secondary);

            border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);

        }

        .q-nav-btn-sm {

            display: flex;

            align-items: center;

            gap: 4px;

            padding: 6px 12px;

            background: var(--color-white);

            border: 1px solid var(--border-color);

            border-radius: 6px;

            font-size: 12px;

            color: var(--text-secondary);

            cursor: pointer;

            transition: all 0.2s;

        }

        .q-nav-btn-sm:hover {

            border-color: var(--color-primary);

            color: var(--color-primary);

            background: rgba(10, 36, 99, 0.04);

        }

        .q-nav-btn-sm:disabled {

            opacity: 0.4;

            cursor: not-allowed;

        }

        .q-nav-indicator {

            font-size: 13px;

            font-weight: 600;

            color: var(--text-primary);

        }

        

        /* 题目导航 */

        .question-nav-card {

            background: var(--color-white);

            border-radius: var(--border-radius-lg);

            border: 1px solid var(--border-color);

            padding: var(--space-5);

        }

        .question-nav-title {

            font-size: var(--text-sm);

            font-weight: 600;

            color: var(--text-primary);

            margin-bottom: var(--space-4);

        }

        .question-grid {

            display: grid;

            grid-template-columns: repeat(5, 1fr);

            gap: 8px;

        }

        .q-nav-btn {

            aspect-ratio: 1;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 12px;

            font-weight: 600;

            border-radius: 6px;

            background: var(--color-gray-100);

            color: var(--text-secondary);

            cursor: pointer;

            transition: all var(--transition-fast);

            border: 2px solid transparent;

        }

        .q-nav-btn:hover {

            background: var(--color-gray-200);

        }

        .q-nav-btn.current {

            background: var(--color-primary);

            color: white;

        }

        .q-nav-btn.answered {

            background: rgba(46, 125, 50, 0.12);

            color: var(--color-success);

            border-color: var(--color-success);

        }

        .q-nav-btn.current.answered {

            background: var(--color-success);

            color: white;

        }

        .nav-legend {

            display: flex;

            gap: var(--space-4);

            margin-top: var(--space-4);

            padding-top: var(--space-4);

            border-top: 1px solid var(--border-color);

        }

        .legend-item {

            display: flex;

            align-items: center;

            gap: 6px;

            font-size: 11px;

            color: var(--text-tertiary);

        }

        .legend-box {

            width: 14px;

            height: 14px;

            border-radius: 3px;

        }

        .legend-box.current {

            background: var(--color-primary);

        }

        .legend-box.answered {

            background: rgba(46, 125, 50, 0.12);

            border: 2px solid var(--color-success);

        }

        .legend-box.unanswered {

            background: var(--color-gray-100);

        }

        

        /* 底部提示 */

        .scene-hint {

            position: absolute;

            bottom: var(--space-4);

            left: 50%;

            transform: translateX(-50%);

            padding: 6px 16px;

            background: rgba(0, 0, 0, 0.5);

            backdrop-filter: blur(10px);

            border-radius: 9999px;

            font-size: 11px;

            color: rgba(255, 255, 255, 0.5);

            display: flex;

            align-items: center;

            gap: 8px;

            border: 1px solid rgba(255, 255, 255, 0.1);

        }

        .scene-hint::before {
            content: '';
            width: 6px;
            height: 6px;
            background: var(--color-primary-accent);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        /* 选择题选项样式 */
        .quiz-options {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: 15px;
            padding: 0 4px;
        }

        .quiz-option-card {
            display: flex;
            align-items: center;
            padding: 8px 14px;
            background: #ffffff;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            box-shadow: 0 1px 2px rgba(0,0,0,0.02);
        }

        .quiz-option-card:hover {
            transform: translateY(-1px);
            border-color: #1890ff;
            box-shadow: 0 2px 8px rgba(24, 144, 255, 0.08);
            background: #fbfdff;
        }

        .quiz-option-card input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

        .quiz-option-content {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 100%;
        }

        .quiz-option-prefix {
            font-size: 14px;
            font-weight: 700;
            color: #1890ff;
            flex-shrink: 0;
            transition: all 0.2s;
            min-width: 22px;
        }

        .quiz-option-text {
            font-size: 13px;
            line-height: 1.4;
            color: #434343;
            word-break: break-all;
            font-weight: 500;
        }

        /* 选中状态 */
        .quiz-option-card:has(input:checked) {
            background: #f0f7ff;
            border-color: #1890ff;
            border-width: 1.5px;
            box-shadow: 0 4px 15px rgba(24, 144, 255, 0.15);
        }

        .quiz-option-card input:checked + .quiz-option-content .quiz-option-prefix {
            color: #0050b3;
            transform: scale(1.1);
        }

        .quiz-option-card input:checked + .quiz-option-content .quiz-option-text {
            color: #1890ff;
        }