/* =========================================================
 * Cyber HUD — 全平台星球控制台视觉（方案 A）
 * 作用域：body.cyber-hud-theme .content-wrapper
 * ========================================================= */

body.cyber-hud-theme:not(.login-page) {
    --hud-c: 80, 240, 255;
    --hud-m: 190, 90, 255;
    --hud-g: 0, 210, 255;
    --hud-bg: rgba(6, 12, 20, 0.55);
    --hud-border: rgba(var(--hud-c), 0.22);
    --hud-text: #9ec8d8;
    --hud-val: #e8f8ff;
}

body.cyber-hud-theme:not(.login-page) .content-wrapper {
    position: relative;
    font-family: Rajdhani, Orbitron, monospace, sans-serif;
}

body.cyber-hud-theme:not(.login-page) .content-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(rgba(var(--hud-c), 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--hud-c), 0.028) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: radial-gradient(ellipse 92% 58% at 50% 0%, #000 18%, transparent 74%);
    -webkit-mask-image: radial-gradient(ellipse 92% 58% at 50% 0%, #000 18%, transparent 74%);
}

body.cyber-hud-theme:not(.login-page) .content-wrapper > .content-header,
body.cyber-hud-theme:not(.login-page) .content-wrapper > section.content {
    position: relative;
    z-index: 1;
}

/* ---------- 页面顶栏 ---------- */
body.cyber-hud-theme .content-wrapper .content-header {
    position: relative;
    margin-bottom: 14px;
    padding: 10px 16px 10px 14px;
    border: 1px solid var(--hud-border);
    border-radius: 0 14px 14px 0;
    background:
        radial-gradient(120% 100% at 0% 50%, rgba(var(--hud-g), 0.1) 0%, transparent 55%),
        linear-gradient(105deg, rgba(8, 14, 22, 0.82) 0%, rgba(6, 10, 18, 0.68) 100%);
    box-shadow: 0 0 20px rgba(var(--hud-g), 0.06), inset 0 0 0 1px rgba(var(--hud-c), 0.05);
    overflow: hidden;
}

body.cyber-hud-theme .content-wrapper .content-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(var(--hud-c), 0.85), rgba(var(--hud-m), 0.35));
    box-shadow: 0 0 10px rgba(var(--hud-c), 0.35);
}

body.cyber-hud-theme .content-wrapper .content-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--hud-c), 0.5), rgba(var(--hud-m), 0.3), transparent);
    box-shadow: 0 0 8px rgba(var(--hud-g), 0.18);
}

body.cyber-hud-theme .content-wrapper .content-header h1 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--hud-val) !important;
    text-shadow: 0 0 14px rgba(var(--hud-g), 0.25);
    margin: 0 !important;
}

body.cyber-hud-theme .content-wrapper .content-header .breadcrumb {
    background: transparent !important;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.cyber-hud-theme .content-wrapper .content-header .breadcrumb a {
    color: rgba(var(--hud-c), 0.75) !important;
}

/* ---------- Dashboard 专用头（控制台首页） ---------- */
.cyber-dash-shell {
    position: relative;
    padding: 0 0 28px;
}

.cyber-dash-header {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin: 0 0 18px;
    padding: 12px 16px;
    border: 1px solid var(--hud-border);
    border-radius: 0 16px 16px 0;
    background:
        radial-gradient(120% 100% at 0% 50%, rgba(var(--hud-g), 0.12) 0%, transparent 55%),
        linear-gradient(105deg, rgba(8, 14, 22, 0.88) 0%, rgba(6, 10, 18, 0.72) 100%);
    box-shadow: 0 0 24px rgba(var(--hud-g), 0.08), inset 0 0 0 1px rgba(var(--hud-c), 0.06);
    overflow: hidden;
}

.cyber-dash-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--hud-c), 0.45) 22%, rgba(var(--hud-c), 0.78) 50%, rgba(var(--hud-m), 0.42) 78%, transparent);
    box-shadow: 0 0 10px rgba(var(--hud-g), 0.22);
    opacity: 0.88;
}

