/* 橡媒GEO 站视觉增强层 —— 设计语言与品牌色完全对齐媒体平台（#2563EB 系，2026-09-05 用户拍板橡媒系主色统一）
   引入方式：各页 </head> 前 <link rel="stylesheet" href="/site.css?v=N">（须在内嵌 style 之后加载）
   result.html（分数页）冻结，不引入本文件 */
:root{
  --grad:linear-gradient(135deg,#1E40AF 0%,#2563EB 32%,#0EA5E9 64%,#22D3EE 100%);
}
/* 卡片：浮起阴影 + 柔和边框 */
.card{
  box-shadow:0 10px 28px rgba(15,23,42,.08);
  border-color:#e5e9f0;
}
/* 主按钮：品牌渐变 + hover 上浮 */
.btn{
  background:var(--grad);
  box-shadow:0 6px 18px rgba(37,99,235,.28);
  transition:.18s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(37,99,235,.34)}
.btn:disabled{transform:none!important;opacity:.5}
/* 次要按钮兜底：白底不加渐变阴影 */
.btn.ghost,.btn.outline,.btn-secondary{
  background:#fff;
  box-shadow:none;
  color:var(--primary-dark);
  border:1.5px solid var(--primary);
}
.btn.ghost:hover,.btn.outline:hover{background:rgba(37,99,235,.06);transform:translateY(-1px)}
/* 表单 focus 光晕 */
input:focus,select:focus,textarea:focus{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
  outline:none;
}
/* 面板入场动画（首屏一次性） */
.panel,.hero,.scan-box{animation:siteFadeUp .35s ease}
@keyframes siteFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* KPI 一行式（标题左 · 数字右 · 基线对齐） */
.krow{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.klabel{font-size:13px;color:var(--muted);white-space:nowrap}
.kscore{font-size:30px;font-weight:800;color:var(--primary-dark);line-height:1.1;white-space:nowrap}
.kscore small{font-size:15px;font-weight:600;color:var(--muted)}