/* ==========================================================================
   灵炫订单管理后台 · 「互联」主题皮肤  theme-lx.css  v1
   --------------------------------------------------------------------------
   纯样式层：只覆盖 颜色 / 圆角 / 阴影 / 背景 / 滚动条，不改动任何 DOM 结构与逻辑。
   回滚方式：删除 index.html 中对本文件的 <link> 即可，或改名恢复 .pre-skin 备份。
   ========================================================================== */

/* ---------- 1. 设计令牌 ---------- */
:root {
  /* 基础色板（HSL 三元组，配合 hsl(var(--x)) 使用） */
  --background: 218 40% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 221 83% 53%;
  --primary-foreground: 210 40% 98%;
  --muted: 214 45% 96%;
  --muted-foreground: 215 20% 42%;
  --border: 216 30% 91%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  /* accent 由灰调改为柔和蓝调：表格行悬浮、幽灵按钮悬浮全部随之变成"数据蓝" */
  --accent: 214 95% 96%;
  --accent-foreground: 221 83% 38%;
  /* 统一加大圆角：.rounded-lg = 15px，.rounded-md = 12px */
  --radius: 0.75rem;

  /* 皮肤私有变量 */
  --lx-navy-a: #0a1120;
  --lx-navy-b: #101c34;
  --lx-navy-c: #0c1730;
  --lx-line-dark: rgba(148, 163, 184, 0.16);
  --lx-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 24px -16px rgba(15, 23, 42, 0.30);
  --lx-card-shadow-hover: 0 2px 6px rgba(15, 23, 42, 0.05), 0 20px 40px -20px rgba(37, 99, 235, 0.38);
  --lx-grad-brand: linear-gradient(135deg, #3b82f6 0%, #6366f1 55%, #8b5cf6 100%);
  --lx-grad-primary: linear-gradient(135deg, #2563eb 0%, #3b82f6 55%, #6366f1 100%);
}

/* ---------- 2. 画布：极淡光晕 + 点阵（呼应"多源数据互联"） ---------- */
body {
  background-color: hsl(var(--background));
  background-image:
    radial-gradient(1100px 620px at 8% -12%, rgba(37, 99, 235, 0.10), transparent 62%),
    radial-gradient(900px 540px at 98% 0%, rgba(139, 92, 246, 0.10), transparent 64%),
    radial-gradient(860px 540px at 50% 110%, rgba(13, 148, 136, 0.09), transparent 62%),
    radial-gradient(rgba(15, 23, 42, 0.055) 1px, transparent 1px);
  background-size: auto, auto, auto, 24px 24px;
  background-attachment: fixed;
  /* 数据类后台：全局等宽数字，列对齐不跳动 */
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
}

/* ---------- 3. 侧边栏：深色导航舱 ---------- */
aside {
  color: #cbd5e1;
  background-color: var(--lx-navy-a);
  background-image: linear-gradient(180deg, var(--lx-navy-a) 0%, var(--lx-navy-b) 52%, var(--lx-navy-c) 100%);
  border-right-color: var(--lx-line-dark);
  box-shadow: 20px 0 44px -34px rgba(6, 12, 24, 0.9), inset -1px 0 0 rgba(255, 255, 255, 0.04);
}

/* 侧栏内部所有分隔线转暗色 */
aside .border-b,
aside .border-t,
aside .border-r,
aside .border-l {
  border-color: var(--lx-line-dark) !important;
}

/* 品牌标题 */
aside > div:first-child > div:last-child {
  color: #f1f5f9 !important;
  letter-spacing: 0.02em;
}

/* 顶部「同步」按钮：深色玻璃胶囊 */
aside > div:nth-child(2) button {
  color: #a8b6cc !important;
  background-color: rgba(148, 163, 184, 0.07) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}
aside > div:nth-child(2) button:hover {
  color: #f8fafc !important;
  background-color: rgba(59, 130, 246, 0.20) !important;
  border-color: rgba(96, 165, 250, 0.48) !important;
}
aside > div:nth-child(2) span {
  color: #7c8ba3 !important;
}

/* 导航项 */
aside nav button {
  color: #93a3bb !important;
  background-color: transparent !important;
  position: relative;
}
aside nav button:hover {
  color: #f1f5f9 !important;
  background-color: rgba(148, 163, 184, 0.11) !important;
}
/* 当前页：渐变胶囊 + 左侧光条 */
aside nav button[class*="bg-primary/10"] {
  color: #ffffff !important;
  background-color: rgba(59, 130, 246, 0.16) !important;
  background-image: linear-gradient(100deg, rgba(59, 130, 246, 0.42) 0%, rgba(99, 102, 241, 0.26) 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.32), 0 10px 22px -14px rgba(59, 130, 246, 0.95);
}
aside nav button[class*="bg-primary/10"]::before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 1.15rem;
  border-radius: 0 3px 3px 0;
  background-image: linear-gradient(180deg, #60a5fa, #a78bfa);
  box-shadow: 0 0 12px rgba(96, 165, 250, 0.9);
}

/* 侧栏底部账号区 */
aside > div:last-child > div:first-child {
  color: #7c8ba3 !important;
}
aside > div:last-child button {
  color: #cbd5e1 !important;
  background-color: rgba(148, 163, 184, 0.07) !important;
  border-color: rgba(148, 163, 184, 0.20) !important;
}
aside > div:last-child button:hover {
  color: #ffffff !important;
  background-color: rgba(239, 68, 68, 0.18) !important;
  border-color: rgba(248, 113, 113, 0.42) !important;
}

/* ---------- 4. 品牌标记（侧栏 logo / 登录页 logo）：渐变 + 光晕 ---------- */
div[class*="rounded-xl bg-primary"],
div[class*="rounded-lg bg-primary"] {
  background-color: #3b82f6 !important;
  background-image: var(--lx-grad-brand) !important;
  box-shadow: 0 10px 26px -10px rgba(79, 70, 229, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

/* ---------- 5. 卡片：柔和投影 + 悬浮响应 ----------
   ⚠️ 注意：hover 不可加 transform —— transform 会把卡片变成 fixed 弹层的
   containing block 并创建独立层叠上下文，导致数据看板「时间/下拉」弹层
   （fixed + zIndex:3000，DOM 挂在筛选卡片内）被后续统计卡片压住。
   悬浮反馈只用阴影与描边表达。 */
.rounded-lg.border.bg-card,
.rounded-xl.border.bg-card {
  border-color: hsl(var(--border));
  background-image: linear-gradient(180deg, #ffffff 0%, #fdfeff 100%);
  box-shadow: var(--lx-card-shadow);
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
main .rounded-lg.border.bg-card:hover,
main .rounded-xl.border.bg-card:hover {
  border-color: hsl(221 83% 53% / 0.24);
  box-shadow: var(--lx-card-shadow-hover);
}

/* ---------- 5b. 弹层保底置顶（时间/下拉/确认面板） ----------
   弹层 DOM 挂在筛选卡片内部，此处统一抬高 z-index 作为双保险。 */
div.fixed.rounded-lg.border.bg-card.shadow-xl {
  z-index: 9999 !important;
}

/* ---------- 6. 表格：蓝色表头 + 柔和分割线 ---------- */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* 表头整体染蓝（含 sticky 列，统一底色避免接缝） */
table thead tr[class],
table thead th[class] {
  background-color: #edf3fc !important;
}
table thead th[class] {
  color: #3d4c68 !important;
  font-weight: 600;
  letter-spacing: 0.012em;
}
table tbody td[class] {
  border-bottom-color: hsl(216 30% 93.5%);
}
table tbody tr[class]:last-child td[class] {
  border-bottom-color: transparent;
}

/* ---------- 7. 表单控件：内嵌高光 + 蓝色聚焦 ---------- */
input[class]:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea[class],
select[class] {
  border-color: hsl(216 30% 89%);
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
}
input[class]:focus,
textarea[class]:focus,
select[class]:focus {
  border-color: hsl(221 83% 53% / 0.55);
  box-shadow: 0 0 0 3px hsl(221 83% 53% / 0.12);
}

/* ---------- 8. 按钮：主按钮渐变 + 微光 ---------- */
button[class*="bg-primary text-primary-foreground"] {
  background-image: var(--lx-grad-primary);
  box-shadow: 0 8px 20px -10px rgba(37, 99, 235, 0.78), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  border: 0;
}
button[class*="bg-primary text-primary-foreground"]:hover {
  filter: brightness(1.07);
  box-shadow: 0 12px 26px -10px rgba(37, 99, 235, 0.88), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
button[class*="bg-primary text-primary-foreground"]:active {
  filter: brightness(0.97);
  transform: translateY(0.5px);
}

/* ---------- 9. 徽标 / 标签：轻投影，层次更清晰 ---------- */
span[class*="rounded-full border"][class*="px-2"] {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

/* ---------- 10. 弹窗：遮罩毛玻璃 + 深投影 ---------- */
div[class*="fixed inset-0"][class*="z-50"] > div[class*="bg-black/40"] {
  background-color: rgba(8, 17, 33, 0.52) !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.15);
  backdrop-filter: blur(6px) saturate(1.15);
}
div[class*="relative bg-card"][class*="rounded-t-xl"] {
  box-shadow: 0 44px 88px -36px rgba(8, 17, 33, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}

/* ---------- 11. 移动端：顶栏与底部导航改毛玻璃 ---------- */
header[class*="md:hidden"] {
  background-color: rgba(255, 255, 255, 0.82) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  backdrop-filter: blur(14px) saturate(1.4);
  border-bottom-color: hsl(216 30% 90%) !important;
}
nav[class*="bottom-0"] {
  background-color: rgba(255, 255, 255, 0.84) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  backdrop-filter: blur(16px) saturate(1.4);
  border-top-color: hsl(216 30% 90%) !important;
  box-shadow: 0 -14px 30px -22px rgba(15, 23, 42, 0.55);
}

/* ---------- 12. 滚动条 ---------- */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, 0.34) transparent;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.34);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(37, 99, 235, 0.5);
  background-clip: content-box;
}
*::-webkit-scrollbar-corner {
  background: transparent;
}

/* ---------- 13. 选中文字与无障碍 ---------- */
::selection {
  background-color: hsl(221 83% 53% / 0.16);
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ==========================================================================
   14. 导航图标：彩色瓷砖（9 个菜单各一色，呼应看板配色）
   ========================================================================== */
aside nav button > svg,
nav[class*="bottom-0"] button > svg,
div[class*="w-56"][class*="top-14"] button > svg {
  width: 1.375rem !important;
  height: 1.375rem !important;
  padding: 0.23rem;
  box-sizing: border-box;
  border-radius: 0.42rem;
  color: #ffffff !important;
  background-image: linear-gradient(140deg, var(--lxc1, #3b82f6), var(--lxc2, #6366f1));
  box-shadow: 0 5px 12px -5px var(--lxc1, #3b82f6), inset 0 1px 0 rgba(255, 255, 255, 0.32);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
aside nav button:hover > svg,
nav[class*="bottom-0"] button:hover > svg,
div[class*="w-56"][class*="top-14"] button:hover > svg {
  transform: translateY(-1px) scale(1.05);
  box-shadow: 0 8px 16px -6px var(--lxc1, #3b82f6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

aside nav button:nth-child(1),
nav[class*="bottom-0"] button:nth-child(1),
div[class*="w-56"][class*="top-14"] button:nth-child(1) { --lxc1: #3b82f6; --lxc2: #6366f1; }

aside nav button:nth-child(2),
nav[class*="bottom-0"] button:nth-child(2),
div[class*="w-56"][class*="top-14"] button:nth-child(2) { --lxc1: #0ea5e9; --lxc2: #22d3ee; }

aside nav button:nth-child(3),
nav[class*="bottom-0"] button:nth-child(3),
div[class*="w-56"][class*="top-14"] button:nth-child(3) { --lxc1: #10b981; --lxc2: #34d399; }

aside nav button:nth-child(4),
nav[class*="bottom-0"] button:nth-child(4),
div[class*="w-56"][class*="top-14"] button:nth-child(4) { --lxc1: #8b5cf6; --lxc2: #a78bfa; }

aside nav button:nth-child(5),
nav[class*="bottom-0"] button:nth-child(5),
div[class*="w-56"][class*="top-14"] button:nth-child(5) { --lxc1: #f59e0b; --lxc2: #fbbf24; }

aside nav button:nth-child(6),
nav[class*="bottom-0"] button:nth-child(6),
div[class*="w-56"][class*="top-14"] button:nth-child(6) { --lxc1: #14b8a6; --lxc2: #2dd4bf; }

aside nav button:nth-child(7),
nav[class*="bottom-0"] button:nth-child(7),
div[class*="w-56"][class*="top-14"] button:nth-child(7) { --lxc1: #ec4899; --lxc2: #f472b6; }

aside nav button:nth-child(8),
nav[class*="bottom-0"] button:nth-child(8),
div[class*="w-56"][class*="top-14"] button:nth-child(8) { --lxc1: #f97316; --lxc2: #fb923c; }

aside nav button:nth-child(9),
nav[class*="bottom-0"] button:nth-child(9),
div[class*="w-56"][class*="top-14"] button:nth-child(9) { --lxc1: #64748b; --lxc2: #94a3b8; }

/* 数据看板：完成情况构成/渠道分布/营服分布 三卡同排（预构建 CSS 缺失这两个类，此处补齐） */
@media (min-width: 768px){
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:col-span-3{grid-column:span 3 / span 3}
}
/* ---------- 数据看板：每月数据对比（2026-11-01 新增） ---------- */
.lxm-chart{display:block;height:auto}
.lxm-dot{display:inline-block;width:10px;height:10px;border-radius:3px}
.lxm-wrap{margin-top:12px;overflow-x:auto}
.lxm-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}
.lxm-tbl th{font-weight:600;font-size:11px;color:#64748b;text-align:right;padding:7px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.lxm-tbl th:first-child{text-align:left}
.lxm-tbl td{padding:7px 12px;text-align:right;border-bottom:1px solid #eef2f7;color:#0f172a;font-variant-numeric:tabular-nums}
.lxm-tbl td.lxm-m{text-align:left;font-weight:600;color:#334155}
.lxm-tbl tbody tr:hover td{background:#f6f9ff}
.lxm-tbl tr.lxm-cur td{background:#eff6ff}
.lxm-tbl tr.lxm-cur td.lxm-m{color:#1d4ed8}
.lxm-tbl tfoot td{font-weight:600;background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:none}
.lxm-ok{color:#15803d}
.lxm-bad{color:#dc2626;font-weight:600}
.lxm-up{color:#15803d;font-weight:600}
.lxm-down{color:#dc2626;font-weight:600}
.lxm-nil{color:#cbd5e1}
.lxm-bar{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:96px;height:16px}
.lxm-bar-i{position:absolute;left:0;top:3px;height:10px;border-radius:5px;background:linear-gradient(90deg,#bfdbfe,#2563eb);opacity:.35}
.lxm-bar b{position:relative;z-index:1;font-weight:600}
.lxm-tbl tr.lxm-future td{color:#cbd5e1}
.lxm-tbl tr.lxm-future td.lxm-m{color:#cbd5e1}
/* ---------- 数据看板：每月数据对比（2026-11-01 新增） ---------- */
.lxm-chart{display:block;height:auto}
.lxm-dot{display:inline-block;width:10px;height:10px;border-radius:3px}
.lxm-wrap{margin-top:12px;overflow-x:auto}
.lxm-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}
.lxm-tbl th{font-weight:600;font-size:11px;color:#64748b;text-align:right;padding:7px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.lxm-tbl th:first-child{text-align:left}
.lxm-tbl td{padding:7px 12px;text-align:right;border-bottom:1px solid #eef2f7;color:#0f172a;font-variant-numeric:tabular-nums}
.lxm-tbl td.lxm-m{text-align:left;font-weight:600;color:#334155}
.lxm-tbl tbody tr:hover td{background:#f6f9ff}
.lxm-tbl tr.lxm-cur td{background:#eff6ff}
.lxm-tbl tr.lxm-cur td.lxm-m{color:#1d4ed8}
.lxm-tbl tfoot td{font-weight:600;background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:none}
.lxm-ok{color:#15803d}
.lxm-bad{color:#dc2626;font-weight:600}
.lxm-up{color:#15803d;font-weight:600}
.lxm-down{color:#dc2626;font-weight:600}
.lxm-nil{color:#cbd5e1}
.lxm-bar{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:96px;height:16px}
.lxm-bar-i{position:absolute;left:0;top:3px;height:10px;border-radius:5px;background:linear-gradient(90deg,#bfdbfe,#2563eb);opacity:.35}
.lxm-bar b{position:relative;z-index:1;font-weight:600}
.lxm-tbl tr.lxm-future td{color:#cbd5e1}
.lxm-tbl tr.lxm-future td.lxm-m{color:#cbd5e1}
.lxm-pkg{text-align:left !important;max-width:280px}
.lxm-pkg span{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.lxm-spark{display:flex;align-items:flex-end;justify-content:flex-end;gap:3px;height:24px}
.lxm-spark-b{display:inline-block;width:7px;border-radius:2px;background:#2563eb}
.lxm-spark-b.is-cur{background:#1d4ed8;box-shadow:0 0 0 1px rgba(29,78,216,.22)}
.lxm-tbl-pkg th:nth-child(5),.lxm-tbl-pkg td:nth-child(5){min-width:70px}
.lxm-tbl-pkg th:nth-child(6),.lxm-tbl-pkg td:nth-child(6){min-width:130px}

/* ---------- v2 覆盖（2026-11-01）：合计列轨道条 + 月度分布等宽栅格 + 年度套餐表固定列宽 ---------- */
.lxm-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;height:18px;min-width:0}
.lxm-bar-t{position:relative;flex:1 1 auto;min-width:28px;height:10px;border-radius:5px;background:rgba(37,99,235,.07);overflow:hidden}
.lxm-bar-i{position:absolute;left:0;top:0;height:10px;border-radius:5px;background:linear-gradient(90deg,#bfdbfe,#2563eb);opacity:1}
.lxm-bar b{flex:0 0 auto;min-width:56px;text-align:right;font-variant-numeric:tabular-nums}
.lxm-spark{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:2px;height:24px;width:100%}
.lxm-spark-b{width:100%;min-height:2px;border-radius:2px;background:#2563eb}
.lxm-spark-b.is-cur{background:#1d4ed8;box-shadow:none}
.lxm-tbl-fix{table-layout:fixed}
.lxm-tbl-fix th:nth-child(1),.lxm-tbl-fix td:nth-child(1){width:32%}
.lxm-tbl-fix th:nth-child(2),.lxm-tbl-fix td:nth-child(2){width:10%}
.lxm-tbl-fix th:nth-child(3),.lxm-tbl-fix td:nth-child(3){width:10%}
.lxm-tbl-fix th:nth-child(4),.lxm-tbl-fix td:nth-child(4){width:20%}
.lxm-tbl-fix th:nth-child(5),.lxm-tbl-fix td:nth-child(5){width:10%}
.lxm-tbl-fix th:nth-child(6),.lxm-tbl-fix td:nth-child(6){width:18%;padding-right:4px}
.lxm-tbl-fix .lxm-pkg{max-width:none}
.lxm-tbl-fix .lxm-pkg span{display:block;max-width:100%}
/* 年度套餐表改为 5 列（去掉月度分布） */
.lxm-tbl-pkg5 th:nth-child(1),.lxm-tbl-pkg5 td:nth-child(1){width:42%}
.lxm-tbl-pkg5 th:nth-child(2),.lxm-tbl-pkg5 td:nth-child(2){width:13%}
.lxm-tbl-pkg5 th:nth-child(3),.lxm-tbl-pkg5 td:nth-child(3){width:13%}
.lxm-tbl-pkg5 th:nth-child(4),.lxm-tbl-pkg5 td:nth-child(4){width:20%}
.lxm-tbl-pkg5 th:nth-child(5),.lxm-tbl-pkg5 td:nth-child(5){width:12%;padding-right:16px}
/* 年度套餐表：全部套餐 + 滚动 + 表头吸顶 */
.lxm-scroll{max-height:440px;overflow-y:auto;overflow-x:hidden}
.lxm-scroll thead th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 #e2e8f0}
.lxm-scroll::-webkit-scrollbar{width:8px}
.lxm-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}
/* 年度套餐表：表头漏斗 + 筛选下拉 */
.lxm-box{position:relative}
.lxm-funnel{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:5px;color:#cbd5e1;cursor:pointer;vertical-align:-4px;transition:background .15s,color .15s}
.lxm-funnel:hover{background:#eef2f7;color:#2563eb}
.lxm-funnel.is-on{background:#dbeafe;color:#2563eb}
.lxm-funnel.is-filtered{color:#2563eb}
.lxm-pop{position:absolute;top:36px;left:6px;z-index:30;width:300px;max-height:360px;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 18px 44px -18px rgba(15,23,42,.38);padding:8px}
.lxm-pop-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 8px;border-bottom:1px solid #f1f5f9;margin-bottom:6px}
.lxm-pop-h span{font-size:11px;color:#64748b}
.lxm-pop-h button{font-size:11px;color:#2563eb;background:none;border:0;cursor:pointer;padding:2px 5px;border-radius:5px}
.lxm-pop-h button:hover{background:#eff6ff}
.lxm-pop-i{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;font-size:12px;cursor:pointer;color:#0f172a}
.lxm-pop-i:hover{background:#f4f8ff}
.lxm-pop-i input{accent-color:#2563eb;width:14px;height:14px;cursor:pointer}
.lxm-pop-i span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lxm-pop-i em{margin-left:auto;font-style:normal;color:#94a3b8;font-size:11px}
/* 套餐筛选下拉里的搜索框 */
.lxm-pop-s{display:block;width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;padding:6px 9px;font-size:12px;color:#0f172a;margin:0 0 6px;outline:none;background:#f8fafc}
.lxm-pop-s::placeholder{color:#a8b3c4}
.lxm-pop-s:focus{border-color:#93c5fd;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.lxm-pop-e{padding:14px 8px;text-align:center;font-size:12px;color:#94a3b8}
/* 年度套餐表：口径切换（竣工/结算 ↔ 全部单） */
.lxm-seg{display:inline-flex;background:#f1f5f9;border-radius:8px;padding:2px;gap:2px}
.lxm-seg button{border:0;background:none;font-size:11px;color:#64748b;padding:4px 10px;border-radius:6px;cursor:pointer;line-height:1.2}
.lxm-seg button:hover{color:#2563eb}
.lxm-seg button.on{background:#fff;color:#1d4ed8;font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.10)}
.lxm-tbl-m{table-layout:fixed}
.lxm-tbl-m th:nth-child(1),.lxm-tbl-m td:nth-child(1){width:14%}
.lxm-tbl-m th:nth-child(2),.lxm-tbl-m td:nth-child(2){width:12%}
.lxm-tbl-m th:nth-child(3),.lxm-tbl-m td:nth-child(3){width:12%}
.lxm-tbl-m th:nth-child(4),.lxm-tbl-m td:nth-child(4){width:26%}
.lxm-tbl-m th:nth-child(5),.lxm-tbl-m td:nth-child(5){width:12%}
.lxm-tbl-m th:nth-child(6),.lxm-tbl-m td:nth-child(6){width:12%}
.lxm-tbl-m th:nth-child(7),.lxm-tbl-m td:nth-child(7){width:12%;padding-right:16px}
.lxm-cum{color:#64748b}