.color-blind-test[data-v-22e83c8c]{max-width:1200px;margin:0 auto}.test-intro[data-v-22e83c8c]{background-color:var(--el-color-info-light-9);border:1px solid var(--el-color-info-light-7);color:var(--el-text-color-regular);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;font-size:14px;font-weight:400;line-height:1.6;display:flex}html.dark .test-intro[data-v-22e83c8c]{background-color:#0080ff1a;border-color:#0080ff4d}.test-intro__icon[data-v-22e83c8c]{width:24px;height:24px;color:var(--el-color-info);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.test-intro__text[data-v-22e83c8c]{flex:1}.test-intro__text strong[data-v-22e83c8c]{color:var(--el-color-info);margin-bottom:4px;font-size:16px;display:block}@media screen and (width<=600px){.test-intro[data-v-22e83c8c]{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px}.test-intro__text strong[data-v-22e83c8c]{font-size:15px}}.plates-grid[data-v-22e83c8c]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.plate-card[data-v-22e83c8c]{background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}html.dark .plate-card[data-v-22e83c8c]{border-color:var(--el-border-color)}.plate-card__header[data-v-22e83c8c]{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.plate-card__number[data-v-22e83c8c]{color:var(--el-text-color-primary);font-size:14px;font-weight:600}.plate-card__canvas[data-v-22e83c8c]{border-radius:50%;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}html.dark .plate-card__canvas[data-v-22e83c8c]{box-shadow:0 2px 8px #0006}.plate-card__canvas canvas[data-v-22e83c8c]{display:block}.plate-card__input[data-v-22e83c8c]{width:100%}.submit-area[data-v-22e83c8c]{justify-content:center;gap:16px;margin:32px 0;display:flex}.result-area[data-v-22e83c8c]{margin-top:24px}.result-area .result-content[data-v-22e83c8c]{text-align:center}.result-area .result-icon[data-v-22e83c8c]{margin-bottom:16px;font-size:64px}.result-area .result-icon--success[data-v-22e83c8c]{color:var(--el-color-success)}.result-area .result-icon--warning[data-v-22e83c8c]{color:var(--el-color-warning)}.result-area .result-title[data-v-22e83c8c]{margin-bottom:12px;font-size:28px;font-weight:700}.result-area .result-desc[data-v-22e83c8c]{color:var(--el-text-color-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.result-area .result-details[data-v-22e83c8c]{margin:24px 0}.result-area .result-disclaimer[data-v-22e83c8c]{color:var(--el-text-color-secondary);margin-top:16px;font-size:13px;line-height:1.6}@media screen and (width<=600px){.plates-grid[data-v-22e83c8c]{grid-template-columns:1fr;gap:12px}.plate-card[data-v-22e83c8c]{padding:12px}.plate-card__canvas canvas[data-v-22e83c8c]{width:180px;height:180px}.submit-area[data-v-22e83c8c]{flex-direction:column;align-items:center}.submit-area .el-button[data-v-22e83c8c]{width:100%;margin-left:0}}