/* ===================================================================
   智慧评分系统 · 后台工作台设计系统 v2
   —— 与大屏「深海蓝 / 宝蓝 / 电光蓝 + 荣誉金」同源，但面向长时间操作
   —— 仅由 base.html 引入；bigscreen.html 仍使用 style.css，互不影响
   =================================================================== */

:root{
  --brand:#2563eb; --brand-deep:#1e40af; --brand-soft:#e8f1ff;
  --nav-a:#0a1f4d; --nav-b:#123a78;
  --gold:#ffd166; --gold-deep:#b45309;
  --cyan:#22d3ee; --indigo:#818cf8; --violet:#a78bfa;
  --ok:#059669; --ok-soft:#e7f8f1;
  --warn:#d97706; --warn-soft:#fff5e2;
  --bad:#dc2626; --bad-soft:#fdecec;
  --ink:#0f2547; --ink-2:#3d5680; --ink-3:#7b90b2;
  --line:#dce7f7; --line-2:#eaf1fb;
  --bg:#f3f7fd; --card:#ffffff;
  /* 科技感渐变背景：底色四段 + 四色光晕 + 网格线，按角色整体换色 */
  --bg-a:#e6f1ff; --bg-b:#f7fbff; --bg-c:#eaf0ff; --bg-d:#e2f5fb;
  --glow-a:rgba(56,189,248,.34); --glow-b:rgba(99,102,241,.26);
  --glow-c:rgba(34,211,238,.26); --glow-d:rgba(255,209,102,.16);
  --grid-line:rgba(37,99,235,.055);
  --radius:18px; --radius-sm:11px;
  --shadow:0 2px 6px rgba(16,48,96,.05), 0 12px 32px rgba(16,48,96,.07);
  --shadow-lg:0 18px 46px rgba(20,64,140,.16);
  --grad:linear-gradient(135deg,var(--brand),var(--brand-deep));
  --font:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* 各角色专属主色：顶栏、标题、焦点、强调元素随角色变化，便于一眼辨认身份 */
body.role-judge{ --brand:#6366f1; --brand-deep:#4338ca; --brand-soft:#eef0ff; --nav-a:#191a4a; --nav-b:#3730a3;
  --glow-a:rgba(129,140,248,.34); --glow-b:rgba(99,102,241,.30); --glow-c:rgba(167,139,250,.26);
  --bg-a:#ecebff; --bg-c:#eeeaff; --bg-d:#e8f2ff; }
body.role-audience{ --brand:#0e7490; --brand-deep:#155e75; --brand-soft:#e2f7fb; --nav-a:#062f3f; --nav-b:#0e7490;
  --glow-a:rgba(34,211,238,.36); --glow-b:rgba(14,116,144,.26); --glow-c:rgba(56,189,248,.26);
  --bg-a:#e2f7fb; --bg-c:#e8f3ff; --bg-d:#ddf6f4; }
body.role-team_member{ --brand:#7c3aed; --brand-deep:#5b21b6; --brand-soft:#f2ebff; --nav-a:#26115a; --nav-b:#6d28d9;
  --glow-a:rgba(167,139,250,.36); --glow-b:rgba(124,58,237,.26); --glow-c:rgba(217,70,239,.20);
  --bg-a:#f1eaff; --bg-c:#f2eaff; --bg-d:#e7f3ff; }
body.role-super_admin{ --brand:#1d4ed8; --brand-deep:#1e3a8a; --brand-soft:#e6efff; --nav-a:#07173b; --nav-b:#1d4ed8;
  --glow-a:rgba(56,189,248,.36); --glow-b:rgba(37,99,235,.28); --glow-c:rgba(96,165,250,.26);
  --bg-a:#e3efff; --bg-c:#e8edff; --bg-d:#e0f4fb; }
body.role-guest{ --brand:#2563eb; --brand-deep:#1e40af; --brand-soft:#e8f1ff;
  --glow-a:rgba(56,189,248,.34); --glow-b:rgba(129,140,248,.26); --glow-c:rgba(34,211,238,.26); }

*,*::before,*::after{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0; font-family:var(--font); color:var(--ink); line-height:1.6;
  background:
    radial-gradient(50% 44% at 4% 0%, var(--glow-a), transparent 72%),
    radial-gradient(46% 42% at 100% 4%, var(--glow-b), transparent 72%),
    radial-gradient(58% 48% at 96% 98%, var(--glow-c), transparent 74%),
    radial-gradient(44% 42% at 0% 100%, var(--glow-d), transparent 72%),
    linear-gradient(122deg, var(--bg-a) 0%, var(--bg-b) 30%, var(--bg-c) 64%, var(--bg-d) 100%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased; min-height:100vh;
  display:flex; flex-direction:column;
}
/* 科技网格 + 左上斜向高光：固定装饰层，不拦截交互、不影响内容层级 */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px),
    linear-gradient(118deg, rgba(255,255,255,.62), rgba(255,255,255,0) 42%);
  background-size:46px 46px, 46px 46px, 100% 100%;
  background-repeat:repeat, repeat, no-repeat;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.48) 58%, rgba(0,0,0,.16));
  mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.48) 58%, rgba(0,0,0,.16));
}
/* 缓慢漂移的极光光球：动态科技感，减弱动效时自动静止 */
body::after{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.58;
  background:
    radial-gradient(28% 32% at 22% 26%, var(--glow-a), transparent 72%),
    radial-gradient(26% 30% at 80% 76%, var(--glow-b), transparent 72%);
  background-size:180% 180%, 180% 180%;
  background-position:0% 0%, 100% 100%;
  animation:auroraDrift 26s ease-in-out infinite alternate;
}
@keyframes auroraDrift{
  0%{ background-position:0% 0%, 100% 100%; }
  100%{ background-position:28% 20%, 72% 80%; }
}
a{ color:var(--brand); text-decoration:none; }
code{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em;
  background:var(--brand-soft); color:var(--brand-deep); padding:2px 7px; border-radius:6px; }
