/* ============================================================
   验证页主题变量库（公共）：验证页 body / 后台 .theme-preview 共用
   index.php 与 admin/index.php 均需引入本文件
   ============================================================ */
/* ============================================================
   界面主题系统：后台「界面风格」可自由切换（默认 t1）
   body[data-theme="tN"] 仅覆盖下方 CSS 变量，结构不变
   ============================================================ */
:root {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(110,170,240,0.12), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(130,120,230,0.08), transparent 58%), linear-gradient(165deg, #f7fafd 0%, #eef3fa 100%);
  --blob1: rgba(120,180,245,0.50); --blob2: rgba(140,130,235,0.38); --blob3: rgba(90,195,235,0.32);
  --card-bg: rgba(255,255,255,0.94); --card-border: rgba(255,255,255,0.9);
  --card-shadow: 0 18px 44px rgba(30,60,120,0.10), 0 2px 8px rgba(30,60,120,0.04);
  --topbar: linear-gradient(90deg, transparent 8%, #5a9bff 45%, #7d6bff 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #5a9bff, #6f5fff); --shield-shadow: 0 8px 20px rgba(80,130,220,0.25);
  --ok-grad: linear-gradient(135deg, #3fc97c, #21a35c); --ok-shadow: 0 8px 20px rgba(33,163,92,0.28);
  --h1-c: #2f6fe4; --text-c: #2c3e50; --muted-c: #98a2b3; --sub-c: #8a94a6; --faint-c: #9aa4b5;
  --track-bg: #f1f4f9; --track-border: #e2e8f1;
  --fill-grad: linear-gradient(90deg, #7ab2ff, #5a9bff 60%, #7d6bff);
  --btn-bg: linear-gradient(180deg, #ffffff, #f4f7fc); --btn-shadow: 0 3px 10px rgba(30,60,120,0.18), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #55637a;
  --link-c: #7d8ba1; --link-border: #e4eaf2; --link-bg: #fafcff; --link-hover-c: #2f6fe4;
  --line-c: #f0f3f8;
  --icp-bg: rgba(255,255,255,0.88); --icp-c: #8a93a6; --icp-link: #9aa4b5;
}

/* t2 深邃暗黑 */
body[data-theme="t2"], .theme-preview[data-theme="t2"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(60,120,200,0.16), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(120,90,220,0.12), transparent 58%), linear-gradient(165deg, #0d1526 0%, #111b30 100%);
  --blob1: rgba(70,140,230,0.35); --blob2: rgba(130,100,240,0.28); --blob3: rgba(60,160,220,0.22);
  --card-bg: rgba(20,30,52,0.92); --card-border: rgba(140,170,220,0.16);
  --card-shadow: 0 18px 44px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.30);
  --topbar: linear-gradient(90deg, transparent 8%, #3f8cff 45%, #7d6bff 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #3f8cff, #7d6bff); --shield-shadow: 0 8px 20px rgba(63,140,255,0.30);
  --h1-c: #7ab2ff; --text-c: #dfe7f5; --muted-c: #8fa0bf; --sub-c: #7b8ba8; --faint-c: #6b7a96;
  --track-bg: #16233f; --track-border: #253450;
  --fill-grad: linear-gradient(90deg, #3f8cff, #5a9bff 60%, #7d6bff);
  --btn-bg: linear-gradient(180deg, #23334f, #1b2942); --btn-shadow: 0 3px 10px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.06);
  --arrow-c: #a9b8d4;
  --link-c: #8fa0bf; --link-border: #2a3a58; --link-bg: #16233f; --link-hover-c: #7ab2ff;
  --line-c: #22314c;
  --icp-bg: rgba(13,21,38,0.90); --icp-c: #7b8ba8; --icp-link: #8fa0bf;
}

/* t3 极简纯白 */
body[data-theme="t3"], .theme-preview[data-theme="t3"] {
  --bg-grad: linear-gradient(165deg, #ffffff 0%, #f4f6f9 100%);
  --blob1: rgba(200,210,225,0.45); --blob2: rgba(215,220,232,0.40); --blob3: rgba(205,215,228,0.35);
  --card-bg: rgba(255,255,255,0.97); --card-border: #eef1f5;
  --card-shadow: 0 10px 30px rgba(20,30,50,0.06), 0 1px 4px rgba(20,30,50,0.03);
  --topbar: linear-gradient(90deg, transparent 8%, #d8dee8 45%, #b9c2d0 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #9aa4b5, #7d8799); --shield-shadow: 0 8px 20px rgba(90,100,120,0.15);
  --h1-c: #3a4356; --text-c: #2c3340; --muted-c: #a3abb8; --sub-c: #8a93a3; --faint-c: #aab2bf;
  --track-bg: #f4f6f9; --track-border: #e6eaf0;
  --fill-grad: linear-gradient(90deg, #aeb6c4, #98a2b3 60%, #8792a5);
  --btn-bg: linear-gradient(180deg, #ffffff, #f2f4f8); --btn-shadow: 0 3px 10px rgba(20,30,50,0.10), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #6b7688;
  --link-c: #8a93a3; --link-border: #e6eaf0; --link-bg: #fafbfd; --link-hover-c: #3a4356;
  --line-c: #eef1f5;
  --icp-bg: rgba(255,255,255,0.92); --icp-c: #98a1b0; --icp-link: #aab2bf;
}

/* t4 科技霓虹 */
body[data-theme="t4"], .theme-preview[data-theme="t4"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(0,229,255,0.14), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(180,60,255,0.14), transparent 58%), linear-gradient(165deg, #081018 0%, #0c1420 100%);
  --blob1: rgba(0,220,255,0.22); --blob2: rgba(170,50,255,0.20); --blob3: rgba(0,200,255,0.16);
  --card-bg: rgba(10,18,30,0.90); --card-border: rgba(0,229,255,0.18);
  --card-shadow: 0 18px 44px rgba(0,0,0,0.50), 0 0 0 1px rgba(0,229,255,0.08);
  --topbar: linear-gradient(90deg, transparent 8%, #00e5ff 45%, #b13cff 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #00e5ff, #b13cff); --shield-shadow: 0 8px 22px rgba(0,229,255,0.35);
  --h1-c: #00e5ff; --text-c: #d6e6f2; --muted-c: #7fa3b8; --sub-c: #6d8ca0; --faint-c: #5d7a8d;
  --track-bg: #0e1a2a; --track-border: #1b2c40;
  --fill-grad: linear-gradient(90deg, #00e5ff, #00c8ff 60%, #b13cff);
  --btn-bg: linear-gradient(180deg, #12243a, #0d1c2e); --btn-shadow: 0 3px 10px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05);
  --arrow-c: #9fd6e8;
  --link-c: #7fa3b8; --link-border: #1e3148; --link-bg: #0e1a2a; --link-hover-c: #00e5ff;
  --line-c: #16283c;
  --icp-bg: rgba(8,16,24,0.90); --icp-c: #6d8ca0; --icp-link: #7fa3b8;
}

/* t5 森林绿意 */
body[data-theme="t5"], .theme-preview[data-theme="t5"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(90,190,130,0.14), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(60,160,120,0.10), transparent 58%), linear-gradient(165deg, #f0f8f3 0%, #e4f2ea 100%);
  --blob1: rgba(80,190,125,0.40); --blob2: rgba(70,170,140,0.32); --blob3: rgba(110,200,150,0.28);
  --card-bg: rgba(255,255,255,0.94); --card-border: rgba(255,255,255,0.90);
  --card-shadow: 0 18px 44px rgba(30,110,70,0.10), 0 2px 8px rgba(30,110,70,0.05);
  --topbar: linear-gradient(90deg, transparent 8%, #34b16b 45%, #1f9e8a 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #34b16b, #1f9e8a); --shield-shadow: 0 8px 20px rgba(52,177,107,0.28);
  --h1-c: #1f9e5e; --text-c: #2c3e35; --muted-c: #8aa598; --sub-c: #7c968a; --faint-c: #93a89d;
  --track-bg: #eef6f0; --track-border: #dcebe1;
  --fill-grad: linear-gradient(90deg, #4cc47e, #34b16b 60%, #1f9e8a);
  --btn-bg: linear-gradient(180deg, #ffffff, #f2f8f3); --btn-shadow: 0 3px 10px rgba(30,110,70,0.15), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #4c6b5a;
  --link-c: #7c968a; --link-border: #dcebe1; --link-bg: #f7fbf8; --link-hover-c: #1f9e5e;
  --line-c: #eaf3ec;
  --icp-bg: rgba(255,255,255,0.88); --icp-c: #8aa598; --icp-link: #93a89d;
}

/* t6 暖橙活力 */
body[data-theme="t6"], .theme-preview[data-theme="t6"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(255,160,80,0.16), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(255,120,90,0.10), transparent 58%), linear-gradient(165deg, #fdf6ee 0%, #faeee0 100%);
  --blob1: rgba(255,165,80,0.42); --blob2: rgba(255,130,95,0.34); --blob3: rgba(255,185,110,0.30);
  --card-bg: rgba(255,255,255,0.95); --card-border: rgba(255,255,255,0.92);
  --card-shadow: 0 18px 44px rgba(190,110,30,0.12), 0 2px 8px rgba(190,110,30,0.05);
  --topbar: linear-gradient(90deg, transparent 8%, #ff9f43 45%, #ff7b5c 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #ff9f43, #ff7b5c); --shield-shadow: 0 8px 20px rgba(255,150,60,0.30);
  --h1-c: #e8782a; --text-c: #40362c; --muted-c: #b0937d; --sub-c: #a2856f; --faint-c: #b49a86;
  --track-bg: #faf3ea; --track-border: #f0e0cd;
  --fill-grad: linear-gradient(90deg, #ffb15e, #ff9f43 60%, #ff7b5c);
  --btn-bg: linear-gradient(180deg, #ffffff, #fdf4e9); --btn-shadow: 0 3px 10px rgba(190,110,30,0.15), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #8a6a4f;
  --link-c: #a2856f; --link-border: #f0e0cd; --link-bg: #fef9f2; --link-hover-c: #e8782a;
  --line-c: #f7ecdf;
  --icp-bg: rgba(255,255,255,0.88); --icp-c: #b0937d; --icp-link: #b49a86;
}

/* t7 紫罗兰梦 */
body[data-theme="t7"], .theme-preview[data-theme="t7"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(170,130,255,0.16), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(210,120,240,0.12), transparent 58%), linear-gradient(165deg, #f7f3fd 0%, #efe8fb 100%);
  --blob1: rgba(170,130,255,0.40); --blob2: rgba(210,130,240,0.32); --blob3: rgba(150,120,250,0.28);
  --card-bg: rgba(255,255,255,0.95); --card-border: rgba(255,255,255,0.92);
  --card-shadow: 0 18px 44px rgba(110,70,180,0.12), 0 2px 8px rgba(110,70,180,0.05);
  --topbar: linear-gradient(90deg, transparent 8%, #8b5cf6 45%, #b06af0 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #8b5cf6, #b06af0); --shield-shadow: 0 8px 20px rgba(139,92,246,0.30);
  --h1-c: #7c3aed; --text-c: #38304a; --muted-c: #a292bd; --sub-c: #9686b0; --faint-c: #a99cbf;
  --track-bg: #f3eefa; --track-border: #e6dcf5;
  --fill-grad: linear-gradient(90deg, #a78bfa, #8b5cf6 60%, #b06af0);
  --btn-bg: linear-gradient(180deg, #ffffff, #f7f2fd); --btn-shadow: 0 3px 10px rgba(110,70,180,0.15), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #6b5a8a;
  --link-c: #9686b0; --link-border: #e6dcf5; --link-bg: #faf7fd; --link-hover-c: #7c3aed;
  --line-c: #f0eaf8;
  --icp-bg: rgba(255,255,255,0.88); --icp-c: #a292bd; --icp-link: #a99cbf;
}

/* t8 星空渐变 */
body[data-theme="t8"], .theme-preview[data-theme="t8"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(90,130,255,0.20), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(180,90,255,0.16), transparent 58%), linear-gradient(165deg, #0b1030 0%, #141a4a 100%);
  --blob1: rgba(90,140,255,0.30); --blob2: rgba(190,100,255,0.24); --blob3: rgba(70,120,255,0.20);
  --card-bg: rgba(255,255,255,0.96); --card-border: rgba(255,255,255,0.92);
  --card-shadow: 0 18px 44px rgba(20,30,90,0.25), 0 2px 8px rgba(20,30,90,0.08);
  --topbar: linear-gradient(90deg, transparent 8%, #4c7bff 45%, #9a5cff 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #4c7bff, #9a5cff); --shield-shadow: 0 8px 22px rgba(76,123,255,0.30);
  --h1-c: #3d5fdd; --text-c: #2c3345; --muted-c: #98a3bd; --sub-c: #8a95ad; --faint-c: #a0aac0;
  --track-bg: #f0f3fb; --track-border: #e0e6f4;
  --fill-grad: linear-gradient(90deg, #6b95ff, #4c7bff 60%, #9a5cff);
  --btn-bg: linear-gradient(180deg, #ffffff, #f2f5fc); --btn-shadow: 0 3px 10px rgba(30,60,140,0.15), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #5a6685;
  --link-c: #8a95ad; --link-border: #e0e6f4; --link-bg: #f8fafd; --link-hover-c: #3d5fdd;
  --line-c: #eef1f9;
  --icp-bg: rgba(255,255,255,0.90); --icp-c: #8a95ad; --icp-link: #a0aac0;
}

/* t9 樱花粉 */
body[data-theme="t9"], .theme-preview[data-theme="t9"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(255,150,180,0.18), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(255,170,200,0.14), transparent 58%), linear-gradient(165deg, #fdf4f6 0%, #fbeaef 100%);
  --blob1: rgba(255,150,180,0.42); --blob2: rgba(255,180,210,0.36); --blob3: rgba(255,140,170,0.30);
  --card-bg: rgba(255,255,255,0.95); --card-border: rgba(255,255,255,0.92);
  --card-shadow: 0 18px 44px rgba(200,90,130,0.12), 0 2px 8px rgba(200,90,130,0.05);
  --topbar: linear-gradient(90deg, transparent 8%, #ff8fb0 45%, #ff6f9c 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #ff8fb0, #ff6f9c); --shield-shadow: 0 8px 20px rgba(255,120,160,0.30);
  --h1-c: #e0567e; --text-c: #45303a; --muted-c: #c094a6; --sub-c: #b08597; --faint-c: #c09aab;
  --track-bg: #fdf1f4; --track-border: #f6dfe7;
  --fill-grad: linear-gradient(90deg, #ffa3bd, #ff8fb0 60%, #ff6f9c);
  --btn-bg: linear-gradient(180deg, #ffffff, #fef3f6); --btn-shadow: 0 3px 10px rgba(200,90,130,0.15), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #96687a;
  --link-c: #b08597; --link-border: #f6dfe7; --link-bg: #fef8fa; --link-hover-c: #e0567e;
  --line-c: #f9ecf0;
  --icp-bg: rgba(255,255,255,0.88); --icp-c: #c094a6; --icp-link: #c09aab;
}

/* t10 商务灰蓝 */
body[data-theme="t10"], .theme-preview[data-theme="t10"] {
  --bg-grad: radial-gradient(900px 500px at 15% -10%, rgba(80,130,200,0.10), transparent 60%), radial-gradient(760px 460px at 105% 22%, rgba(100,110,180,0.08), transparent 58%), linear-gradient(165deg, #f2f5f9 0%, #e7ecf3 100%);
  --blob1: rgba(90,140,200,0.36); --blob2: rgba(110,120,190,0.30); --blob3: rgba(80,150,200,0.26);
  --card-bg: rgba(255,255,255,0.95); --card-border: rgba(255,255,255,0.92);
  --card-shadow: 0 14px 36px rgba(30,50,90,0.08), 0 1px 4px rgba(30,50,90,0.04);
  --topbar: linear-gradient(90deg, transparent 8%, #4a6fa5 45%, #5b5f9e 70%, transparent 92%);
  --shield-grad: linear-gradient(135deg, #4a6fa5, #5b5f9e); --shield-shadow: 0 8px 20px rgba(60,90,140,0.25);
  --h1-c: #3a5a86; --text-c: #2f3a4a; --muted-c: #8d9bb0; --sub-c: #7e8ca0; --faint-c: #93a0b2;
  --track-bg: #eef2f7; --track-border: #dfe6ef;
  --fill-grad: linear-gradient(90deg, #5d82b5, #4a6fa5 60%, #5b5f9e);
  --btn-bg: linear-gradient(180deg, #ffffff, #f0f3f8); --btn-shadow: 0 3px 10px rgba(30,50,90,0.12), inset 0 1px 0 rgba(255,255,255,0.95);
  --arrow-c: #5a6a80;
  --link-c: #7e8ca0; --link-border: #dfe6ef; --link-bg: #f7f9fc; --link-hover-c: #3a5a86;
  --line-c: #e9edf4;
  --icp-bg: rgba(255,255,255,0.90); --icp-c: #8d9bb0; --icp-link: #93a0b2;
}