/* @theme-name: 科技风 */
/* @theme-author: 手机用户pcoak4nwa_260410ygcj */
/* @theme-time: 2026-06-23T15:02:58.577Z */
/* RoboMaster战队纳新报名表 科技红黑机甲主题 */
:root {
  --ai-base-primary: #e63946; /* RM标志性机甲红主色 */
  --ai-base-text: #ffffff;
  --ai-base-muted: #cccccc;
  --ai-base-border: rgba(230, 57, 70, 0.5);
  --ai-base-light-border: rgba(230, 57, 70, 0.3);
  --ai-base-error: #ff4d4f;
}

body, #pageDiv {
  background: linear-gradient(135deg, #0a0a0a 0%, #12121a 50%, #1a1a2e 100%);
  min-height: 100vh;
}

/* 标题科技发光效果 */
#toptitle .htitle {
  font-family: 'Arial Black', 'PingFang SC Bold', sans-serif;
  text-shadow: 0 0 12px rgba(230, 57, 70, 0.8), 0 0 24px rgba(230, 57, 70, 0.4);
  letter-spacing: 2px;
  font-size: 26px;
}

/* 题目卡片 半透明玻璃+红光边框效果 */
div.field, div.formfield, .beginner_problem {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(6px);
  border-radius: 8px;
  border: 1px solid rgba(230, 57, 70, 0.3);
  box-shadow: 0 0 10px rgba(230, 57, 70, 0.15);
  margin-bottom: 16px;
}

/* 题干加粗加轻微发光提升辨识度 */
.field-label {
  font-weight: 600;
  text-shadow: 0 0 4px rgba(255,255,255,0.2);
}

/* 输入框科技感样式 聚焦红光动效 */
.ui-input-text, .ui-input-text textarea, .beginner_problem textarea, .ui-select select {
  background: rgba(0,0,0,0.3);
  border-radius: 4px;
  border: 1px solid rgba(230, 57, 70, 0.4);
  color: #ffffff;
}
.ui-input-text input::placeholder, .ui-input-text textarea::placeholder, .beginner_problem textarea::placeholder {
  color: rgba(255,255,255,0.6);
}
.ui-input-text:focus-within, .beginner_problem textarea:focus {
  box-shadow: 0 0 12px rgba(230, 57, 70, 0.6);
  border-color: #e63946;
  outline: none;
}

/* 单选多选hover微动效 */
.ui-radio .label, .ui-checkbox .label {
  border-radius: 4px;
  transition: all 0.2s ease;
}
.ui-radio:hover .label, .ui-checkbox:hover .label {
  background: rgba(230, 57, 70, 0.1);
  padding-left: 8px;
}

/* 提交按钮呼吸式红光闪烁动画 */
#ctlNext {
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(230, 57, 70, 0.6);
  animation: rmPulse 2s infinite ease-in-out;
  font-weight: 600;
  letter-spacing: 1px;
}
@keyframes rmPulse {
  0% { box-shadow: 0 0 12px rgba(230, 57, 70, 0.5); }
  50% { box-shadow: 0 0 20px rgba(230, 57, 70, 0.8); }
  100% { box-shadow: 0 0 12px rgba(230, 57, 70, 0.5); }
}

/* 矩阵题选中态发光效果 */
table.matrix-rating a.rate-on, .scale-rating a.rate-on {
  box-shadow: 0 0 8px rgba(230, 57, 70, 0.8);
}

/* 底部合规区域适配深色模式 保持可见可交互 */
.logofooter, .wjfooter, .policyLink, .reportto, #sensitiveInfoWrap {
  color: #cccccc !important;
}
.logofooter #spanPower span, .logofooter #spanPower i {
  color: #999999 !important;
}



/* 提升文字辨识度专项优化 */
:root {
  --ai-base-muted: #eeeeee; /* 调亮辅助文字基础色 */
}
/* 题干文字加粗加黑增加描边阴影 */
.field-label, .div_title_question, .topichtml {
  font-weight: 700 !important;
  text-shadow: 0 0 6px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.9) !important;
  font-size: 17px !important;
}
/* 单选/多选选项文字加粗提亮 */
.ui-radio .label, .ui-checkbox .label {
  font-weight: 600 !important;
  color: #ffffff !important;
}
/* 输入框内文字加亮加重 */
.ui-input-text input, .ui-input-text textarea, .beginner_problem textarea, .ui-select select {
  color: #ffffff !important;
  font-weight: 500 !important;
}
/* 输入占位符提亮 */
.ui-input-text input::placeholder, .ui-input-text textarea::placeholder, .beginner_problem textarea::placeholder {
  color: rgba(255,255,255,0.7) !important;
}
/* 问卷说明文字加亮 */
#divDesc, .wjintro, .wjintro p {
  color: #eeeeee !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
}
/* 底部合规区域文字进一步提亮保证可读 */
.logofooter, .wjfooter, .policyLink, .reportto, #sensitiveInfoWrap {
  color: #dddddd !important;
}
.logofooter #spanPower span, .logofooter #spanPower i {
  color: #bbbbbb !important;
}



/* 奇偶题目红蓝交替效果 适配RM红蓝对抗主题 */
div.field:nth-child(odd) {
  border-color: rgba(230, 57, 70, 0.3);
  box-shadow: 0 0 10px rgba(230, 57, 70, 0.15);
  background: rgba(230, 57, 70, 0.05);
}
div.field:nth-child(even) {
  border-color: rgba(33, 150, 243, 0.3);
  box-shadow: 0 0 10px rgba(33, 150, 243, 0.15);
  background: rgba(33, 150, 243, 0.05);
}

/* 偶数题交互效果同步适配蓝色主题 */
div.field:nth-child(even) .ui-radio:hover .label,
div.field:nth-child(even) .ui-checkbox:hover .label {
  background: rgba(33, 150, 243, 0.1);
}
div.field:nth-child(even) .ui-input-text:focus-within,
div.field:nth-child(even) .beginner_problem textarea:focus {
  box-shadow: 0 0 12px rgba(33, 150, 243, 0.6);
  border-color: #2196f3;
}



/* 新增RoboMaster主题动态科技背景 低透明度不影响文字阅读 */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: 
    linear-gradient(90deg, rgba(230, 57, 70, 0.05) 1px, transparent 1px),
    linear-gradient(rgba(33, 150, 243, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(230, 57, 70, 0.02), rgba(33, 150, 243, 0.02));
  background-size: 40px 40px, 40px 40px, 100% 100%;
  animation: bgScan 8s linear infinite, bgMove 20s linear infinite;
  pointer-events: none;
}
/* 提升内容层级避免被背景遮挡 */
#pageDiv {
  position: relative;
  z-index: 1;
}
/* 扫描线滚动动画 */
@keyframes bgScan {
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 0 100%, 100% 0, 0 0; }
}
/* 网格缓慢流动动画 */
@keyframes bgMove {
  0% { transform: translate(0, 0); }
  100% { transform: translate(40px, 40px); }
}

/* @wjx-ai-control-fix:start */
.ui-controlgroup .ui-radio.checked .jqchecked:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: -4px 0 0 -4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
    pointer-events: none !important;
}
.ui-controlgroup .ui-radio.checked .jqchecked:after {
    display: none !important;
    content: none !important;
}
.ui-controlgroup .ui-checkbox.checked .jqchecked:after {
    top: 50% !important;
    left: 50% !important;
    width: 5px !important;
    height: 10px !important;
    margin: -6px 0 0 -3px !important;
    transform: rotate(45deg) scale(1) !important;
    transform-origin: center center !important;
}
/* @wjx-ai-control-fix:end */