/* 首页 overlay：黑色科技风 + 极简霓虹 + 毛玻璃。不改 xenon-*.css。
   契约：html.night = 夜间（默认）；无 night = 日间玻璃。字体不走 Google。 */

:root {
    --hub-void: #e8eef4;
    --hub-panel: #f5f8fb;
    --hub-glass: rgba(255, 255, 255, 0.5);
    --hub-stroke: rgba(3, 105, 161, 0.28);
    --hub-neon: #0369a1;
    --hub-neon-soft: rgba(3, 105, 161, 0.28);
    --hub-text: #0f172a;
    --hub-muted: #5b6b7c;
    --hub-grid: rgba(3, 105, 161, 0.07);
    --hub-display: Bahnschrift, "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    --hub-body: system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    --hub-blur: 18px;
}

html.night {
    --hub-void: #070a10;
    --hub-panel: #0c121c;
    --hub-glass: rgba(12, 18, 28, 0.58);
    --hub-stroke: rgba(125, 211, 252, 0.16);
    --hub-neon: #7dd3fc;
    --hub-neon-soft: rgba(125, 211, 252, 0.22);
    --hub-text: #e8f1f8;
    --hub-muted: #8aa0b5;
    --hub-grid: rgba(125, 211, 252, 0.045);
    color-scheme: dark;
}

html {
    background-color: var(--hub-void);
}

body.page-body,
html.night body.page-body,
html.night body.night,
html.night body.night #body {
    background-color: transparent !important;
    background-image:
        radial-gradient(1200px 700px at 88% -10%, var(--hub-neon-soft), transparent 58%),
        linear-gradient(var(--hub-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--hub-grid) 1px, transparent 1px);
    background-size: auto, 48px 48px, 48px 48px;
    background-attachment: fixed;
    color: var(--hub-text) !important;
    font-family: var(--hub-body);
}

a,
.xe-comment a,
.xe-user-name,
html.night .text-gray,
.text-gray,
.user-info-navbar .user-info-menu > li > a,
footer.main-footer .footer-text,
footer.main-footer .footer-text a {
    color: var(--hub-text);
}

.xe-comment p,
.overflowClip_2 {
    color: var(--hub-muted);
}

/* 侧栏柜体写死：不跟 html.night / body.night / --hub-* 走。
   日夜都是暗柜 + 冰青字；切模式只动内容区。 */
html body .sidebar-menu,
html body .sidebar-menu .sidebar-menu-inner,
html.night body .sidebar-menu,
html.night body.night .sidebar-menu,
body.night .sidebar-menu,
body.night .sidebar-menu .sidebar-menu-inner {
    background: #0c121c !important;
    background-color: #0c121c !important;
    background-image: none !important;
    border-right: 1px solid rgba(125, 211, 252, 0.16) !important;
    color: #e8f1f8;
}

.sidebar-menu .logo-env,
html.night .sidebar-menu .logo-env,
body.night .sidebar-menu .logo-env {
    border-bottom-color: rgba(125, 211, 252, 0.16) !important;
}

.sidebar-menu .main-menu a,
.sidebar-menu .main-menu a span,
.sidebar-menu .main-menu a .title,
html.night .sidebar-menu .main-menu a,
html.night .sidebar-menu .main-menu a .title,
body.night .sidebar-menu .main-menu a,
body.night .sidebar-menu .main-menu a .title {
    color: #e8f1f8 !important;
}

.sidebar-menu .main-menu a {
    border-radius: 10px;
    border-bottom-color: rgba(125, 211, 252, 0.08);
}

.sidebar-menu .main-menu a:hover,
.sidebar-menu .main-menu li.active > a,
html.night .sidebar-menu .main-menu a:hover,
html.night .sidebar-menu .main-menu li.active > a,
body.night .sidebar-menu .main-menu a:hover,
body.night .sidebar-menu .main-menu li.active > a {
    color: #7dd3fc !important;
    background: rgba(125, 211, 252, 0.12);
}

.sidebar-menu .main-menu a i,
html.night .sidebar-menu .main-menu a i,
body.night .sidebar-menu .main-menu a i {
    color: #7dd3fc !important;
}

.sidebar-menu .main-menu li.has-sub > a:before {
    color: #8aa0b5;
}

.sidebar-menu .main-menu ul,
.sidebar-menu.collapsed .main-menu > li > ul {
    background: #0c121c;
}

.sidebar-menu .label-pink,
.sidebar-menu .label-Primary {
    background: rgba(125, 211, 252, 0.22);
    color: #7dd3fc;
}