b,strong{ font-weight:700; }

/* ======================= 顶栏 ======================= */
.topbar{
  position:sticky; top:0; z-index:50; color:#fff;
  background:
    radial-gradient(40% 120% at 8% 0%, rgba(125,211,252,.20), transparent 70%),
    radial-gradient(36% 120% at 96% 0%, rgba(167,139,250,.18), transparent 70%),
    linear-gradient(108deg,var(--nav-a),var(--nav-b));
  box-shadow:0 8px 28px rgba(7,23,59,.22);
  backdrop-filter:blur(8px);
}
.topbar::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(104deg, transparent 34%, rgba(255,255,255,.13) 47%, rgba(125,211,252,.12) 53%, transparent 67%);
  background-size:240% 100%; background-repeat:no-repeat;
  animation:topbarSweep 14s ease-in-out infinite; }
@keyframes topbarSweep{ 0%{ background-position:150% 0; } 100%{ background-position:-150% 0; } }
.topbar::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.65) 22%,var(--gold) 50%,rgba(125,211,252,.65) 78%,transparent); }
.topbar .wrap{
  position:relative; z-index:1; max-width:1360px; margin:0 auto; padding:0 26px; min-height:70px;
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
.brand{ display:flex; align-items:center; gap:11px; color:#fff; flex:none; }
.brand:hover{ color:#fff; }
.brand-mark{ width:38px; height:38px; border-radius:11px; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(255,255,255,.24),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.32); box-shadow:0 4px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35); }
.brand-mark svg{ width:74%; height:74%; display:block; filter:drop-shadow(0 0 6px rgba(255,209,102,.6)); }
.brand-text{ font-size:18px; font-weight:800; letter-spacing:1px; line-height:1.15; white-space:nowrap; }
.brand-text small{ display:block; font-size:9px; font-weight:600; letter-spacing:2.2px; color:rgba(191,225,255,.8); margin-top:2px; }

.nav{ display:flex; align-items:center; gap:5px; flex:1 1 auto; flex-wrap:wrap; }
.nav a{
  color:rgba(233,244,255,.86); font-size:13.5px; font-weight:600; padding:7px 12px;
  border-radius:9px; border:1px solid transparent; white-space:nowrap; transition:.18s;
}
.nav a:hover{ color:#fff; background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.22); transform:translateY(-1px); }
.user-box{ display:flex; align-items:center; gap:10px; flex:none; margin-left:auto; }
.user-info{ color:rgba(233,244,255,.9); font-size:13px; font-weight:600; white-space:nowrap; }
.role-badge{
  display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px;
  font-size:12px; font-weight:800; color:#ffe9b0; white-space:nowrap;
  background:linear-gradient(135deg,rgba(255,209,102,.24),rgba(255,180,60,.10));
  border:1px solid rgba(255,209,102,.55); box-shadow:inset 0 0 12px rgba(255,209,102,.14);
}
.role-badge::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--gold);
  box-shadow:0 0 8px var(--gold); }