.cyber-dash-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(var(--hud-c), 0.85), rgba(var(--hud-m), 0.35));
    box-shadow: 0 0 10px rgba(var(--hud-c), 0.35);
}

.cyber-dash-header-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgb(var(--hud-c));
    box-shadow: 0 0 10px rgba(var(--hud-c), 0.85);
    animation: cyber-dash-pulse 2.8s ease-in-out infinite;
    flex-shrink: 0;
}

.cyber-dash-header-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: rgba(var(--hud-c), 0.95);
    text-transform: uppercase;
}

.cyber-dash-header-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--hud-val);
    text-shadow: 0 0 18px rgba(var(--hud-g), 0.35);
    flex: 1;
    min-width: 140px;
}

.cyber-dash-header-meta {
    font-size: 10px;
    letter-spacing: 0.12em;
    color: var(--hud-text);
    opacity: 0.75;
    text-transform: uppercase;
}

.cyber-dash-section { margin-bottom: 6px; }

.cyber-dash-section-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px 2px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: rgba(var(--hud-c), 0.72);
    text-transform: uppercase;
}

.cyber-dash-section-label::before {
    content: '';
    width: 18px;
    height: 1px;
    background: linear-gradient(90deg, rgba(var(--hud-c), 0.8), transparent);
}

.cyber-dash-section-label::after {
    content: '';
    flex: 1;
    height: 1px;
    max-width: 120px;
    background: linear-gradient(90deg, rgba(var(--hud-c), 0.25), transparent);
}

/* ---------- HUD 面板（box / card / dcat-box） ---------- */
body.cyber-hud-theme .content-wrapper .box,
body.cyber-hud-theme .content-wrapper .card,
body.cyber-hud-theme .content-wrapper .dcat-box.card,
body.cyber-hud-theme .content-wrapper .panel,
body.cyber-hud-theme .content-wrapper .filter-box {
    background:
        radial-gradient(100% 80% at 50% 0%, rgba(var(--hud-g), 0.07) 0%, transparent 50%),
        linear-gradient(180deg, rgba(8, 14, 22, 0.78) 0%, rgba(5, 9, 16, 0.65) 100%) !important;
    border: 1px solid rgba(var(--hud-c), 0.18) !important;
    border-radius: 14px !important;
    clip-path: none !important;
    box-shadow:
        0 0 0 1px rgba(var(--hud-c), 0.04) inset,
        0 10px 30px rgba(0, 0, 0, 0.32),
        0 0 22px rgba(var(--hud-g), 0.05) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    margin-bottom: 18px;
    overflow: hidden;
}

body.cyber-hud-theme .content-wrapper .box::before,
body.cyber-hud-theme .content-wrapper .card::before,
body.cyber-hud-theme .content-wrapper .dcat-box.card::before,
body.cyber-hud-theme .content-wrapper .panel::before {
    background:
        linear-gradient(rgba(var(--hud-c), 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--hud-c), 0.04) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    opacity: 0.7 !important;
    mix-blend-mode: normal !important;
}

body.cyber-hud-theme .content-wrapper .box-header,
body.cyber-hud-theme .content-wrapper .card-header {
    position: relative;
    border-bottom: 1px solid rgba(var(--hud-c), 0.12) !important;
    background: linear-gradient(90deg, rgba(var(--hud-g), 0.08) 0%, transparent 40%) !important;
    padding-left: 18px !important;
}

body.cyber-hud-theme .content-wrapper .box-header::before,
body.cyber-hud-theme .content-wrapper .card-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(var(--hud-c), 0.9), rgba(var(--hud-m), 0.5));
    box-shadow: 0 0 10px rgba(var(--hud-c), 0.45);
    z-index: 1;
    pointer-events: none;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    animation: none !important;
    inset: auto;
    border-radius: 0;
}

body.cyber-hud-theme .content-wrapper .box-title,
body.cyber-hud-theme .content-wrapper .card-title {
    font-family: Rajdhani, Orbitron, monospace, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--hud-val) !important;
    text-shadow: 0 0 12px rgba(var(--hud-g), 0.2);
}