.sidebar-menu .logo-env .mobile-menu-toggle a,
.sidebar-menu .logo-env .mobile-menu-toggle a i {
    color: #7dd3fc !important;
}

/* 顶栏玻璃 */
.user-info-navbar,
html.night .user-info-navbar,
html.night body.night .user-info-navbar {
    background-color: var(--hub-panel) !important;
    backdrop-filter: blur(var(--hub-blur)) saturate(140%);
    -webkit-backdrop-filter: blur(var(--hub-blur)) saturate(140%);
    border-bottom: 1px solid var(--hub-stroke);
    box-shadow: none;
}

html.night .user-info-navbar .user-info-menu > li,
html.night .user-info-navbar .user-info-menu > li > a,
.user-info-navbar .user-info-menu > li,
.user-info-navbar .user-info-menu > li > a {
    border-color: transparent !important;
    color: var(--hub-muted);
}

.user-info-navbar .user-info-menu > li.hover-line:hover:before,
.user-info-navbar .user-info-menu > li.hover-line.open:before {
    background: var(--hub-neon);
}

.switch-mode a svg {
    fill: var(--hub-neon);
    filter: drop-shadow(0 0 8px var(--hub-neon-soft));
}

.switch-mode:hover a svg {
    filter: drop-shadow(0 0 14px var(--hub-neon));
}

/* 分区名：霓虹刻度，不用 01/02 */
.main-content > h4.text-gray,
html.night .text-gray {
    color: var(--hub-text);
    font-family: var(--hub-display);
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: none;
    margin-top: 28px;
    padding-left: 14px;
    border-left: 2px solid var(--hub-neon);
    text-shadow: 0 0 18px var(--hub-neon-soft);
}

.main-content > h4.text-gray i {
    color: var(--hub-neon);
}

/* 毛玻璃卡片：签名件。加卡仍用 .box2 */
.box2,
.xe-widget.xe-conversations,
html.night .xe-widget.xe-conversations,
html.night .box2,
body.night .box2,
body.night .xe-widget.xe-conversations {
    height: 106px;
    background: var(--hub-glass) !important;
    backdrop-filter: blur(var(--hub-blur)) saturate(140%);
    -webkit-backdrop-filter: blur(var(--hub-blur)) saturate(140%);
    border: 1px solid var(--hub-stroke) !important;
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
}

.box2:hover,
html.night .box2:hover,
body.night .box2:hover {
    transform: translateY(-4px);
    border-color: var(--hub-neon) !important;
    box-shadow:
        0 0 0 1px var(--hub-neon-soft),
        0 18px 40px rgba(0, 0, 0, 0.28),
        0 0 28px var(--hub-neon-soft);
    background: var(--hub-glass) !important;
}

.xe-comment a,
html.night .xe-comment a {
    color: var(--hub-text);
}

.xe-comment p,
html.night .xe-comment p {
    color: var(--hub-muted) !important;
}

.img-circle {
    background: rgba(125, 211, 252, 0.08);
    border-radius: 12px;
}

footer.main-footer,
html.night footer.main-footer,
body.night footer.main-footer {
    background: transparent;
    border-top: 1px solid var(--hub-stroke);
}

footer.main-footer .footer-text a:hover {
    color: var(--hub-neon);
}

.go-up a {
    background: var(--hub-glass);
    border: 1px solid var(--hub-stroke);
    color: var(--hub-neon);
}

.tooltip .tooltip-inner {
    background: var(--hub-panel);
    color: var(--hub-text);
    border: 1px solid var(--hub-stroke);
}

.label-pink,
.label-Primary {
    background: var(--hub-neon-soft);
    color: var(--hub-neon);
}

@media (max-width: 768px) {
    html body .sidebar-menu,
    html body .sidebar-menu .sidebar-menu-inner,
    body.night .sidebar-menu,
    body.night .sidebar-menu .sidebar-menu-inner {
        background: #0c121c !important;
        background-color: #0c121c !important;
    }

    .sidebar-menu .logo-env .logo-expanded {
        display: none;
    }

    .sidebar-menu .logo-env .logo-collapsed {
        display: inline-block;
    }

    .box2 {
        margin-top: 12px;
    }
}

html.night .boxed-container .page-container .main-content,
html.night .panel,
html.night .panel-default,
html.night .panel-body,
html.night blockquote {
    background: var(--hub-glass) !important;
    color: var(--hub-text);
    border-color: var(--hub-stroke);
}

@media (prefers-reduced-motion: reduce) {
    .box2,
    .box2:hover,
    .switch-mode a svg {
        transition: none;
        transform: none;
        filter: none;
    }
}