/* ======================= 页面容器 / 页脚 ======================= */
.container{ position:relative; z-index:1; width:100%; max-width:1360px; margin:0 auto; padding:30px 26px 44px; flex:1 1 auto; }
.app-foot{ position:relative; z-index:1; text-align:center; color:var(--ink-3); font-size:12px;
  padding:18px 20px 26px; letter-spacing:.3px;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(214,234,255,.58));
  border-top:1px solid rgba(255,255,255,.9); backdrop-filter:blur(10px); }
.app-foot b{ color:var(--brand); }

/* ======================= 页面标题 ======================= */
.page-head{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 8px; }
.page-head h1{
  position:relative; margin:0; padding-left:16px; font-size:26px; font-weight:800; letter-spacing:.4px;
  color:var(--ink); line-height:1.35;
}
.page-head h1::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:5px; height:26px; border-radius:3px; background:var(--grad); box-shadow:0 0 14px rgba(37,99,235,.35); }
.page-head > .row-flex{ margin-left:auto; }
.page-head > a.btn{ margin-left:auto; }
.page-head .tag{ font-size:12px; }
.muted,.hint,.sub,.card .sub{ color:var(--ink-3); }
.sub,.card .sub{ font-size:14px; margin:0 0 8px; }
.hint{ font-size:12.5px; margin:8px 0 0; line-height:1.7; }
.divider{ height:1px; background:linear-gradient(90deg,var(--line),transparent); margin:24px 0; border:0; }
.center{ text-align:center; }
.mt-0{ margin-top:0; }
.row-flex{ display:flex; gap:9px; flex-wrap:wrap; align-items:center; }
.row-flex form{ margin:0; }
.toolbar{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:12px; }
.toolbar .spacer{ flex:1; }

