/* ========================================
   one.css - 一分钟测试样式文件
   包含：测试页面样式 + 结果页面样式
   ======================================== */

/* ========== 测试页面样式 (one_test.html) ========== */

/* 基础样式 */
html{font-size: 16px;}
@media (max-width: 1300px) {html { font-size: 14px; }}
@media (max-width: 768px) {html { font-size: 13px; }}
body.test-page {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; min-height: 100vh; line-height: 1.6; transition: background 0.3s; background: #FDF6E3; margin: 0; padding: 0;}
body.test-page * {margin: 0; padding: 0; box-sizing: border-box;}
body.test-page .container {max-width: 800px; margin: 0 auto; padding: 0 16px;}
body.test-page .test-header {position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 12px 0; transition: all 0.3s;}
body.test-page .header-content {display: flex; align-items: center; justify-content: space-between; gap: 16px;}
body.test-page .header-title {font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; transition: color 0.3s;}
body.test-page .progress-wrap {flex: 1; display: flex; align-items: center; gap: 12px;}
body.test-page .progress-bar {flex: 1; height: 8px; border-radius: 4px; overflow: hidden; transition: background 0.3s;}
body.test-page .progress-fill {height: 100%; border-radius: 4px; transition: width 0.3s ease;}
body.test-page .progress-text {font-size: 0.875rem; white-space: nowrap; transition: color 0.3s;}
body.test-page .exit-btn {padding: 8px 16px; background: transparent; border-radius: 20px; font-size: 0.875rem; cursor: pointer; transition: all 0.2s;}
body.test-page .questions-container {padding: 80px 0 100px;}
body.test-page .question-card {border-radius: 20px; padding: 24px; margin-bottom: 20px; transition: all 0.4s ease; position: relative;}
body.test-page .question-card.inactive {opacity: 0.35; transform: scale(0.98);}
body.test-page .question-card.active {opacity: 1; transform: scale(1);}
body.test-page .question-card.answered {opacity: 0.65;}
body.test-page .question-card.answered.active {opacity: 1;}
body.test-page .question-number {display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font-size: 0.9375rem; font-weight: 700; margin-bottom: 16px;}
body.test-page .question-text {font-size: 1.125rem; font-weight: 600; line-height: 1.6; margin-bottom: 20px; transition: color 0.3s;}
body.test-page .question-image {max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 16px; display: block;}
body.test-page .question-image svg {max-width: 100%; height: auto; display: block;}
body.test-page .question-image img {max-width: 100%; height: auto; border-radius: 12px; display: block;}
body.test-page .options-list {display: flex; flex-direction: column; gap: 12px;}
body.test-page .option-item {padding: 16px 20px; border-radius: 14px; cursor: pointer; transition: all 0.25s ease; display: flex; align-items: center; gap: 12px;}
body.test-page .option-item:hover {transform: translateX(4px);}
body.test-page .option-item.selected {color: #fff;}
body.test-page .option-letter {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.875rem; font-weight: 700; flex-shrink: 0;}
body.test-page .option-text {flex: 1; font-size: 0.9375rem; line-height: 1.5;}
body.test-page .option-check {font-size: 1.25rem; opacity: 0; transition: opacity 0.2s;}
body.test-page .option-item.selected .option-check {opacity: 1;}
body.test-page .skip-btn {margin-top: 16px; padding: 10px 20px; background: transparent; border-radius: 10px; font-size: 0.8125rem; cursor: pointer; transition: all 0.2s;}
body.test-page .submit-bar {position: fixed; bottom: 0; left: 0; right: 0; padding: 16px; z-index: 100; transition: all 0.3s;}
body.test-page .submit-content {display: flex; align-items: center; justify-content: space-between; gap: 16px;}
body.test-page .submit-info {font-size: 0.9375rem; transition: color 0.3s;}
body.test-page .submit-info .highlight {font-weight: 700;}
body.test-page .submit-btn {padding: 14px 40px; color: #fff; border: none; border-radius: 25px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: all 0.3s;}
body.test-page .submit-btn:hover {transform: scale(1.05);}
body.test-page .submit-btn:disabled {cursor: not-allowed; transform: none;}
body.test-page .incomplete-hint {position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); color: #fff; padding: 12px 24px; border-radius: 25px; font-size: 0.875rem; opacity: 0; visibility: hidden; transition: all 0.3s;}
body.test-page .incomplete-hint.show {opacity: 1; visibility: visible;}
body.test-page .complete-hint {position: fixed; bottom: 120px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, rgba(16, 185, 129, 0.7), rgba(5, 150, 105, 0.7)); color: #fff; padding: 14px 28px; border-radius: 10px; font-size: 0.9375rem; font-weight: 600; opacity: 0; visibility: hidden; transition: all 0.3s; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3); text-align: center; line-height: 1.5;}
body.test-page .complete-hint.show {opacity: 1; visibility: visible;}
body.test-page .complete-hint .emoji {font-size: 1.25rem; margin-right: 4px;}
body.test-page .loading-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 200;}
body.test-page .loading-spinner {width: 50px; height: 50px; border: 3px solid; border-radius: 50%; animation: spin 1s linear infinite;}
@keyframes spin {to {transform: rotate(360deg);}}
@keyframes bounce {0%, 100% {transform: translateY(0);} 50% {transform: translateY(-10px);}}
body.test-page .loading-overlay.hidden {display: none;}
@media (max-width: 768px) {body.test-page .header-title {max-width: 120px; font-size: 0.875rem;} body.test-page .question-card {padding: 20px 16px;} body.test-page .question-text {font-size: 1rem;} body.test-page .option-item {padding: 14px 16px;} body.test-page .submit-btn {padding: 12px 30px; font-size: 0.9375rem;}}

/* 可爱风 - 粉色系 + 护眼黄背景 */
body.test-page.theme-cute {--cute-primary: #FF6B9D; --cute-secondary: #FFB6C1; --cute-card: #FFFBF5; --cute-text: #8B4B6B; --cute-text-light: #B88A9F; --cute-border: #FFD6E7; --cute-shadow: rgba(255, 107, 157, 0.2); background: linear-gradient(135deg, #FDF6E3 0%, #FFF8E7 50%, #FDF6E3 100%); background-attachment: fixed;}
body.test-page.theme-cute .test-header {background: rgba(255, 251, 245, 0.95); border-bottom: 1px solid var(--cute-border); backdrop-filter: blur(10px);}
body.test-page.theme-cute .header-title {color: var(--cute-text);}
body.test-page.theme-cute .progress-bar {background: var(--cute-border);}
body.test-page.theme-cute .progress-fill {background: linear-gradient(90deg, var(--cute-primary), var(--cute-secondary));}
body.test-page.theme-cute .progress-text {color: var(--cute-text-light);}
body.test-page.theme-cute .exit-btn {border: 1px solid var(--cute-border); color: var(--cute-text-light);}
body.test-page.theme-cute .exit-btn:hover {background: rgba(255, 107, 157, 0.1); border-color: var(--cute-primary); color: var(--cute-primary);}
body.test-page.theme-cute .question-card {background: var(--cute-card); border: 2px solid var(--cute-border); box-shadow: 0 4px 20px var(--cute-shadow);}
body.test-page.theme-cute .question-card.inactive {background: var(--cute-card);}
body.test-page.theme-cute .question-card.active {border-color: var(--cute-primary); box-shadow: 0 8px 30px var(--cute-shadow);}
body.test-page.theme-cute .question-number {background: linear-gradient(135deg, var(--cute-primary), var(--cute-secondary)); color: #fff;}
body.test-page.theme-cute .question-text {color: var(--cute-text);}
body.test-page.theme-cute .option-item {background: rgba(255, 182, 193, 0.15); border: 2px solid transparent;}
body.test-page.theme-cute .option-item:hover {background: rgba(255, 107, 157, 0.15); border-color: rgba(255, 107, 157, 0.3);}
body.test-page.theme-cute .option-item.selected {background: linear-gradient(135deg, var(--cute-primary), var(--cute-secondary)); border-color: transparent;}
body.test-page.theme-cute .option-item.selected .option-letter {background: rgba(255,255,255,0.3); color: #fff;}
body.test-page.theme-cute .option-letter {background: rgba(255, 107, 157, 0.2); color: var(--cute-primary);}
body.test-page.theme-cute .option-text {color: var(--cute-text);}
body.test-page.theme-cute .skip-btn {border: 1px dashed var(--cute-border); color: var(--cute-text-light);}
body.test-page.theme-cute .skip-btn:hover {border-color: var(--cute-primary); color: var(--cute-primary);}
body.test-page.theme-cute .submit-bar {background: rgba(255, 251, 245, 0.95); border-top: 1px solid var(--cute-border); backdrop-filter: blur(10px);}
body.test-page.theme-cute .submit-info {color: var(--cute-text-light);}
body.test-page.theme-cute .submit-info .highlight {color: var(--cute-primary);}
body.test-page.theme-cute .submit-btn {background: linear-gradient(135deg, var(--cute-primary), var(--cute-secondary)); box-shadow: 0 4px 15px var(--cute-shadow);}
body.test-page.theme-cute .submit-btn:disabled {background: var(--cute-border); color: var(--cute-text-light);}
body.test-page.theme-cute .incomplete-hint {background: #FF6B6B;}
body.test-page.theme-cute .loading-overlay {background: linear-gradient(135deg, #FDF6E3, #FFF8E7);}
body.test-page.theme-cute .loading-spinner {border-color: var(--cute-border); border-top-color: var(--cute-primary);}

/* 简约风 - 清爽白色 */
body.test-page.theme-simple {--simple-primary: #6C5CE7; --simple-secondary: #A29BFE; --simple-bg: #F8F9FF; --simple-card: #FFFFFF; --simple-text: #2D3436; --simple-text-light: #636E72; --simple-border: #E8E8F0; --simple-shadow: rgba(108, 92, 231, 0.15); background: var(--simple-bg);}
body.test-page.theme-simple .test-header {background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid var(--simple-border); backdrop-filter: blur(10px);}
body.test-page.theme-simple .header-title {color: var(--simple-text);}
body.test-page.theme-simple .progress-bar {background: var(--simple-border);}
body.test-page.theme-simple .progress-fill {background: linear-gradient(90deg, var(--simple-primary), var(--simple-secondary));}
body.test-page.theme-simple .progress-text {color: var(--simple-text-light);}
body.test-page.theme-simple .exit-btn {border: 1px solid var(--simple-border); color: var(--simple-text-light);}
body.test-page.theme-simple .exit-btn:hover {background: rgba(108, 92, 231, 0.1); border-color: var(--simple-primary); color: var(--simple-primary);}
body.test-page.theme-simple .question-card {background: var(--simple-card); border: 2px solid var(--simple-border); box-shadow: 0 4px 20px var(--simple-shadow);}
body.test-page.theme-simple .question-card.inactive {background: var(--simple-card);}
body.test-page.theme-simple .question-card.active {border-color: var(--simple-primary); box-shadow: 0 8px 30px var(--simple-shadow);}
body.test-page.theme-simple .question-number {background: linear-gradient(135deg, var(--simple-primary), var(--simple-secondary)); color: #fff;}
body.test-page.theme-simple .question-text {color: var(--simple-text);}
body.test-page.theme-simple .option-item {background: #F5F3FF; border: 2px solid transparent;}
body.test-page.theme-simple .option-item:hover {background: rgba(108, 92, 231, 0.1); border-color: rgba(108, 92, 231, 0.3);}
body.test-page.theme-simple .option-item.selected {background: linear-gradient(135deg, var(--simple-primary), var(--simple-secondary)); border-color: transparent;}
body.test-page.theme-simple .option-item.selected .option-letter {background: rgba(255,255,255,0.3); color: #fff;}
body.test-page.theme-simple .option-letter {background: rgba(108, 92, 231, 0.15); color: var(--simple-primary);}
body.test-page.theme-simple .option-text {color: var(--simple-text);}
body.test-page.theme-simple .skip-btn {border: 1px dashed var(--simple-border); color: var(--simple-text-light);}
body.test-page.theme-simple .skip-btn:hover {border-color: var(--simple-primary); color: var(--simple-primary);}
body.test-page.theme-simple .submit-bar {background: rgba(255, 255, 255, 0.95); border-top: 1px solid var(--simple-border); backdrop-filter: blur(10px);}
body.test-page.theme-simple .submit-info {color: var(--simple-text-light);}
body.test-page.theme-simple .submit-info .highlight {color: var(--simple-primary);}
body.test-page.theme-simple .submit-btn {background: linear-gradient(135deg, var(--simple-primary), var(--simple-secondary)); box-shadow: 0 4px 15px var(--simple-shadow);}
body.test-page.theme-simple .submit-btn:disabled {background: var(--simple-border); color: var(--simple-text-light);}
body.test-page.theme-simple .incomplete-hint {background: #FF6B6B;}
body.test-page.theme-simple .loading-overlay {background: var(--simple-bg);}
body.test-page.theme-simple .loading-spinner {border-color: var(--simple-border); border-top-color: var(--simple-primary);}

/* 暗黑风 - 深色主题 */
body.test-page.theme-dark {--dark-primary: #BB86FC; --dark-secondary: #3700B3; --dark-bg: #121212; --dark-card: #1E1E1E; --dark-text: #E1E1E1; --dark-text-light: #A0A0A0; --dark-border: #333333; --dark-shadow: rgba(187, 134, 252, 0.2); background: var(--dark-bg);}
body.test-page.theme-dark .test-header {background: rgba(30, 30, 30, 0.95); border-bottom: 1px solid var(--dark-border); backdrop-filter: blur(10px);}
body.test-page.theme-dark .header-title {color: var(--dark-text);}
body.test-page.theme-dark .progress-bar {background: var(--dark-border);}
body.test-page.theme-dark .progress-fill {background: linear-gradient(90deg, var(--dark-primary), var(--dark-secondary));}
body.test-page.theme-dark .progress-text {color: var(--dark-text-light);}
body.test-page.theme-dark .exit-btn {border: 1px solid var(--dark-border); color: var(--dark-text-light);}
body.test-page.theme-dark .exit-btn:hover {background: rgba(187, 134, 252, 0.1); border-color: var(--dark-primary); color: var(--dark-primary);}
body.test-page.theme-dark .question-card {background: var(--dark-card); border: 2px solid var(--dark-border); box-shadow: 0 4px 20px rgba(0,0,0,0.3);}
body.test-page.theme-dark .question-card.active {border-color: var(--dark-primary); box-shadow: 0 8px 30px var(--dark-shadow);}
body.test-page.theme-dark .question-card.inactive {opacity: 0.35; background: var(--dark-card) !important;}
body.test-page.theme-dark .question-number {background: linear-gradient(135deg, var(--dark-primary), var(--dark-secondary)); color: #fff;}
body.test-page.theme-dark .question-text {color: var(--dark-text);}
body.test-page.theme-dark .option-item {background: #2D2D2D; border: 2px solid transparent;}
body.test-page.theme-dark .option-item:hover {background: rgba(187, 134, 252, 0.1); border-color: rgba(187, 134, 252, 0.3);}
body.test-page.theme-dark .option-item.selected {background: linear-gradient(135deg, var(--dark-primary), var(--dark-secondary)); border-color: transparent;}
body.test-page.theme-dark .option-item.selected .option-letter {background: rgba(255,255,255,0.2); color: #fff;}
body.test-page.theme-dark .option-letter {background: rgba(187, 134, 252, 0.2); color: var(--dark-primary);}
body.test-page.theme-dark .option-text {color: var(--dark-text);}
body.test-page.theme-dark .skip-btn {border: 1px dashed var(--dark-border); color: var(--dark-text-light);}
body.test-page.theme-dark .skip-btn:hover {border-color: var(--dark-primary); color: var(--dark-primary);}
body.test-page.theme-dark .submit-bar {background: rgba(30, 30, 30, 0.95); border-top: 1px solid var(--dark-border); backdrop-filter: blur(10px);}
body.test-page.theme-dark .submit-info {color: var(--dark-text-light);}
body.test-page.theme-dark .submit-info .highlight {color: var(--dark-primary);}
body.test-page.theme-dark .submit-btn {background: linear-gradient(135deg, var(--dark-primary), var(--dark-secondary)); box-shadow: 0 4px 15px var(--dark-shadow);}
body.test-page.theme-dark .submit-btn:disabled {background: var(--dark-border); color: var(--dark-text-light);}
body.test-page.theme-dark .incomplete-hint {background: #CF6679;}
body.test-page.theme-dark .loading-overlay {background: var(--dark-bg);}
body.test-page.theme-dark .loading-spinner {border-color: var(--dark-border); border-top-color: var(--dark-primary);}

/* 复古风 - 怀旧色调 */
body.test-page.theme-retro {--retro-primary: #D4A574; --retro-secondary: #8B7355; --retro-card: #FFFBF5; --retro-text: #5D4E37; --retro-text-light: #8B7D6B; --retro-border: #D4C4B0; --retro-shadow: rgba(212, 165, 116, 0.2); background: linear-gradient(135deg, #F5F0E6 0%, #EDE4D3 50%, #F5F0E6 100%); background-attachment: fixed;}
body.test-page.theme-retro .test-header {background: rgba(255, 251, 245, 0.95); border-bottom: 1px solid var(--retro-border); backdrop-filter: blur(10px);}
body.test-page.theme-retro .header-title {color: var(--retro-text);}
body.test-page.theme-retro .progress-bar {background: var(--retro-border);}
body.test-page.theme-retro .progress-fill {background: linear-gradient(90deg, var(--retro-primary), var(--retro-secondary));}
body.test-page.theme-retro .progress-text {color: var(--retro-text-light);}
body.test-page.theme-retro .exit-btn {border: 1px solid var(--retro-border); color: var(--retro-text-light);}
body.test-page.theme-retro .exit-btn:hover {background: rgba(212, 165, 116, 0.1); border-color: var(--retro-primary); color: var(--retro-primary);}
body.test-page.theme-retro .question-card {background: var(--retro-card); border: 2px solid var(--retro-border); box-shadow: 0 4px 20px var(--retro-shadow);}
body.test-page.theme-retro .question-card.inactive {background: var(--retro-card);}
body.test-page.theme-retro .question-card.active {border-color: var(--retro-primary); box-shadow: 0 8px 30px var(--retro-shadow);}
body.test-page.theme-retro .question-number {background: linear-gradient(135deg, var(--retro-primary), var(--retro-secondary)); color: #fff;}
body.test-page.theme-retro .question-text {color: var(--retro-text);}
body.test-page.theme-retro .option-item {background: rgba(212, 165, 116, 0.1); border: 2px solid transparent;}
body.test-page.theme-retro .option-item:hover {background: rgba(212, 165, 116, 0.2); border-color: rgba(212, 165, 116, 0.4);}
body.test-page.theme-retro .option-item.selected {background: linear-gradient(135deg, var(--retro-primary), var(--retro-secondary)); border-color: transparent;}
body.test-page.theme-retro .option-item.selected .option-letter {background: rgba(255,255,255,0.3); color: #fff;}
body.test-page.theme-retro .option-letter {background: rgba(212, 165, 116, 0.25); color: var(--retro-primary);}
body.test-page.theme-retro .option-text {color: var(--retro-text);}
body.test-page.theme-retro .skip-btn {border: 1px dashed var(--retro-border); color: var(--retro-text-light);}
body.test-page.theme-retro .skip-btn:hover {border-color: var(--retro-primary); color: var(--retro-primary);}
body.test-page.theme-retro .submit-bar {background: rgba(255, 251, 245, 0.95); border-top: 1px solid var(--retro-border); backdrop-filter: blur(10px);}
body.test-page.theme-retro .submit-info {color: var(--retro-text-light);}
body.test-page.theme-retro .submit-info .highlight {color: var(--retro-primary);}
body.test-page.theme-retro .submit-btn {background: linear-gradient(135deg, var(--retro-primary), var(--retro-secondary)); box-shadow: 0 4px 15px var(--retro-shadow);}
body.test-page.theme-retro .submit-btn:disabled {background: var(--retro-border); color: var(--retro-text-light);}
body.test-page.theme-retro .incomplete-hint {background: #C0805A;}
body.test-page.theme-retro .loading-overlay {background: linear-gradient(135deg, #F5F0E6, #EDE4D3);}
body.test-page.theme-retro .loading-spinner {border-color: var(--retro-border); border-top-color: var(--retro-primary);}

/* 科技风 - 赛博朋克 */
body.test-page.theme-tech {--tech-primary: #00F0FF; --tech-secondary: #0066FF; --tech-bg: #0A0E27; --tech-card: #111936; --tech-text: #E8F4F8; --tech-text-light: #8B9DC3; --tech-border: #1E3A5F; --tech-shadow: rgba(0, 240, 255, 0.25); background: var(--tech-bg); background-image: radial-gradient(circle at 20% 50%, rgba(0, 102, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(0, 240, 255, 0.05) 0%, transparent 50%);}
body.test-page.theme-tech .test-header {background: rgba(17, 25, 54, 0.95); border-bottom: 1px solid var(--tech-border); backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(0,0,0,0.3);}
body.test-page.theme-tech .header-title {color: var(--tech-primary); text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);}
body.test-page.theme-tech .progress-bar {background: var(--tech-border); border-radius: 2px;}
body.test-page.theme-tech .progress-fill {background: linear-gradient(90deg, var(--tech-primary), var(--tech-secondary)); box-shadow: 0 0 10px var(--tech-shadow);}
body.test-page.theme-tech .progress-text {color: var(--tech-primary); font-weight: 600;}
body.test-page.theme-tech .exit-btn {border: 1px solid var(--tech-border); color: var(--tech-text-light); background: rgba(0, 240, 255, 0.05);}
body.test-page.theme-tech .exit-btn:hover {background: rgba(0, 240, 255, 0.15); border-color: var(--tech-primary); color: var(--tech-primary); box-shadow: 0 0 15px rgba(0, 240, 255, 0.3);}
body.test-page.theme-tech .question-card {background: var(--tech-card); border: 1px solid var(--tech-border); box-shadow: 0 4px 20px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05); position: relative; overflow: hidden;}
body.test-page.theme-tech .question-card::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--tech-primary), transparent); opacity: 0.5;}
body.test-page.theme-tech .question-card.active {border-color: var(--tech-primary); box-shadow: 0 8px 30px var(--tech-shadow), 0 0 20px rgba(0, 240, 255, 0.1), inset 0 1px 0 rgba(255,255,255,0.1);}
body.test-page.theme-tech .question-card.inactive {opacity: 0.35; background: var(--tech-card) !important;}
body.test-page.theme-tech .question-number {background: linear-gradient(135deg, var(--tech-primary), var(--tech-secondary)); color: #0A0E27; font-weight: 800; box-shadow: 0 0 15px var(--tech-shadow);}
body.test-page.theme-tech .question-text {color: var(--tech-text);}
body.test-page.theme-tech .option-item {background: rgba(0, 240, 255, 0.05); border: 1px solid var(--tech-border); position: relative; overflow: hidden;}
body.test-page.theme-tech .option-item::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tech-primary); opacity: 0; transition: opacity 0.3s;}
body.test-page.theme-tech .option-item:hover {background: rgba(0, 240, 255, 0.1); border-color: rgba(0, 240, 255, 0.5);}
body.test-page.theme-tech .option-item:hover::before {opacity: 1;}
body.test-page.theme-tech .option-item.selected {background: linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(0, 102, 255, 0.2)); border-color: var(--tech-primary); box-shadow: 0 0 20px rgba(0, 240, 255, 0.2);}
body.test-page.theme-tech .option-item.selected::before {opacity: 1; box-shadow: 0 0 10px var(--tech-primary);}
body.test-page.theme-tech .option-item.selected .option-letter {background: var(--tech-primary); color: #0A0E27; box-shadow: 0 0 10px var(--tech-shadow);}
body.test-page.theme-tech .option-letter {background: rgba(0, 240, 255, 0.15); color: var(--tech-primary); border: 1px solid rgba(0, 240, 255, 0.3);}
body.test-page.theme-tech .option-text {color: var(--tech-text);}
body.test-page.theme-tech .skip-btn {border: 1px dashed var(--tech-border); color: var(--tech-text-light); background: transparent;}
body.test-page.theme-tech .skip-btn:hover {border-color: var(--tech-primary); color: var(--tech-primary); background: rgba(0, 240, 255, 0.1);}
body.test-page.theme-tech .submit-bar {background: rgba(17, 25, 54, 0.95); border-top: 1px solid var(--tech-border); backdrop-filter: blur(10px); box-shadow: 0 -4px 20px rgba(0,0,0,0.3);}
body.test-page.theme-tech .submit-info {color: var(--tech-text-light);}
body.test-page.theme-tech .submit-info .highlight {color: var(--tech-primary); text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);}
body.test-page.theme-tech .submit-btn {background: linear-gradient(135deg, var(--tech-primary), var(--tech-secondary)); color: #0A0E27; font-weight: 800; box-shadow: 0 4px 15px var(--tech-shadow), 0 0 20px rgba(0, 240, 255, 0.3);}
body.test-page.theme-tech .submit-btn:hover {box-shadow: 0 6px 20px var(--tech-shadow), 0 0 30px rgba(0, 240, 255, 0.4); transform: scale(1.05);}
body.test-page.theme-tech .submit-btn:disabled {background: var(--tech-border); color: var(--tech-text-light); box-shadow: none;}
body.test-page.theme-tech .incomplete-hint {background: linear-gradient(135deg, #FF3366, #FF0066); box-shadow: 0 4px 15px rgba(255, 51, 102, 0.3);}
body.test-page.theme-tech .loading-overlay {background: var(--tech-bg);}
body.test-page.theme-tech .loading-spinner {border-color: var(--tech-border); border-top-color: var(--tech-primary); box-shadow: 0 0 20px var(--tech-shadow);}

/* 测试页面静态展示模式样式 */
body.test-page .static-container {padding: 2rem 0 6rem; min-height: calc(100vh - 200px);}
body.test-page .static-question {background: rgba(255,255,255,0.05); border-radius: 1.5rem; padding: 2rem; margin-bottom: 2rem; border: 1px solid rgba(255,255,255,0.1);}
body.test-page .static-image-large {text-align: center; margin-bottom: 1.5rem;}
body.test-page .static-image-large img, body.test-page .static-image-large svg {max-width: 100%; height: auto; border-radius: 1rem; box-shadow: 0 10px 40px rgba(0,0,0,0.3);}
body.test-page .static-question-text {font-size: 1.25rem; font-weight: 600; text-align: center; margin-bottom: 1rem; line-height: 1.6;}
body.test-page .static-hint {text-align: center; font-size: 1rem; padding: 1rem; background: rgba(249,115,22,0.1); border-radius: 0.75rem; border: 1px dashed rgba(249,115,22,0.3);}
body.test-page .static-submit-bar {background: transparent; border: none; box-shadow: none; backdrop-filter: none;}
body.test-page .static-view-btn {display: inline-flex; align-items: center; gap: 0.5rem; padding: 1rem 2.5rem; font-size: 1.2rem; text-decoration: none; border-radius: 3rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; font-weight: 600; box-shadow: 0 4px 20px rgba(102,126,234,0.4); transition: all 0.3s;}
body.test-page .static-view-btn:hover {transform: translateY(-2px); box-shadow: 0 8px 30px rgba(102,126,234,0.5);}


/* ========== 结果页面样式 (one_result.html) ========== */

/* 基础样式 */
body.result-page {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #0f0f1a; color: #ffffff; min-height: 100vh; line-height: 1.6; margin: 0; padding: 0; --bg-primary: #0f0f1a; --bg-secondary: #1a1a2e; --bg-card: #16213e; --text-primary: #ffffff; --text-secondary: #a0a0b0; --text-muted: #6b6b7b; --border-color: #2a2a4a; --primary-color: #9d633b; --primary-light: #fb923c; --accent-pink: #ec4899; --accent-green: #10b981; --accent-red: #ef4444;}
body.result-page * {margin: 0; padding: 0; box-sizing: border-box;}
body.result-page a {text-decoration: none; color: inherit;}
body.result-page .container {max-width: 900px; margin: 0 auto; padding: 0 1.25rem;}
body.result-page .result-hero {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); padding: 4rem 0 3rem; text-align: center; position: relative; overflow: hidden;}
body.result-page .result-hero::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: 0.5;}
body.result-page .hero-content {position: relative; z-index: 1;}
body.result-page .result-emoji {font-size: 6rem; margin-bottom: 1rem; animation: bounce 2s ease-in-out infinite;}
body.result-page .result-name {font-size: 2.5rem; font-weight: 800; color: #fff; margin-bottom: 0.5rem; background: linear-gradient(135deg, #fff 0%, #9d633b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
body.result-page .result-score {font-size: 1.125rem; color: #a0a0b0; margin-bottom: 1.25rem;}
body.result-page .result-summary {font-size: 1.25rem; color: rgba(255,255,255,0.85); max-width: 600px; margin: 0 auto; line-height: 1.8;}
@media (max-width: 768px) {body.result-page .result-hero {padding: 2.5rem 0 2rem;} body.result-page .result-emoji {font-size: 4rem;} body.result-page .result-name {font-size: 1.75rem;} body.result-page .result-summary {font-size: 1rem; padding: 0 1rem;}}
body.result-page .interaction-bar {display: flex; justify-content: center; gap: 1.25rem; margin-top: 2rem;}
body.result-page .interaction-btn {display: flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1.75rem; border-radius: 2rem; border: 2px solid #2a2a4a; background: rgba(255,255,255,0.05); color: #a0a0b0; font-size: 1.125rem; font-weight: 600; cursor: pointer; transition: all 0.3s; backdrop-filter: blur(10px);}
body.result-page .interaction-btn:hover {transform: translateY(-2px);}
body.result-page .interaction-btn.like:hover, body.result-page .interaction-btn.like.active {border-color: #10b981; color: #10b981; background: rgba(16,185,129,0.1);}
body.result-page .interaction-btn.dislike:hover, body.result-page .interaction-btn.dislike.active {border-color: #ef4444; color: #ef4444; background: rgba(239,68,68,0.1);}
body.result-page .content-section {padding: 2.5rem 0;}
body.result-page .section-card {background: #16213e; border-radius: 1.25rem; padding: 1rem; margin-bottom: 1.5rem; border: 1px solid #2a2a4a;}
body.result-page .section-header {display: flex; align-items: center; gap: 0.75rem; padding: 1rem;}
body.result-page .section-icon {font-size: 1.5rem;}
body.result-page .section-title {font-size: 1.1rem; font-weight: 700; color: #ffffff;}
body.result-page .question-item {background: #1a1a2e; border-radius: 0.75rem; margin-bottom: 0.875rem; border: 1px solid #2a2a4a; overflow: hidden;}
@media (max-width: 768px) {body.result-page .section-card {padding: 0.6rem;} body.result-page .content-section {padding: 1rem 0;} }
body.result-page .question-header {display: flex; justify-content: space-between; align-items: center; padding: 1.125rem 1.5rem; cursor: pointer; user-select: none;}
body.result-page .question-header:hover {background: rgba(255,255,255,0.02);}
body.result-page .question-title {font-size: 1.125rem; font-weight: 600; color: #ffffff; flex: 1; padding-right: 0.75rem;}
body.result-page .question-toggle {font-size: 1.125rem; color: #6b6b7b; transition: transform 0.3s;}
body.result-page .question-item.expanded .question-toggle {transform: rotate(180deg);}
body.result-page .question-body {display: none; padding: 1rem; border-top: 1px solid #2a2a4a; background: rgba(0,0,0,0.2);}
body.result-page .question-item.expanded .question-body {display: block;}
body.result-page .options-list .option-box:last-child {margin-bottom: 0;}
body.result-page .option-box {border-radius: 0.625rem; margin-bottom: 0.75rem; overflow: hidden;}
body.result-page .option-box.selected {border: 1px solid #9d633b; background: rgba(249,115,22,0.1);}
body.result-page .option-box:not(.selected) {border: 1px solid #2a2a4a; background: rgba(255,255,255,0.03);}
body.result-page .option-box:not(.selected):hover {background: rgba(255,255,255,0.06);}
body.result-page .option-item {display: flex; align-items: center; gap: 0.625rem; padding: 0.875rem 1rem; font-size: 1rem; cursor: pointer;}
body.result-page .option-box.selected .option-item {color: #cacdba;}
body.result-page .option-box:not(.selected) .option-item {color: #a0a0b0;}
body.result-page .option-marker {width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600; flex-shrink: 0;}
body.result-page .option-box.selected .option-marker {background: #9d633b; color: #fff;}
body.result-page .option-box:not(.selected) .option-marker {background: #2a2a4a; color: #6b6b7b;}
body.result-page .option-text {flex: 1;}
body.result-page .option-tag {font-size: 0.8rem; padding: 0.25rem 0.625rem; border-radius: 0.375rem;}
body.result-page .option-box.selected .option-tag {background: #9d633b; color: #fff;}
body.result-page .option-box:not(.selected) .option-tag {background: transparent; color: #6b6b7b; border: 1px solid #2a2a4a;}
body.result-page .option-analysis {padding: 0.875rem 1rem; background: rgba(0,0,0,0.3); font-size: 0.9375rem; color: #a0a0b0; line-height: 1.6; border-top: 1px solid #2a2a4a;}
body.result-page .option-box.selected .option-analysis {color: #bfbfbf; background: rgba(249,115,22,0.05);}
body.result-page .question-image {margin: 0 0 0.75rem; padding: 0.75rem; background: rgba(255,255,255,0.03); border-radius: 0.5rem; border: 1px solid #2a2a4a;}
body.result-page .question-image img {max-width: 100%; height: auto; border-radius: 0.375rem; display: block;}
body.result-page .question-image svg {max-width: 100%; height: auto; display: block;}

/* 结果页面静态展示模式样式 */
body.result-page .static-hero {background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.2) 100%);}
body.result-page .static-results-list {display: flex; flex-direction: column; gap: 1rem;}
body.result-page .static-result-card {background: rgba(255,255,255,0.05); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s;}
body.result-page .static-result-card:hover {background: rgba(255,255,255,0.08); border-color: rgba(249,115,22,0.3); transform: translateY(-2px);}
body.result-page .static-result-header {display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
body.result-page .static-result-emoji {font-size: 2rem;}
body.result-page .static-result-code {background: rgba(249,115,22,0.2); color: #f97316; padding: 0.25rem 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600;}
body.result-page .static-result-name {font-size: 1.25rem; font-weight: 700; color: #ffffff;}
body.result-page .static-result-summary {font-size: 1rem; color: #a0a0b0; line-height: 1.6; margin-bottom: 1rem;}
body.result-page .static-result-conclusion {font-size: 0.9375rem; color: #a0a0b0; line-height: 1.8; padding: 1rem; background: rgba(0,0,0,0.2); border-radius: 0.75rem;}
body.result-page .rating-row {display: flex; align-items: center; gap: 0.75rem;}
body.result-page .rating-label {font-size: 0.9rem; font-weight: 600; color: #ffffff;}
body.result-page .rating-container {display: flex; gap: 0.375rem;}
body.result-page .star-btn {font-size: 1.2rem; cursor: pointer; transition: all 0.2s; color: #4a4a5a; background: none; border: none; padding: 0;}
body.result-page .star-btn:hover, body.result-page .star-btn.hover {color: #FFD700; transform: scale(1.1);}
body.result-page .star-btn.active {color: #FFD700;}
body.result-page .share-section {text-align: center; padding: 2rem; background: linear-gradient(135deg, rgba(249,115,22,0.1), rgba(236,72,153,0.1)); border-radius: 1.25rem;}
body.result-page .share-title {font-size: 1.5rem; font-weight: 700; color: #ffffff; margin-bottom: 0.5rem;}
body.result-page .share-subtitle {font-size: 1rem; color: #6b6b7b; margin-bottom: 1.5rem;}
body.result-page .share-buttons {display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap;}
body.result-page .share-btn {display: flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1.75rem; border-radius: 1.5rem; border: 1px solid #2a2a4a; background: #1a1a2e; color: #a0a0b0; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s;}
body.result-page .share-btn:hover {transform: translateY(-2px); border-color: #9d633b; color: #9d633b;}
body.result-page .share-btn.primary {background: linear-gradient(135deg, #9d633b, #ec4899); border-color: transparent; color: #fff;}
body.result-page .share-btn.primary:hover {transform: translateY(-2px); box-shadow: 0 0.5rem 1.25rem rgba(249,115,22,0.4);}
body.result-page .form-group {margin-bottom: 1rem;}
body.result-page .form-label {display: block; font-size: 1.125rem; font-weight: 600; color: #ffffff; margin-bottom: 0.625rem;}
body.result-page .form-input {width: 100%; padding: 1rem 1.25rem; border: 1px solid #2a2a4a; border-radius: 0.75rem; background: #1a1a2e; color: #ffffff; font-size: 0.9rem; transition: all 0.3s;}
body.result-page .form-input:focus {outline: none; border-color: #9d633b; box-shadow: 0 0 0 0.25rem rgba(249,115,22,0.1);}
body.result-page .form-input::placeholder {color: #6b6b7b;}
body.result-page .form-textarea {min-height: 8rem; resize: vertical;}
body.result-page .form-submit {width: 100%; padding: 1.125rem; background: linear-gradient(135deg, #9d633b, #ec4899); color: #fff; border: none; border-radius: 0.75rem; font-size: 1.125rem; font-weight: 700; cursor: pointer; transition: all 0.3s;}
body.result-page .form-submit:hover {transform: translateY(-2px); box-shadow: 0 0.5rem 1.25rem rgba(249,115,22,0.4);}
body.result-page .form-submit:disabled {opacity: 0.6; cursor: not-allowed; transform: none;}
body.result-page .related-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
@media (max-width: 768px) {body.result-page .related-grid {grid-template-columns: 1fr;}}
body.result-page .related-card {background: #1a1a2e; border-radius: 1rem; overflow: hidden; border: 1px solid #2a2a4a; transition: all 0.3s;}
body.result-page .related-card:hover {transform: translateY(-4px); border-color: #9d633b; box-shadow: 0 0.75rem 2rem rgba(0,0,0,0.3);}
body.result-page .related-cover {height: 7rem; background: linear-gradient(135deg, #16213e, #1a1a2e); display: flex; align-items: center; justify-content: center;}
body.result-page .related-cover .emoji {font-size: 3rem; opacity: 0.3;}
body.result-page .related-body {padding: 1.25rem;}
body.result-page .related-title {font-size: 1.125rem; font-weight: 600; color: #ffffff; margin-bottom: 0.5rem;}
body.result-page .related-meta {font-size: 0.875rem; color: #6b6b7b;}
@media (max-width: 768px) {body.result-page .related-card {display: flex; align-items: stretch;} body.result-page .related-cover {width: 70px; height: auto; min-height: 70px; flex-shrink: 0;} body.result-page .related-cover .emoji {font-size: 1.75rem;} body.result-page .related-body {padding: 0.75rem 1rem; display: flex; flex-direction: column; justify-content: center;} body.result-page .related-title {font-size: 1rem; margin-bottom: 0.25rem;} body.result-page .related-meta {font-size: 0.8125rem;}}
body.result-page .toast {position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px); background: #10b981; color: #fff; padding: 1rem 2rem; border-radius: 2rem; font-size: 1.125rem; z-index: 1000; transition: transform 0.3s; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.3);}
body.result-page .toast.show {transform: translateX(-50%) translateY(0);}
body.result-page .toast.error {background: #ef4444;}
body.result-page .conclusion-section {background: linear-gradient(135deg, rgba(249,115,22,0.1), rgba(236,72,153,0.1)); border-radius: 1.25rem; padding: 2rem; margin-bottom: 1.5rem; border: 1px solid rgba(249,115,22,0.2);}
body.result-page .conclusion-header {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(249,115,22,0.2);}
body.result-page .conclusion-icon {font-size: 1.5rem;}
body.result-page .conclusion-title {font-size: 1.2rem; font-weight: 700; color: #9d633b;}
body.result-page .conclusion-content {font-size: 1.125rem; line-height: 1.9; color: #a0a0b0; white-space: pre-line;}
body.result-page .conclusion-content p {margin: 0 0 0.75rem 0;}
body.result-page .conclusion-content p:last-child {margin-bottom: 0;}
body.result-page .conclusion-result-info {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; padding: 1rem; background: rgba(0,0,0,0.2); border-radius: 0.75rem;}
body.result-page .conclusion-result-type {display: flex; align-items: center; gap: 0.5rem;}
body.result-page .conclusion-result-emoji {font-size: 1.5rem;}
body.result-page .conclusion-result-name {font-size: 1.25rem; font-weight: 700; color: #9d633b;}
body.result-page .conclusion-result-rank {font-size: 0.9375rem; color: #6b6b7b;}
body.result-page .conclusion-toggle-btn {display: flex; align-items: center; gap: 0.375rem; margin-left: auto; padding: 0.5rem; background: rgba(249,115,22,0.15); border: 1px solid rgba(249,115,22,0.3); border-radius: 0.5rem; color: #9d633b; font-size: 0.875rem; cursor: pointer; transition: all 0.3s;}
body.result-page .conclusion-toggle-btn:hover {background: rgba(249,115,22,0.25);}
body.result-page .conclusion-toggle-icon {transition: transform 0.3s;}
body.result-page .conclusion-toggle-btn.expanded .conclusion-toggle-icon {transform: rotate(180deg);}
body.result-page .conclusion-all-results {display: block; padding: 1.25rem; margin-bottom: 1rem; background: rgba(0,0,0,0.2); border-radius: 0.75rem;}
body.result-page .conclusion-all-results.hidden {display: none;}
body.result-page .conclusion-chart {display: flex; flex-direction: column; gap: 0.75rem;}
body.result-page .conclusion-chart-row {display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; transition: background 0.3s;}
body.result-page .conclusion-chart-row.active {background: rgba(249,115,22,0.15); border: 1px solid rgba(249,115,22,0.3);}
body.result-page .conclusion-chart-label {display: flex; align-items: center; gap: 0.375rem; min-width: 7rem; font-size: 0.9375rem;}
body.result-page .conclusion-chart-emoji {font-size: 1.125rem;}
body.result-page .conclusion-chart-name {color: #a0a0b0;}
body.result-page .conclusion-chart-marker {color: #9d633b; font-weight: 700;}
body.result-page .conclusion-chart-bar-wrap {flex: 1; height: 0.5rem; background: rgba(255,255,255,0.1); border-radius: 0.25rem; overflow: hidden;}
body.result-page .conclusion-chart-bar {height: 100%; background: linear-gradient(90deg, #9d633b, #ec4899); border-radius: 0.25rem; transition: width 0.5s ease;}
body.result-page .conclusion-chart-row.active .conclusion-chart-bar {background: linear-gradient(90deg, #fb923c, #ec4899);}
body.result-page .conclusion-chart-score {min-width: 4rem; font-size: 0.875rem; color: #6b6b7b; text-align: right;}
body.result-page .conclusion-chart-hint {margin-top: 0.75rem; font-size: 0.8125rem; color: #6b6b7b; text-align: center;}
body.result-page .conclusion-score {display: flex; align-items: baseline; gap: 0.25rem; margin-bottom: 1.25rem; padding: 1rem; background: rgba(0,0,0,0.2); border-radius: 0.75rem;}
body.result-page .conclusion-score-label {font-size: 1rem; color: #6b6b7b;}
body.result-page .conclusion-score-value {font-size: 2.5rem; font-weight: 800; color: #9d633b; line-height: 1;}
body.result-page .conclusion-score-total {font-size: 1rem; color: #6b6b7b;}
body.result-page .page-footer {text-align: center; padding: 2rem 0; color: #6b6b7b; font-size: 1rem; border-top: 1px solid #2a2a4a; margin-top: 1.5rem;}
body.result-page .page-footer a {color: #9d633b;}
body.result-page .floating-nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(15,15,26,0.85); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,0.1);}
body.result-page .floating-nav-content {max-width: 900px; margin: 0 auto; padding: 0.75rem 1.25rem; display: flex; align-items: center; justify-content: space-between;}
body.result-page .floating-nav-brand {display: flex; align-items: center; gap: 0.5rem; font-size: 1.125rem; font-weight: 600; color: #9d633b;}
body.result-page .floating-nav-brand span {font-size: 1.25rem;}
body.result-page .floating-nav-link {font-size: 0.9375rem; color: #a0a0b0; padding: 0.375rem 0.875rem; border-radius: 1.5rem; border: 1px solid #2a2a4a; transition: all 0.3s;}
body.result-page .floating-nav-link:hover {color: #9d633b; border-color: #9d633b;}
body.result-page .result-hero {padding-top: 5rem;}
body.result-page .back-to-top {position: fixed; right: 1.5rem; bottom: 1.5rem; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 99; backdrop-filter: blur(10px);}
body.result-page .back-to-top.visible {opacity: 1; visibility: visible;}
body.result-page .back-to-top:hover {background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.2); transform: translateY(-2px);}
body.result-page .back-to-top svg {width: 1.25rem; height: 1.25rem; fill: none; stroke: rgba(255,255,255,0.5); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
@media (max-width: 768px) {body.result-page .conclusion-section {padding: 1.3rem 1rem;}}
body.result-page .credibility-section {background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(59,130,246,0.08)); border-radius: 1.25rem; padding: 1.5rem; margin-bottom: 1.5rem; border: 1px solid rgba(16,185,129,0.2);}
body.result-page .credibility-header {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(16,185,129,0.2);}
body.result-page .credibility-icon {font-size: 1.25rem;}
body.result-page .credibility-title {font-size: 1.1rem; font-weight: 700; color: #10b981;}
body.result-page .credibility-content {font-size: 1rem; line-height: 1.9; color: #a0a0b0;}
@media (max-width: 768px) {body.result-page .credibility-section {padding: 1rem;}}
body.result-page .feedbacks-list {margin-bottom: 1.5rem;}
body.result-page .feedback-item {background: var(--bg-secondary); border-radius: 0.75rem; padding: 1rem; margin-bottom: 0.75rem; border: 1px solid var(--border-color);}
body.result-page .feedback-header {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;}
body.result-page .feedback-name {font-weight: 600; color: var(--primary-color);}
body.result-page .feedback-stars {color: #FFD700;}
body.result-page .feedback-time {font-size: 0.875rem; color: var(--text-muted); margin-left: auto;}
body.result-page .feedback-content {color: var(--text-secondary); line-height: 1.6;}

.related-tests { background: rgba(255,255,255,0.03); border-radius: 1rem; padding: 1.5rem; margin: 2rem auto; max-width: 800px; border: 1px solid var(--border-color); }
.related-tests-header { display: flex; align-items: center; gap: 8px; margin-bottom: 1rem; font-size: 1.125rem; font-weight: 700; color: var(--text-color); }
.related-tests-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 768px) { .related-tests-grid { grid-template-columns: 1fr; } }
.related-test-card { display: flex; align-items: center; gap: 12px; padding: 1rem; background: var(--bg-card); border-radius: 0.75rem; border: 1px solid var(--border-color); transition: all 0.3s; text-decoration: none; }
.related-test-card:hover { border-color: var(--primary-color); transform: translateY(-2px); }
.related-test-emoji { font-size: 1.75rem; }
.related-test-info { flex: 1; }
.related-test-name { font-weight: 600; color: var(--text-color); margin-bottom: 4px; }
.related-test-desc { font-size: 0.8rem; color: var(--text-secondary); }