body.blue-bg{margin:0;background:#1f8aa8;font-family:Arial,Helvetica,sans-serif}
.card{background:#fff;width:92%;max-width:420px;margin:40px auto;padding:20px;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.12)}
h2{margin:0 0 12px 0}
.form-item{margin:12px 0}
label{display:block;font-size:14px;margin-bottom:6px}
input[type=text],input[type=number],select,textarea{width:100%;padding:10px;border:1px solid #d6d6d6;border-radius:6px;font-size:14px;box-sizing:border-box}
textarea{min-height:90px;resize:vertical}
.btn{display:block;width:100%;padding:12px;border:0;border-radius:6px;background:#e53935;color:#fff;font-size:16px}
.btn-secondary{background:#607d8b}
.row{display:flex;gap:8px;align-items:center}
.row input{flex:1}
.icon-btn{width:52px;background:#e53935;color:#fff;border:0;border-radius:6px;font-size:18px;padding:10px}
.small{font-size:12px;color:#666;line-height:1.5}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #ddd;padding:8px;font-size:14px}
.table th{background:#f6f6f6}
a{color:#1565c0;text-decoration:none}
a:hover{text-decoration:underline}
.topnav{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eee;font-size:12px}
.badge.on{background:#e8f5e9}
.badge.off{background:#ffebee}
/* 选择题整体样式 */
.option-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  background: #fff;
  transition: all .2s;
}

.option-item input {
  margin-right: 10px;
  transform: scale(1.2);
}

.option-item:hover {
  border-color: #e53935;
}

.option-item input:checked + .option-text {
  color: #e53935;
  font-weight: bold;
}