/* ======================= 首页 Hero ======================= */
.hero{ text-align:center; padding:52px 0 26px; }
.hero h1{ font-size:44px; margin:0 0 12px; font-weight:900; letter-spacing:-1px;
  background:linear-gradient(100deg,#0a1f4d,#2563eb 40%,#22d3ee 72%,#a78bfa);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero .sub{ font-size:16px; color:var(--ink-2); }
.entry-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin-top:40px; text-align:left; }
.entry-card{
  position:relative; overflow:hidden; display:block; border-radius:var(--radius);
  background:linear-gradient(168deg, rgba(255,255,255,.97), rgba(255,255,255,.87));
  backdrop-filter:blur(12px); color:var(--ink);
  padding:26px 20px 24px; border:1px solid rgba(255,255,255,.92);
  box-shadow:0 2px 8px rgba(16,48,96,.06), 0 18px 42px rgba(23,72,158,.10);
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.entry-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg,var(--brand),var(--cyan)); opacity:.85; }
.entry-card:nth-child(2)::before{ background:linear-gradient(90deg,#0e7490,var(--cyan)); }
.entry-card:nth-child(3)::before{ background:linear-gradient(90deg,#7c3aed,var(--violet)); }
.entry-card:nth-child(4)::before{ background:linear-gradient(90deg,#b45309,var(--gold)); }
.entry-card:nth-child(5)::before{ background:linear-gradient(90deg,#0f766e,var(--cyan)); }
.entry-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:rgba(37,99,235,.35); color:var(--ink); }
.entry-icon{ width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center;
  font-size:28px; margin-bottom:16px; background:var(--brand-soft); border:1px solid var(--line); }
.entry-card h3{ margin:0 0 8px; font-size:19px; font-weight:800; }
.entry-card p{ color:var(--ink-3); font-size:13.5px; margin:0; line-height:1.7; }

/* ======================= 卡片 ======================= */
.card{
  position:relative; border-radius:var(--radius);
  background:linear-gradient(168deg, rgba(255,255,255,.97), rgba(255,255,255,.88));
  border:1px solid rgba(255,255,255,.92); backdrop-filter:blur(12px);
  padding:26px 28px; max-width:820px; margin:22px auto;
  box-shadow:0 2px 8px rgba(16,48,96,.06), 0 18px 42px rgba(23,72,158,.11), inset 0 1px 0 rgba(255,255,255,.9);
}
.card.wide{ max-width:none; }
.card::before{ content:""; position:absolute; left:18px; right:18px; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,190,255,.75),transparent); }
.card h2{ margin:0 0 14px; font-size:19px; font-weight:800; letter-spacing:.3px; display:flex; align-items:baseline; flex-wrap:wrap; gap:2px; }
.card h2::before{ content:""; display:inline-block; width:4px; height:17px; border-radius:2px;
  background:var(--grad); margin-right:10px; align-self:center; }
.card h2 small{ font-size:12.5px; font-weight:500; color:var(--ink-3); margin-left:8px; }
.card > .sub{ margin-bottom:16px; }

/* ======================= 登录 / 口令页 ======================= */
.auth-card{ max-width:470px; margin:48px auto; padding:34px 34px 32px; text-align:left; }
.auth-card h2{ font-size:22px; justify-content:flex-start; }
.auth-card .sub{ margin-bottom:22px; }
.auth-card label{ margin-top:18px; }
.auth-card .btn-block{ margin-top:24px; }
.auth-card form > .btn{ width:100%; }
.auth-card .hint{ margin-top:14px; }

/* ======================= 按钮 ======================= */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:11px 21px; border:1px solid transparent; border-radius:var(--radius-sm);
  font-family:inherit; font-size:14.5px; font-weight:700; line-height:1.3; cursor:pointer;
  color:#fff; background:var(--grad); text-decoration:none; white-space:nowrap;
  box-shadow:0 6px 16px rgba(30,64,175,.22); transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;
}
.btn:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(30,64,175,.30); }
.btn:active{ transform:translateY(0); }
.btn:focus-visible{ outline:3px solid rgba(56,189,248,.55); outline-offset:2px; }
.btn:disabled{ opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; }
.btn-ghost{ background:var(--brand-soft); color:var(--brand-deep); border-color:rgba(37,99,235,.28); box-shadow:none; }
.btn-ghost:hover{ background:rgba(37,99,235,.14); color:var(--brand-deep); box-shadow:0 6px 16px rgba(30,64,175,.12); }
.btn-danger{ background:linear-gradient(135deg,#ef4444,#b91c1c); box-shadow:0 6px 16px rgba(220,38,38,.22); }
.btn-danger:hover{ box-shadow:0 10px 24px rgba(220,38,38,.30); }
.btn-cyan{ background:linear-gradient(135deg,#0891b2,#0e7490); box-shadow:0 6px 16px rgba(8,145,178,.24); }
.btn-cyan:hover{ box-shadow:0 10px 24px rgba(8,145,178,.32); }
.btn-gold{ background:linear-gradient(135deg,#f59e0b,#b45309); box-shadow:0 6px 16px rgba(217,119,6,.24); }
.btn-small{ padding:7px 14px; font-size:12.5px; border-radius:9px; box-shadow:none; }
.btn-small:hover{ box-shadow:0 6px 14px rgba(30,64,175,.16); }
.btn-block{ width:100%; }
a.btn{ color:#fff; }
a.btn-ghost{ color:var(--brand-deep); }

/* ======================= 表单 ======================= */
label{ display:block; margin:16px 0 7px; font-weight:700; font-size:13.5px; color:var(--ink-2); }
input[type=text],input[type=password],input[type=number],input[type=tel],input[type=datetime-local],select,textarea{
  width:100%; padding:11px 14px; min-height:44px; border:1.5px solid var(--line); border-radius:var(--radius-sm);
  font-size:14.5px; font-family:inherit; outline:none; background:#fbfdff; color:var(--ink);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
input:hover,select:hover,textarea:hover{ border-color:#b9d2f2; }
input:focus,select:focus,textarea:focus{ border-color:var(--brand); background:#fff;
  box-shadow:0 0 0 4px rgba(37,99,235,.12); }
input:disabled,select:disabled{ background:#f1f5fb; color:var(--ink-3); cursor:not-allowed; }
input::placeholder{ color:#a3b6d1; }
input[type=number]{ font-variant-numeric:tabular-nums; }
input[type=file]{ padding:8px 10px; font-size:13px; background:#fbfdff; }
input[type=file]::file-selector-button{
  margin-right:10px; padding:6px 12px; border:1px solid var(--line); border-radius:8px;
  background:var(--brand-soft); color:var(--brand-deep); font-weight:700; font-family:inherit;
  font-size:12.5px; cursor:pointer; transition:.18s;
}
input[type=file]::file-selector-button:hover{ background:rgba(37,99,235,.16); }
select{ appearance:none; padding-right:34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%233d5680' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 13px center; }
.inline-form{ display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; margin:0; }
.inline-form > div{ min-width:0; }
.inline-form label{ margin:0 0 6px; font-size:12.5px; }
.inline-form input[type=file]{ max-width:230px; }
.inline-form .btn{ margin-bottom:1px; }
.table-wrap form{ margin:0; }

/* ======================= 提示 / 闪现消息 ======================= */
.flash{
  position:relative; display:flex; align-items:center; gap:10px;
  padding:13px 16px 13px 46px; border-radius:var(--radius-sm); margin:0 0 18px;
  font-size:13.5px; font-weight:600; border:1px solid; line-height:1.6;
}
.flash::before{ position:absolute; left:15px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:900; color:#fff; content:"i"; }
.flash-error{ background:var(--bad-soft); color:#a82020; border-color:#f6cccc; }
.flash-error::before{ content:"!"; background:var(--bad); }
.flash-success{ background:var(--ok-soft); color:#0b6b4c; border-color:#bfe8d5; }
.flash-success::before{ content:"\2713"; background:var(--ok); }
.flash .hint{ color:inherit; opacity:.8; margin:0; }
.weight-warn{ background:var(--warn-soft); border:1px solid #f5d99a; color:#8a5305;
  padding:12px 15px; border-radius:var(--radius-sm); font-size:13px; margin-top:14px; }
.weight-warn b{ color:#7c4a04; }
.empty{ text-align:center; color:var(--ink-3); padding:38px 12px; font-size:14px; }
.empty::before{ content:"\25C7"; display:block; font-size:30px; color:#b9cde8; margin-bottom:8px; }

/* ======================= 表格 ======================= */
.table-wrap{ overflow:auto; margin-top:16px; border:1px solid var(--line);
  border-radius:14px; background:#fff; box-shadow:0 2px 10px rgba(16,48,96,.04); }
table{ width:100%; border-collapse:collapse; font-size:13.5px; }
th,td{ padding:12px 15px; text-align:left; border-bottom:1px solid var(--line-2); vertical-align:middle; white-space:nowrap; }
th{ position:sticky; top:0; z-index:1; background:linear-gradient(180deg,#f2f7ff,#eaf2fe);
  font-size:12px; font-weight:800; letter-spacing:.6px; color:var(--ink-2); white-space:nowrap;
  border-bottom:1px solid var(--line); }
th small{ font-weight:600; letter-spacing:0; }
tbody tr{ transition:background .15s; }
tbody tr:nth-child(even){ background:#fbfdff; }
tbody tr:hover{ background:var(--brand-soft); }
tbody tr:last-child td{ border-bottom:none; }
td .btn{ margin:2px 0; }
td .btn-small{ padding:6px 10px; font-size:12px; }
td .row-flex{ gap:6px; }
td .inline-form{ gap:7px; }
td input[type=text],td input[type=number],td input[type=file]{ min-height:36px; padding:7px 10px; font-size:13px; }
.num{ text-align:right; font-variant-numeric:tabular-nums; }
.crit-table input{ max-width:130px; }

/* ======================= 标签 / 徽章 ======================= */
.tag{ display:inline-flex; align-items:center; gap:6px; padding:4px 11px; border-radius:999px;
  font-size:12px; font-weight:700; white-space:nowrap; border:1px solid transparent; }
.tag::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.8; }
.tag-blue{ background:var(--brand-soft); color:var(--brand-deep); border-color:rgba(37,99,235,.22); }
.tag-green{ background:var(--ok-soft); color:#0b6b4c; border-color:#bfe8d5; }
.tag-amber{ background:var(--warn-soft); color:#8a5305; border-color:#f5d99a; }
.tag-gray{ background:#eef2f7; color:#5b6b85; border-color:#dde5ef; }
.pill-list{ display:flex; flex-wrap:wrap; gap:6px; white-space:normal; }
.pill{ background:#f2f7ff; border:1px solid var(--line); border-radius:999px;
  padding:3px 11px; font-size:12.5px; color:var(--ink-2); }
.rank-badge{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px;
  border-radius:50%; font-weight:800; font-size:13px; color:#fff; box-shadow:0 3px 8px rgba(16,48,96,.18); }
.rank-1{ background:linear-gradient(135deg,#ffd166,#d97706); }
.rank-2{ background:linear-gradient(135deg,#cbd5e1,#94a3b8); }
.rank-3{ background:linear-gradient(135deg,#e8a866,#b45309); }
.rank-n{ background:linear-gradient(135deg,#60a5fa,#2563eb); }

/* ======================= 统计卡片 ======================= */
.stat-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; margin:22px 0; }
.stat-card{ position:relative; overflow:hidden; border-radius:var(--radius);
  background:linear-gradient(168deg, rgba(255,255,255,.97), rgba(255,255,255,.88));
  border:1px solid rgba(255,255,255,.92); backdrop-filter:blur(12px); padding:20px 22px;
  box-shadow:0 2px 8px rgba(16,48,96,.06), 0 14px 34px rgba(23,72,158,.10); }
.stat-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,var(--brand),var(--cyan)); }
.stat-card::after{ content:""; position:absolute; right:-30px; top:-30px; width:100px; height:100px;
  border-radius:50%; background:radial-gradient(circle,rgba(56,189,248,.16),transparent 70%); }
.stat-card:nth-child(2)::before{ background:linear-gradient(90deg,#0e7490,var(--cyan)); }
.stat-card:nth-child(3)::before{ background:linear-gradient(90deg,#7c3aed,var(--violet)); }
.stat-card:nth-child(4)::before{ background:linear-gradient(90deg,#f59e0b,var(--gold)); }
.stat-card .v{ position:relative; font-size:31px; font-weight:900; line-height:1.15; color:var(--brand-deep);
  font-variant-numeric:tabular-nums; }
.stat-card:nth-child(2) .v{ color:#0e7490; }
.stat-card:nth-child(3) .v{ color:#6d28d9; }
.stat-card:nth-child(4) .v{ color:#b45309; }
.stat-card .l{ color:var(--ink-3); font-size:12.5px; margin-top:4px; font-weight:600; letter-spacing:.3px; }

/* ======================= 进度条 / 排行榜 ======================= */
.bar{ background:#e6eef9; border-radius:999px; height:10px; overflow:hidden; }
.bar-fill{ height:100%; border-radius:999px; background:linear-gradient(90deg,var(--brand),var(--cyan));
  transition:width .8s cubic-bezier(.2,.8,.2,1); }
.score-row{ display:flex; align-items:center; gap:14px; margin:12px 0; }
.score-row .name{ width:170px; font-weight:700; flex-shrink:0; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.score-row .track{ flex:1; height:24px; background:#edf3fc; border-radius:999px;
  position:relative; overflow:hidden; box-shadow:inset 0 1px 3px rgba(16,48,96,.08); }
.score-row .fill{ position:absolute; left:0; top:0; bottom:0; border-radius:999px;
  background:linear-gradient(90deg,var(--brand),var(--cyan)); box-shadow:0 0 14px rgba(34,211,238,.35);
  transition:width .9s cubic-bezier(.2,.8,.2,1); }
.score-row .fill::after{ content:""; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 55%); }
.score-row .val{ width:74px; text-align:right; font-weight:800; font-size:16px;
  color:var(--brand-deep); font-variant-numeric:tabular-nums; flex-shrink:0; }

/* ======================= 评委打分卡片 ======================= */
#scoreForm{ display:grid; grid-template-columns:repeat(auto-fit,minmax(390px,1fr)); gap:18px; align-items:start; }
#scoreForm > button,#scoreForm > .hint,#scoreForm > .card{ grid-column:1/-1; }
.team-card{ position:relative; overflow:hidden; background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius); padding:20px 22px; margin:0; box-shadow:var(--shadow);
  transition:border-color .2s,box-shadow .2s; }
.team-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg,var(--brand),var(--cyan)); opacity:.7; }
.team-card:hover{ box-shadow:var(--shadow-lg); }
.team-card.done{ border-color:rgba(5,150,105,.45); }
.team-card.done::before{ background:linear-gradient(180deg,#10b981,#059669); opacity:1; }
.team-card h3{ margin:0 0 14px; font-size:17px; font-weight:800; display:flex; align-items:center; gap:10px;
  padding-bottom:12px; border-bottom:1px solid var(--line-2); }
.crit-row{ display:grid; grid-template-columns:minmax(0,1fr) 96px 58px; gap:12px; align-items:center;
  padding:9px 0; border-top:1px dashed var(--line-2); }
.crit-row:first-of-type{ border-top:none; }
.crit-row .cname{ font-weight:700; font-size:13.5px; }
.crit-row .cmeta{ color:var(--ink-3); font-size:11.5px; margin-top:2px; }
.crit-row input{ text-align:center; padding:8px 6px; min-height:38px; font-weight:700; }
.crit-row .pct{ color:var(--brand); font-size:12.5px; text-align:center; font-weight:700;
  font-variant-numeric:tabular-nums; }
.team-subtotal{ display:flex; justify-content:space-between; align-items:center; margin-top:14px;
  padding-top:14px; border-top:2px solid var(--line); font-weight:700; font-size:13.5px; color:var(--ink-2); }
.team-subtotal .big{ font-size:24px; color:var(--brand-deep); font-weight:900;
  font-variant-numeric:tabular-nums; }
.team-card.done .team-subtotal .big{ color:var(--ok); }

/* ======================= 团队照片 ======================= */
.team-photo{ width:58px; height:58px; border-radius:12px; object-fit:cover; display:block;
  border:2px solid #fff; box-shadow:0 3px 10px rgba(16,48,96,.16); }
.team-photo-ph{ width:58px; height:58px; border-radius:12px; display:flex; align-items:center;
  justify-content:center; color:var(--ink-3); font-size:12px; font-weight:700;
  background:linear-gradient(135deg,#e9f0fa,#d7e4f5); border:1px dashed #bdd2ec; }
.team-avatar-sm{ width:34px; height:34px; border-radius:50%; object-fit:cover; vertical-align:middle;
  border:2px solid #fff; box-shadow:0 2px 6px rgba(16,48,96,.2); }

/* ======================= 全站页脚（版权 / ICP / 公安备案）======================= */
.app-foot .foot-line{ margin:3px 0; }
.app-foot .foot-beian{ display:flex; justify-content:center; flex-wrap:wrap; gap:4px 18px; margin-top:7px; }
.app-foot .foot-beian a{ color:var(--ink-3); text-decoration:none; }
.app-foot .foot-beian a:hover{ color:var(--brand); text-decoration:underline; }
.app-foot .foot-role{ opacity:.72; margin-top:6px; }

/* ======================= 表单网格 ======================= */
.form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; align-items:end; }
.form-grid > div.full{ grid-column:1/-1; }
.form-grid label{ margin:0 0 6px; font-size:12.5px; }
.form-grid .row-flex{ align-items:center; }
.form-grid .hint{ margin:0; }

/* ======================= 联系我们 ======================= */
.contact-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 22px; }
.contact-item{ display:flex; align-items:flex-start; gap:13px; padding:14px 16px;
  background:#f8fbff; border:1px solid var(--line-2); border-radius:var(--radius-sm); }
.contact-ic{ flex:0 0 38px; width:38px; height:38px; border-radius:11px; display:flex;
  align-items:center; justify-content:center; font-size:19px; background:var(--brand-soft); }
.contact-item label{ margin:0 0 2px; font-size:11.5px; color:var(--ink-3); font-weight:700; }
.contact-val{ font-size:15px; font-weight:700; color:var(--ink); word-break:break-all; }

/* ======================= 结果卡 / 授权提示 ======================= */
.center-card{ text-align:center; }
.center-card h2{ justify-content:center; }
.result-badge{ width:64px; height:64px; border-radius:50%; margin:4px auto 16px;
  display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:900; }
.result-ok{ background:var(--ok-soft); color:var(--ok); border:2px solid #bfe8d5; }
.result-warn{ background:var(--warn-soft); color:var(--warn); border:2px solid #f5d99a; }
.center-actions{ justify-content:center; margin-top:20px; }
.license-note h2{ color:var(--warn); }
.config-warn{ margin:0 0 16px; padding:10px 14px; border-radius:var(--radius-sm);
  background:var(--warn-soft); border:1px solid #f5d99a; color:#8a5305; font-size:13px; font-weight:600; }

/* ======================= 试用申请审核 ======================= */
.trial-item{ padding:16px 0; border-top:1px solid var(--line-2); }
.trial-item:first-of-type{ border-top:0; padding-top:4px; }
.trial-head{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:15px; }
.trial-head .muted{ font-size:12px; }
.trial-meta{ margin-top:6px; font-size:13px; color:var(--ink-2); line-height:1.8; }
.trial-reason{ margin-top:6px; font-size:12.5px; color:var(--ink-3); }
.trial-actions{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.trial-actions .inline-form{ gap:8px 12px; align-items:flex-end; }
.trial-actions .days-input{ max-width:118px; }
.trial-actions input[type=text]{ max-width:220px; }

/* ======================= 子管理员有效期调整 ======================= */
.validity-details{ position:relative; }
.validity-details > summary{ list-style:none; cursor:pointer; }
.validity-details > summary::-webkit-details-marker{ display:none; }
.validity-details[open]{ z-index:5; }
.validity-form{ position:absolute; right:0; top:calc(100% + 6px); width:252px; z-index:20;
  padding:14px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius-sm);
  box-shadow:var(--shadow-lg); text-align:left; }
.validity-form label{ margin:8px 0 4px; font-size:12px; }
.validity-form label:first-of-type{ margin-top:0; }
.validity-form .btn{ margin-top:10px; width:100%; }
.validity-form .hint{ margin:8px 0 0; font-size:11.5px; }
.table-wrap{ overflow-x:auto; }

/* ======================= 响应式 ======================= */
@media (max-width:1080px){
  .topbar .wrap{ padding:10px 18px; gap:12px; }
  .nav{ order:3; flex-basis:100%; justify-content:flex-start; }
  .user-box{ margin-left:auto; }
  .container{ padding:24px 18px 36px; }
  body{ background-attachment:scroll; }
  #scoreForm{ grid-template-columns:1fr; }
  .entry-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:720px){
  .brand-text{ font-size:16px; }
  .brand-text small{ display:none; }
  .nav a{ font-size:12.5px; padding:6px 9px; }
  .user-info{ display:none; }
  .container{ padding:18px 14px 30px; }
  .hero{ padding:32px 0 16px; }
  .hero h1{ font-size:30px; }
  .page-head h1{ font-size:21px; }
  .page-head > .row-flex,.page-head > a.btn{ margin-left:0; }
  .card{ padding:20px 18px; }
  .card.wide{ padding:20px 14px; }
  .auth-card{ margin:24px auto; padding:26px 22px; }
  .stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .stat-card{ padding:16px; }
  .stat-card .v{ font-size:25px; }
  .score-row .name{ width:110px; }
  .score-row .val{ width:60px; font-size:14px; }
  th,td{ padding:10px 11px; }
  .crit-row{ grid-template-columns:minmax(0,1fr) 78px 46px; gap:8px; }
  .entry-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .form-grid,.contact-grid{ grid-template-columns:1fr; }
  .trial-actions .inline-form{ flex-direction:column; align-items:stretch; }
  .trial-actions input[type=text],.trial-actions .days-input{ max-width:none; }
}
@media (max-width:460px){
  .stat-grid{ grid-template-columns:1fr; }
  .entry-grid{ grid-template-columns:1fr; }
  .btn{ padding:10px 15px; font-size:13.5px; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
@media print{
  .topbar,.app-foot,.btn,.nav,.user-box{ display:none !important; }
  body{ background:#fff; }
  body::before,body::after,.topbar::before{ display:none !important; }
  .card,.stat-card,.team-card{ box-shadow:none; border:1px solid #d9e2f0; }
  .container{ padding:0; max-width:none; }
}