body.cyber-hud-theme .content-wrapper .box-footer,
body.cyber-hud-theme .content-wrapper .card-footer {
    border-top: 1px solid rgba(var(--hud-c), 0.1) !important;
    background: rgba(var(--hud-g), 0.04) !important;
}

/* ---------- 统计 / info-box ---------- */
body.cyber-hud-theme .content-wrapper .info-box,
body.cyber-hud-theme .content-wrapper .dashboard-stat {
    background:
        radial-gradient(90% 80% at 30% 20%, rgba(var(--hud-m), 0.1) 0%, transparent 50%),
        radial-gradient(80% 70% at 70% 80%, rgba(var(--hud-g), 0.08) 0%, transparent 45%),
        linear-gradient(155deg, rgba(10, 18, 28, 0.82) 0%, rgba(6, 10, 18, 0.68) 100%) !important;
    border: 1px solid rgba(var(--hud-c), 0.2) !important;
    border-radius: 12px !important;
    clip-path: none !important;
    box-shadow:
        0 0 0 1px rgba(var(--hud-c), 0.05) inset,
        0 8px 24px rgba(0, 0, 0, 0.35),
        0 0 20px rgba(var(--hud-g), 0.06) !important;
    backdrop-filter: blur(10px) saturate(1.1);
    -webkit-backdrop-filter: blur(10px) saturate(1.1);
    overflow: hidden;
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

body.cyber-hud-theme .content-wrapper .info-box::before,
body.cyber-hud-theme .content-wrapper .dashboard-stat::before {
    background:
        linear-gradient(rgba(var(--hud-c), 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--hud-c), 0.06) 1px, transparent 1px),
        radial-gradient(circle at 50% 50%, rgba(var(--hud-g), 0.08) 0%, transparent 70%) !important;
    background-size: 14px 14px, 14px 14px, 100% 100% !important;
    opacity: 0.85 !important;
    mix-blend-mode: normal !important;
}

body.cyber-hud-theme .content-wrapper .info-box:hover,
body.cyber-hud-theme .content-wrapper .dashboard-stat:hover {
    border-color: rgba(var(--hud-c), 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(var(--hud-c), 0.12) inset,
        0 12px 32px rgba(0, 0, 0, 0.4),
        0 0 28px rgba(var(--hud-g), 0.14) !important;
}

body.cyber-hud-theme .content-wrapper .info-box .info-box-icon,
body.cyber-hud-theme .content-wrapper .dashboard-stat .info-box-icon {
    background: radial-gradient(circle at 35% 35%, rgba(var(--hud-c), 0.35) 0%, rgba(var(--hud-g), 0.08) 55%, transparent 72%) !important;
    border-right: 1px solid rgba(var(--hud-c), 0.12) !important;
    box-shadow: inset 0 0 16px rgba(var(--hud-g), 0.08);
}

body.cyber-hud-theme .content-wrapper .info-box .info-box-text,
body.cyber-hud-theme .content-wrapper .dashboard-stat .info-box-text {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--hud-text) !important;
}

body.cyber-hud-theme .content-wrapper .info-box .info-box-number,
body.cyber-hud-theme .content-wrapper .dashboard-stat .info-box-number {
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: var(--hud-val) !important;
    text-shadow: 0 0 14px rgba(var(--hud-g), 0.28);
}

body.cyber-hud-theme .content-wrapper .cyber-stat-link {
    font-size: 10px;
    letter-spacing: 0.08em;
    color: rgba(var(--hud-c), 0.75) !important;
    text-decoration: none;
}

body.cyber-hud-theme .content-wrapper .cyber-stat-link:hover {
    color: rgba(var(--hud-c), 1) !important;
    text-shadow: 0 0 8px rgba(var(--hud-c), 0.5);
}

/* ---------- 表格 ---------- */
body.cyber-hud-theme .content-wrapper .table thead th,
body.cyber-hud-theme .content-wrapper .grid-table thead th,
body.cyber-hud-theme .content-wrapper .custom-data-table thead th {
    background: rgba(var(--hud-g), 0.06) !important;
    border-bottom: 1px solid rgba(var(--hud-c), 0.18) !important;
    color: rgba(var(--hud-c), 0.85) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

body.cyber-hud-theme .content-wrapper .table tbody tr,
body.cyber-hud-theme .content-wrapper .grid-table tbody tr {
    transition: background 0.25s ease;
}

body.cyber-hud-theme .content-wrapper .table tbody tr:hover,
body.cyber-hud-theme .content-wrapper .grid-table tbody tr:hover {
    background: rgba(var(--hud-g), 0.06) !important;
}

body.cyber-hud-theme .content-wrapper .table tbody td,
body.cyber-hud-theme .content-wrapper .grid-table tbody td {
    border-top-color: rgba(var(--hud-c), 0.06) !important;
    color: var(--hud-text) !important;
    vertical-align: middle !important;
}

body.cyber-hud-theme .content-wrapper .table code,
body.cyber-hud-theme .content-wrapper .grid-table code {
    background: rgba(var(--hud-g), 0.1) !important;
    color: rgba(var(--hud-c), 0.95) !important;
    border: 1px solid rgba(var(--hud-c), 0.15);
    border-radius: 4px;
    padding: 2px 6px;
}

/* ---------- 表单 / 筛选 ---------- */
body.cyber-hud-theme .content-wrapper .form-control,
body.cyber-hud-theme .content-wrapper .select2-container--default .select2-selection--single,
body.cyber-hud-theme .content-wrapper .select2-container--default .select2-selection--multiple {
    background: var(--hud-bg) !important;
    border: 1px solid rgba(var(--hud-c), 0.28) !important;
    border-radius: 8px !important;
    color: var(--hud-val) !important;
    box-shadow: inset 0 0 12px rgba(var(--hud-g), 0.05) !important;
    clip-path: none !important;
}

body.cyber-hud-theme .content-wrapper .form-control:focus,
body.cyber-hud-theme .content-wrapper .fields-group .form-control:focus,
body.cyber-hud-theme .content-wrapper .input-group .form-control:focus {
    border-color: rgba(var(--hud-g), 0.58) !important;
    box-shadow:
        0 0 0 2px rgba(var(--hud-g), 0.14),
        0 0 12px rgba(var(--hud-g), 0.22),
        inset 0 0 12px rgba(var(--hud-g), 0.07) !important;
    outline: none !important;
}

body.cyber-hud-theme .content-wrapper .input-group-text,
body.cyber-hud-theme .content-wrapper .input-group-prepend .input-group-text,
body.cyber-hud-theme .content-wrapper .input-group-append .input-group-text,
body.cyber-hud-theme .content-wrapper .input-group-addon,
body.cyber-hud-theme .content-wrapper .fields-group .input-group-text,
body.cyber-hud-theme .content-wrapper .fields-group .input-group-prepend .input-group-text {
    background: rgba(var(--hud-g), 0.1) !important;
    background-color: rgba(var(--hud-g), 0.1) !important;
    border: 1px solid rgba(var(--hud-c), 0.32) !important;
    border-color: rgba(var(--hud-c), 0.32) !important;
    border-radius: 8px !important;
    color: rgba(var(--hud-c), 0.92) !important;
}

body.cyber-hud-theme .content-wrapper .input-group-text i,
body.cyber-hud-theme .content-wrapper .input-group-text .feather,
body.cyber-hud-theme .content-wrapper .input-group-text [class*="icon-"],
body.cyber-hud-theme .content-wrapper .fields-group .input-group-text i,
body.cyber-hud-theme .content-wrapper .fields-group .input-group-text [class*="icon-"] {
    color: rgba(var(--hud-c), 0.92) !important;
}

body.cyber-hud-theme .content-wrapper .input-group > .input-group-prepend:not(:last-child) .input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-width: 0 !important;
}

body.cyber-hud-theme .content-wrapper .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body.cyber-hud-theme .content-wrapper .control-label,
body.cyber-hud-theme .content-wrapper label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(var(--hud-c), 0.78) !important;
}

body.cyber-hud-theme .content-wrapper .filter-box .card-header,
body.cyber-hud-theme .content-wrapper .filter-box .box-header {
    padding-left: 18px !important;
}

/* ---------- WebUploader 拖拽区（覆盖 dcat 默认灰虚线 / 蓝按钮） ---------- */
body.cyber-hud-theme .content-wrapper .web-uploader,
body.cyber-hud-theme .content-wrapper .web-uploader .queueList,
body.cyber-hud-theme .content-wrapper .webuploader-container {
    background: transparent !important;
    border-color: rgba(var(--hud-c), 0.18) !important;
    color: rgba(var(--hud-c), 0.72) !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder {
    border: 2px dashed rgba(var(--hud-c), 0.38) !important;
    background: var(--hud-bg) !important;
    color: rgba(var(--hud-c), 0.62) !important;
    border-radius: 10px !important;
    padding: 28px 16px 22px !important;
    box-shadow: inset 0 0 18px rgba(var(--hud-g), 0.05);
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder p,
body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .flashTip {
    color: rgba(var(--hud-c), 0.55) !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .flashTip a {
    color: rgba(var(--hud-g), 0.95) !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .icon-upload-cloud,
body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .icon-upload,
body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .feather,
body.cyber-hud-theme .content-wrapper .web-uploader .placeholder i[class*="icon-"] {
    color: rgba(var(--hud-c), 0.78) !important;
    font-size: 42px !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .webuploader-pick {
    background: rgba(var(--hud-g), 0.16) !important;
    border: 1px solid rgba(var(--hud-c), 0.42) !important;
    color: var(--hud-val) !important;
    border-radius: 8px !important;
    box-shadow: 0 0 14px rgba(var(--hud-g), 0.14) !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .webuploader-pick-hover,
body.cyber-hud-theme .content-wrapper .web-uploader .placeholder .webuploader-pick:hover {
    background: rgba(var(--hud-g), 0.28) !important;
    border-color: rgba(var(--hud-c), 0.58) !important;
    color: var(--hud-val) !important;
    opacity: 1 !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .placeholder.webuploader-dnd-over {
    border-color: rgba(var(--hud-g), 0.55) !important;
    background: rgba(var(--hud-g), 0.08) !important;
}

body.cyber-hud-theme .content-wrapper .web-uploader .statusBar .upload-progress span.percentage {
    background: rgba(var(--hud-g), 0.85) !important;
}

body.cyber-hud-theme .content-wrapper .webuploader-pick,
body.cyber-hud-theme .content-wrapper .web-uploader .webuploader-pick {
    background: rgba(var(--hud-g), 0.14) !important;
    border: 1px solid rgba(var(--hud-c), 0.35) !important;
    color: var(--hud-val) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* ---------- 按钮 ---------- */
body.cyber-hud-theme .content-wrapper .box-header .btn,
body.cyber-hud-theme .content-wrapper .card-header .btn,
body.cyber-hud-theme .content-wrapper .box-tools .btn {
    border-radius: 20px !important;
    font-size: 11px !important;
    letter-spacing: 0.06em;
    border: 1px solid rgba(var(--hud-c), 0.35) !important;
    background: rgba(var(--hud-g), 0.1) !important;
    color: rgba(var(--hud-c), 0.95) !important;
    box-shadow: 0 0 12px rgba(var(--hud-g), 0.08);
}

body.cyber-hud-theme .content-wrapper .box-header .btn:hover,
body.cyber-hud-theme .content-wrapper .card-header .btn:hover {
    background: rgba(var(--hud-g), 0.18) !important;
    border-color: rgba(var(--hud-c), 0.55) !important;
}

body.cyber-hud-theme .content-wrapper .btn-primary {
    background: linear-gradient(135deg, rgba(var(--hud-g), 0.28) 0%, rgba(var(--hud-m), 0.16) 100%) !important;
    border: 1px solid rgba(var(--hud-c), 0.35) !important;
    border-radius: 20px !important;
    letter-spacing: 0.05em;
    box-shadow: 0 0 14px rgba(var(--hud-g), 0.12);
    color: var(--hud-val) !important;
}

body.cyber-hud-theme .content-wrapper .btn-default,
body.cyber-hud-theme .content-wrapper .btn-white {
    border-radius: 20px !important;
    border: 1px solid rgba(var(--hud-c), 0.25) !important;
    background: rgba(8, 14, 22, 0.6) !important;
    color: var(--hud-text) !important;
}

body.cyber-hud-theme .content-wrapper .cyber-quick-links .btn-app {
    background:
        radial-gradient(80% 80% at 50% 30%, rgba(var(--hud-g), 0.12) 0%, transparent 60%),
        rgba(8, 14, 22, 0.75) !important;
    border: 1px solid rgba(var(--hud-c), 0.2) !important;
    border-radius: 12px !important;
    color: var(--hud-text) !important;
    box-shadow: 0 0 14px rgba(var(--hud-g), 0.05);
}

body.cyber-hud-theme .content-wrapper .cyber-quick-links .btn-app:hover {
    border-color: rgba(var(--hud-c), 0.45) !important;
    box-shadow: 0 0 20px rgba(var(--hud-g), 0.15);
    color: var(--hud-val) !important;
}

body.cyber-hud-theme .content-wrapper .cyber-quick-links .btn-app i {
    color: rgba(var(--hud-c), 0.9) !important;
    text-shadow: 0 0 8px rgba(var(--hud-c), 0.4);
}

/* ---------- 图表视窗 ---------- */
body.cyber-hud-theme .content-wrapper .cyber-chart-wrap,
body.cyber-hud-theme .content-wrapper .cyber-radar-wrap {
    position: relative;
    border-radius: 10px;
    background:
        radial-gradient(ellipse 70% 60% at 50% 50%, rgba(var(--hud-g), 0.06) 0%, transparent 70%),
        repeating-linear-gradient(0deg, rgba(var(--hud-c), 0.03) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(var(--hud-c), 0.03) 0 1px, transparent 1px 24px) !important;
    border: 1px solid rgba(var(--hud-c), 0.1);
    box-shadow: inset 0 0 30px rgba(var(--hud-g), 0.04);
}

body.cyber-hud-theme .content-wrapper .cyber-chart-wrap::after,
body.cyber-hud-theme .content-wrapper .cyber-radar-wrap::after {
    content: '';
    position: absolute;
    left: 8%;
    right: 8%;
    height: 1px;
    top: 0;
    background: linear-gradient(90deg, transparent, rgba(var(--hud-c), 0.42), transparent);
    box-shadow: 0 0 8px rgba(var(--hud-g), 0.12);
    pointer-events: none;
    opacity: 0.65;
}

/* ---------- 分页 ---------- */
body.cyber-hud-theme .content-wrapper .pagination > li > a,
body.cyber-hud-theme .content-wrapper .pagination > li > span {
    background: rgba(8, 14, 22, 0.65) !important;
    border-color: rgba(var(--hud-c), 0.18) !important;
    color: var(--hud-text) !important;
}

body.cyber-hud-theme .content-wrapper .pagination > .active > a {
    background: rgba(var(--hud-g), 0.2) !important;
    border-color: rgba(var(--hud-c), 0.4) !important;
    color: var(--hud-val) !important;
}

@keyframes cyber-dash-pulse {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .cyber-dash-header-dot { animation: none !important; }
}

/* ---------- 浅色皮肤 ---------- */
html.cyber-skin-light body.cyber-hud-theme:not(.login-page) {
    --hud-text: #4a6578;
    --hud-val: #0a2838;
}

html.cyber-skin-light body.cyber-hud-theme .content-wrapper .box,
html.cyber-skin-light body.cyber-hud-theme .content-wrapper .card,
html.cyber-skin-light body.cyber-hud-theme .content-wrapper .info-box,
html.cyber-skin-light body.cyber-hud-theme .content-wrapper .dashboard-stat {
    background:
        radial-gradient(90% 80% at 30% 20%, rgba(var(--hud-m), 0.06) 0%, transparent 50%),
        linear-gradient(155deg, rgba(240, 248, 252, 0.92) 0%, rgba(226, 236, 244, 0.85) 100%) !important;
    border-color: rgba(var(--hud-c), 0.28) !important;
}

html.cyber-skin-light body.cyber-hud-theme .content-wrapper .content-header,
html.cyber-skin-light .cyber-dash-header {
    background:
        radial-gradient(120% 100% at 0% 50%, rgba(var(--hud-g), 0.08) 0%, transparent 55%),
        linear-gradient(105deg, rgba(240, 248, 252, 0.95) 0%, rgba(230, 240, 248, 0.88) 100%);
}

html.cyber-skin-light body.cyber-hud-theme .content-wrapper .form-control {
    background: rgba(240, 248, 252, 0.9) !important;
    color: var(--hud-val) !important;
}

/* ---------- 余烬皮肤 ---------- */
html.cyber-skin-ember body.cyber-hud-theme:not(.login-page) {
    --hud-c: 255, 180, 80;
    --hud-m: 255, 100, 40;
    --hud-g: 255, 140, 50;
    --hud-bg: rgba(18, 12, 8, 0.55);
    --hud-border: rgba(240, 165, 80, 0.24);
    --hud-text: #b89878;
    --hud-val: #f5e6d0;
}

/* 余烬：页面 / 面板栅格与暖色底（替换 HUD 默认冷蓝） */
html.cyber-skin-ember body.cyber-hud-theme:not(.login-page) .content-wrapper::before {
    background:
        linear-gradient(rgba(var(--hud-c), 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--hud-c), 0.055) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .content-header {
    background:
        radial-gradient(120% 100% at 0% 50%, rgba(var(--hud-g), 0.14) 0%, transparent 55%),
        linear-gradient(105deg, rgba(32, 20, 12, 0.9) 0%, rgba(20, 14, 9, 0.78) 100%) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .box,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .card,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .dcat-box.card,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .panel,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .filter-box {
    background:
        radial-gradient(100% 80% at 50% 0%, rgba(var(--hud-g), 0.1) 0%, transparent 52%),
        linear-gradient(180deg, rgba(32, 20, 12, 0.86) 0%, rgba(20, 14, 9, 0.78) 100%) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .box::before,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .card::before,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .dcat-box.card::before,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .panel::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
        linear-gradient(rgba(var(--hud-c), 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--hud-c), 0.07) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    opacity: 0.92 !important;
    mix-blend-mode: normal !important;
    animation: none !important;
    z-index: 0 !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .box-body,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .card-body {
    background: transparent !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .form-control,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .fields-group .form-control,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .input-group .form-control,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .select2-container--default .select2-selection--single,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .select2-container--default .select2-selection--multiple {
    border-color: rgba(var(--hud-c), 0.28) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 12px rgba(var(--hud-g), 0.05) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .form-control:focus,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .fields-group .form-control:focus,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .input-group .form-control:focus,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .select2-container--default.select2-container--focus .select2-selection--single,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: rgba(var(--hud-g), 0.62) !important;
    box-shadow:
        0 0 0 2px rgba(var(--hud-g), 0.16),
        0 0 14px rgba(var(--hud-g), 0.28),
        inset 0 0 12px rgba(var(--hud-g), 0.08) !important;
    outline: none !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .web-uploader .placeholder {
    background: rgba(18, 12, 8, 0.62) !important;
    border-color: rgba(var(--hud-c), 0.42) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .switchery,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .switchery-small {
    border-color: rgba(var(--hud-c), 0.28) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .switchery > small,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .switchery-small > small {
    background: rgba(var(--hud-c), 0.85) !important;
}

/* ---------- 余烬：Dashboard 首页（覆盖 HUD 冷蓝硬编码） ---------- */
html.cyber-skin-ember body.cyber-hud-theme .cyber-dash-header {
    background:
        radial-gradient(120% 100% at 0% 50%, rgba(var(--hud-g), 0.16) 0%, transparent 55%),
        linear-gradient(105deg, rgba(32, 20, 12, 0.92) 0%, rgba(20, 14, 9, 0.82) 100%) !important;
    box-shadow: 0 0 24px rgba(var(--hud-g), 0.1), inset 0 0 0 1px rgba(var(--hud-c), 0.08) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .dashboard-stat,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .info-box {
    background:
        radial-gradient(90% 80% at 30% 20%, rgba(var(--hud-m), 0.12) 0%, transparent 50%),
        radial-gradient(80% 70% at 70% 80%, rgba(var(--hud-g), 0.1) 0%, transparent 45%),
        linear-gradient(155deg, rgba(32, 20, 12, 0.9) 0%, rgba(20, 14, 9, 0.78) 100%) !important;
    border-color: rgba(var(--hud-c), 0.26) !important;
    border-radius: 12px !important;
    clip-path: none !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .dashboard-stat::before,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .info-box::before {
    background:
        linear-gradient(rgba(var(--hud-c), 0.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--hud-c), 0.075) 1px, transparent 1px),
        radial-gradient(circle at 50% 50%, rgba(var(--hud-g), 0.1) 0%, transparent 70%) !important;
    background-size: 14px 14px, 14px 14px, 100% 100% !important;
    opacity: 0.9 !important;
    mix-blend-mode: normal !important;
    animation: none !important;
    inset: 0 !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .dashboard-stat .info-box-icon,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .info-box .info-box-icon {
    background: radial-gradient(circle at 35% 35%, rgba(var(--hud-c), 0.42) 0%, rgba(var(--hud-g), 0.12) 55%, transparent 72%) !important;
    border-right-color: rgba(var(--hud-c), 0.2) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .dashboard-stat .info-box-icon .feather,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .info-box .info-box-icon .feather {
    color: rgba(var(--hud-c), 0.95) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-quick-links .btn-app {
    background:
        radial-gradient(80% 80% at 50% 30%, rgba(var(--hud-g), 0.16) 0%, transparent 60%),
        linear-gradient(160deg, rgba(36, 24, 14, 0.92), rgba(20, 14, 9, 0.88)) !important;
    border-color: rgba(var(--hud-c), 0.26) !important;
    border-radius: 12px !important;
    clip-path: none !important;
    color: var(--hud-text) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-quick-links .btn-app i {
    color: rgba(var(--hud-c), 0.92) !important;
    text-shadow: 0 0 8px rgba(var(--hud-g), 0.35) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .btn-default,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .btn-white,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .pagination > li > a,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .pagination > li > span {
    background: rgba(28, 18, 12, 0.75) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-chart-wrap,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-radar-wrap {
    background:
        radial-gradient(ellipse 70% 60% at 50% 50%, rgba(var(--hud-g), 0.08) 0%, transparent 70%),
        repeating-linear-gradient(0deg, rgba(var(--hud-c), 0.04) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(var(--hud-c), 0.04) 0 1px, transparent 1px 24px),
        rgba(24, 16, 10, 0.55) !important;
    border-color: rgba(var(--hud-c), 0.16) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-dash-table thead th,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper table.custom-data-table thead th {
    background: rgba(var(--hud-g), 0.1) !important;
    color: rgba(var(--hud-c), 0.92) !important;
    border-bottom-color: rgba(var(--hud-c), 0.22) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-dash-table tbody tr,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper table.custom-data-table.data-table tbody tr {
    background: rgba(32, 20, 12, 0.88) !important;
    background-color: rgba(32, 20, 12, 0.88) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-dash-table tbody tr:nth-child(even),
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper table.custom-data-table.data-table tbody tr:nth-child(even) {
    background: rgba(38, 24, 14, 0.88) !important;
    background-color: rgba(38, 24, 14, 0.88) !important;
}

html.cyber-skin-ember body.cyber-hud-theme .content-wrapper .cyber-dash-table tbody tr:hover,
html.cyber-skin-ember body.cyber-hud-theme .content-wrapper table.custom-data-table.data-table tbody tr:hover {
    background: rgba(var(--hud-g), 0.12) !important;
    background-color: rgba(var(--hud-g), 0.12) !important;
}