/* 全站至暗之夜主题 — html.dmj-theme-midnight，由 theme-switch.js 切换 */

@keyframes chr-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes chr-footer-reveal {
    from { opacity: 0; transform: translateY(22px); filter: blur(4px); }
    to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes chr-footer-content-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes chr-footer-stars {
    0% { opacity: 0.75; }
    100% { opacity: 1; }
}

@keyframes chr-footer-beam {
    0%, 100% { opacity: 0.35; filter: brightness(0.85); }
    50% { opacity: 0.7; filter: brightness(1.1); }
}

html.dmj-theme-midnight {
    --chr-nav-accent: #9d4edd;
    --body-background-color: #0a0612;
    --div-main-background-color: #1a1028;
    --div-s-background-color: #161022;
    --div-ss-background-color: #120a1c;
    --button-background-color: #3a2460;
    --button-font-color: #f3e8ff;
    --font-three-color: #c4b5fd;
    --font-four-color: #ddd6fe;
    --font-five-color: #a78bfa;
    color-scheme: dark;
}

html.dmj-theme-midnight body {
    background-color: #0a0612;
    background-image:
        radial-gradient(ellipse 80% 50% at 15% -10%, rgba(157, 78, 221, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 60% 40% at 90% 20%, rgba(201, 162, 39, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse 50% 30% at 50% 100%, rgba(90, 24, 154, 0.12) 0%, transparent 45%),
        linear-gradient(180deg, #0a0612 0%, #120a18 40%, #0d0814 100%);
    background-attachment: fixed;
}

html.dmj-theme-midnight .index-title {
    color: #c4b5fd !important;
    filter: drop-shadow(0 4px 4px rgba(90, 45, 130, 0.45));
}

html.dmj-theme-midnight .index-body,
html.dmj-theme-midnight .index-body-one {
    background: none !important;
    background-color: transparent !important;
}

html.dmj-theme-midnight .index-banner {
    background: linear-gradient(135deg, rgba(18, 10, 28, 0.95), rgba(10, 6, 18, 0.98)) !important;
}

html.dmj-theme-midnight .side-wx-qrcode {
    background-color: rgba(36, 22, 60, 0.95) !important;
    box-shadow: 0 0 2px rgba(196, 181, 253, 0.32);
}

html.dmj-theme-midnight button.global-login-menu-item[data-key="theme-toggle"] {
    width: 100%;
    height: auto !important;
    padding: 8px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #efe6ff !important;
    text-align: left;
    cursor: pointer;
}

html.dmj-theme-midnight button.global-login-menu-item[data-key="theme-toggle"]:hover {
    background: rgba(157, 78, 221, 0.16) !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight button.global-login-menu-item[data-key="theme-toggle"] .global-login-menu-icon {
    fill: #efe6ff;
}

html.dmj-theme-midnight button.global-login-menu-item[data-key="theme-toggle"]:hover .global-login-menu-icon {
    fill: #c4b5fd;
}

html.dmj-theme-midnight .dmj-database-item,
html.dmj-theme-midnight .dmj-database-item-text,
html.dmj-theme-midnight .index-contentl-item,
html.dmj-theme-midnight .index-contentr-item {
    border-color: rgba(200, 180, 255, 0.14);
}

html.dmj-theme-midnight .content-instance-box-breadcrumb a {
    color: rgba(196, 181, 253, 0.85);
}

html.dmj-theme-midnight .content-instance-box-breadcrumb a:hover {
    color: #fff;
}

/* —— 表单控件：输入框 / 下拉 / 按钮 —— */
html.dmj-theme-midnight .index-global-form input[type="text"],
html.dmj-theme-midnight .index-global-form select,
html.dmj-theme-midnight .db-list-input,
html.dmj-theme-midnight .db-list-select,
html.dmj-theme-midnight input[type="text"],
html.dmj-theme-midnight input[type="search"],
html.dmj-theme-midnight input[type="number"],
html.dmj-theme-midnight input[type="password"],
html.dmj-theme-midnight select,
html.dmj-theme-midnight textarea,
html.dmj-theme-midnight .content-map-box-l input {
    background-color: rgba(22, 14, 36, 0.92) !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
    color: #f3e8ff !important;
    color-scheme: dark;
}

html.dmj-theme-midnight .index-global-form input[type="text"]:focus,
html.dmj-theme-midnight .index-global-form select:focus,
html.dmj-theme-midnight .db-list-input:focus,
html.dmj-theme-midnight .db-list-select:focus,
html.dmj-theme-midnight input[type="text"]:focus,
html.dmj-theme-midnight select:focus,
html.dmj-theme-midnight textarea:focus {
    outline: none !important;
    border-color: rgba(157, 78, 221, 0.65) !important;
    box-shadow: 0 0 0 2px rgba(157, 78, 221, 0.18);
}

html.dmj-theme-midnight select option {
    background-color: #161022;
    color: #f3e8ff;
}

html.dmj-theme-midnight .index-global-list,
html.dmj-theme-midnight .db-list-page.index-global-list {
    background-color: rgba(18, 12, 28, 0.88) !important;
    border: 1px solid rgba(200, 180, 255, 0.12);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

html.dmj-theme-midnight .db-list-page {
    border-color: rgba(196, 181, 253, 0.12) !important;
}

html.dmj-theme-midnight .db-list-filters,
html.dmj-theme-midnight .db-list-panel {
    background: rgba(14, 10, 24, 0.72) !important;
    border-color: rgba(196, 181, 253, 0.14) !important;
}

html.dmj-theme-midnight .db-list-title h1 {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .db-list-title h1 span {
    color: #c4b5fd !important;
    border-color: rgba(196, 181, 253, 0.35) !important;
    background: rgba(157, 78, 221, 0.14) !important;
}

html.dmj-theme-midnight .db-list-field,
html.dmj-theme-midnight .db-list-field > span,
html.dmj-theme-midnight .index-global-form p > span,
html.dmj-theme-midnight .index-global-form div.p > span {
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .content-instance-box-breadcrumb a:last-child {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .db-list-btn,
html.dmj-theme-midnight button.db-list-btn {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

html.dmj-theme-midnight .db-list-btn-primary,
html.dmj-theme-midnight button.db-list-btn-primary {
    background: rgba(157, 78, 221, 0.22) !important;
    border: 1px solid rgba(196, 181, 253, 0.45) !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .db-list-btn-primary:hover,
html.dmj-theme-midnight button.db-list-btn-primary:hover {
    background: rgba(157, 78, 221, 0.35) !important;
    border-color: rgba(196, 181, 253, 0.65) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .db-list-btn-muted,
html.dmj-theme-midnight button.db-list-btn-muted {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(196, 181, 253, 0.18) !important;
    color: rgba(226, 214, 255, 0.78) !important;
}

html.dmj-theme-midnight .db-list-btn-muted:hover,
html.dmj-theme-midnight button.db-list-btn-muted:hover {
    background: rgba(157, 78, 221, 0.12) !important;
    border-color: rgba(196, 181, 253, 0.32) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight button:not(.global-login-entry-user):not(.global-login-menu-logout):not([data-key="theme-toggle"]):not(.side-afdian-entry) {
    background-color: var(--button-background-color) !important;
    color: var(--button-font-color) !important;
    border: 1px solid rgba(196, 181, 253, 0.22) !important;
}

html.dmj-theme-midnight button:not(.global-login-entry-user):not(.global-login-menu-logout):not([data-key="theme-toggle"]):not(.side-afdian-entry):hover {
    border-color: rgba(196, 181, 253, 0.45) !important;
    opacity: 1;
}

html.dmj-theme-midnight .global-tabs-item select {
    background-color: rgba(22, 14, 36, 0.92) !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .table-pages a,
html.dmj-theme-midnight .table-pages span {
    border-color: rgba(196, 181, 253, 0.22) !important;
}

html.dmj-theme-midnight .table-pages a:hover {
    background: rgba(157, 78, 221, 0.2) !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .db-list-table {
    border-color: rgba(196, 181, 253, 0.14) !important;
    background: rgba(14, 10, 24, 0.55) !important;
}

html.dmj-theme-midnight .db-list-table thead th {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.12) !important;
    border-bottom-color: rgba(196, 181, 253, 0.2) !important;
}

html.dmj-theme-midnight .db-list-table tbody td {
    color: rgba(243, 232, 255, 0.88) !important;
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
}

html.dmj-theme-midnight .db-list-table tbody tr:nth-child(even) {
    background: rgba(157, 78, 221, 0.04) !important;
}

html.dmj-theme-midnight .db-list-table tbody tr:hover {
    background: rgba(157, 78, 221, 0.1) !important;
}

html.dmj-theme-midnight .db-list-link {
    color: rgba(226, 214, 255, 0.9) !important;
}

html.dmj-theme-midnight .db-list-link:hover {
    color: #c4b5fd !important;
}

/* —— 滚动条（侧栏 / 内容区 / 下拉） —— */
html.dmj-theme-midnight .global-public-scroll,
html.dmj-theme-midnight .content-instance-r-detail-d-scoll,
html.dmj-theme-midnight .instance-encounters,
html.dmj-theme-midnight .toy-sidebar,
html.dmj-theme-midnight .instance-sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(157, 78, 221, 0.55) rgba(28, 18, 48, 0.88);
}

html.dmj-theme-midnight .global-public-scroll::-webkit-scrollbar,
html.dmj-theme-midnight .content-instance-r-detail-d-scoll::-webkit-scrollbar,
html.dmj-theme-midnight .toy-sidebar::-webkit-scrollbar,
html.dmj-theme-midnight .instance-sidebar::-webkit-scrollbar,
html.dmj-theme-midnight select::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html.dmj-theme-midnight .global-public-scroll::-webkit-scrollbar-track,
html.dmj-theme-midnight .content-instance-r-detail-d-scoll::-webkit-scrollbar-track,
html.dmj-theme-midnight .toy-sidebar::-webkit-scrollbar-track,
html.dmj-theme-midnight .instance-sidebar::-webkit-scrollbar-track,
html.dmj-theme-midnight select::-webkit-scrollbar-track {
    background-color: rgba(28, 18, 48, 0.88) !important;
    border-radius: 2em;
}

html.dmj-theme-midnight .global-public-scroll::-webkit-scrollbar-thumb,
html.dmj-theme-midnight .content-instance-r-detail-d-scoll::-webkit-scrollbar-thumb,
html.dmj-theme-midnight .toy-sidebar::-webkit-scrollbar-thumb,
html.dmj-theme-midnight .instance-sidebar::-webkit-scrollbar-thumb,
html.dmj-theme-midnight select::-webkit-scrollbar-thumb {
    background-color: rgba(90, 45, 130, 0.9) !important;
    border-radius: 2em;
    border: 1px solid rgba(196, 181, 253, 0.1);
}

html.dmj-theme-midnight .global-public-scroll::-webkit-scrollbar-thumb:hover,
html.dmj-theme-midnight .content-instance-r-detail-d-scoll::-webkit-scrollbar-thumb:hover,
html.dmj-theme-midnight .toy-sidebar::-webkit-scrollbar-thumb:hover,
html.dmj-theme-midnight .instance-sidebar::-webkit-scrollbar-thumb:hover,
html.dmj-theme-midnight select::-webkit-scrollbar-thumb:hover {
    background-color: rgba(157, 78, 221, 0.78) !important;
}

/* 原生下拉选项选中 / 悬停（左条高亮效果） */
html.dmj-theme-midnight select option {
    background-color: #120a1c !important;
    color: #e8e4f0 !important;
    padding: 6px 10px;
}

html.dmj-theme-midnight select option:checked,
html.dmj-theme-midnight select option:hover,
html.dmj-theme-midnight select option:focus {
    background: linear-gradient(90deg, #9d4edd 0, #9d4edd 3px, rgba(42, 24, 72, 0.95) 3px, rgba(42, 24, 72, 0.95) 100%) !important;
    color: #c4b5fd !important;
}

/* —— 副本 / 成就 / 声望：侧栏 + 双栏布局 —— */
html.dmj-theme-midnight .instance-page,
html.dmj-theme-midnight .achievement-page,
html.dmj-theme-midnight .reputations-page {
    border-color: rgba(196, 181, 253, 0.12) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

html.dmj-theme-midnight .toy-sidebar,
html.dmj-theme-midnight .instance-sidebar {
    border-color: rgba(196, 181, 253, 0.14) !important;
    background: rgba(14, 10, 24, 0.82) !important;
}

html.dmj-theme-midnight .toy-nav-group,
html.dmj-theme-midnight .content-instance-box-expansion {
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
}

html.dmj-theme-midnight .toy-nav-group > h1 a,
html.dmj-theme-midnight .toy-nav-children li a,
html.dmj-theme-midnight .content-instance-box-expansion > div ul li a {
    color: rgba(226, 214, 255, 0.62) !important;
    border-left: 2px solid transparent;
}

html.dmj-theme-midnight .content-instance-box-expansion > h1 a {
    color: rgba(243, 232, 255, 0.82) !important;
}

html.dmj-theme-midnight .toy-nav-group > h1 a:hover,
html.dmj-theme-midnight .toy-nav-children li a:hover,
html.dmj-theme-midnight .content-instance-box-expansion > div ul li a:hover {
    color: #f3e8ff !important;
    background: rgba(157, 78, 221, 0.1) !important;
}

html.dmj-theme-midnight .content-instance-box-expansion > h1:hover a {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.12) !important;
}

html.dmj-theme-midnight .toy-nav-selected,
html.dmj-theme-midnight a.toy-nav-selected,
html.dmj-theme-midnight a[class*="-nav-selected"],
html.dmj-theme-midnight [class*="-nav-selected"],
html.dmj-theme-midnight a[class*="child-selected"],
html.dmj-theme-midnight [class*="child-selected"],
html.dmj-theme-midnight a.trading-month-selected,
html.dmj-theme-midnight .trading-month-selected {
    color: #c4b5fd !important;
    background: linear-gradient(90deg, #9d4edd 0, #9d4edd 2px, rgba(157, 78, 221, 0.14) 2px, rgba(157, 78, 221, 0.14) 100%) !important;
    border-left-color: #9d4edd !important;
    font-weight: 700 !important;
}

html.dmj-theme-midnight .achievement-page .toy-nav-group > h1 a {
    color: rgba(226, 214, 255, 0.62) !important;
}

html.dmj-theme-midnight .achievement-page .toy-nav-group > h1 a:hover {
    color: #f3e8ff !important;
    background: rgba(157, 78, 221, 0.1) !important;
}

html.dmj-theme-midnight .achievement-page .content-instance-box-breadcrumb a,
html.dmj-theme-midnight .reputations-page .content-instance-box-breadcrumb a,
html.dmj-theme-midnight .instance-page .content-instance-box-breadcrumb a {
    color: rgba(226, 214, 255, 0.68) !important;
}

html.dmj-theme-midnight .achievement-page .content-instance-box-breadcrumb a:last-child,
html.dmj-theme-midnight .reputations-page .content-instance-box-breadcrumb a:last-child,
html.dmj-theme-midnight .instance-page .content-instance-box-breadcrumb a:last-child {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .toy-title h1,
html.dmj-theme-midnight .content-instance-r-detail > h1 {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .toy-title h1 span,
html.dmj-theme-midnight .content-instance-r-detail > h1 span {
    color: #c4b5fd !important;
    border-color: rgba(196, 181, 253, 0.35) !important;
    background: rgba(157, 78, 221, 0.14) !important;
}

html.dmj-theme-midnight .toy-search,
html.dmj-theme-midnight .toy-panel,
html.dmj-theme-midnight .reputations-page .toy-panel,
html.dmj-theme-midnight .instance-page .instance-story,
html.dmj-theme-midnight .instance-page .instance-encounters,
html.dmj-theme-midnight .instance-page .instance-mythic-route,
html.dmj-theme-midnight .instance-page .instance-tabs-panel {
    background: rgba(14, 10, 24, 0.72) !important;
    border-color: rgba(196, 181, 253, 0.14) !important;
}

html.dmj-theme-midnight .toy-search-label,
html.dmj-theme-midnight .toy-search-label span {
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .toy-search-input,
html.dmj-theme-midnight .achievement-page .toy-search-input,
html.dmj-theme-midnight .form-instance-item-encounter {
    background: rgba(22, 14, 36, 0.92) !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .achievement-page .toy-search-input:focus {
    border-color: rgba(157, 78, 221, 0.65) !important;
    box-shadow: 0 0 0 2px rgba(157, 78, 221, 0.18);
}

html.dmj-theme-midnight .toy-btn-primary,
html.dmj-theme-midnight button.toy-btn-primary,
html.dmj-theme-midnight .achievement-page .toy-btn-primary {
    background: rgba(157, 78, 221, 0.22) !important;
    border-color: rgba(196, 181, 253, 0.45) !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .toy-btn-primary:hover,
html.dmj-theme-midnight button.toy-btn-primary:hover,
html.dmj-theme-midnight .achievement-page .toy-btn-primary:hover {
    background: rgba(157, 78, 221, 0.35) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .toy-btn-muted,
html.dmj-theme-midnight button.toy-btn-muted,
html.dmj-theme-midnight .achievement-page .toy-btn-muted {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(196, 181, 253, 0.18) !important;
    color: rgba(226, 214, 255, 0.78) !important;
}

html.dmj-theme-midnight .toy-btn-muted:hover,
html.dmj-theme-midnight button.toy-btn-muted:hover,
html.dmj-theme-midnight .achievement-page .toy-btn-muted:hover {
    background: rgba(157, 78, 221, 0.12) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .page-achievement-item {
    border-color: rgba(196, 181, 253, 0.1) !important;
    background: rgba(14, 10, 24, 0.55) !important;
}

html.dmj-theme-midnight .page-achievement-item:hover {
    background: rgba(157, 78, 221, 0.08) !important;
    border-color: rgba(196, 181, 253, 0.22) !important;
}

html.dmj-theme-midnight .page-achievement-item > div.point {
    border-color: rgba(196, 181, 253, 0.35) !important;
    background: rgba(157, 78, 221, 0.12) !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .page-achievement-item .page-achievement-item-info > h3,
html.dmj-theme-midnight .page-achievement-item .page-achievement-item-info > h3 a {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .page-achievement-item .page-achievement-item-info > h3 a:hover {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .achievement-page .page-achievement-item .page-achievement-item-info > p,
html.dmj-theme-midnight .achievement-page .page-achievement-item-info-child > div span,
html.dmj-theme-midnight .achievement-page .page-achievement-item-rewarditem > span,
html.dmj-theme-midnight .achievement-page .global-achievement-next {
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .achievement-page .page-achievement-item-info-child {
    background: rgba(14, 10, 24, 0.55) !important;
    border-color: rgba(196, 181, 253, 0.1) !important;
}

html.dmj-theme-midnight .achievement-empty,
html.dmj-theme-midnight .reputations-empty,
html.dmj-theme-midnight .table-tip-nocontent {
    color: rgba(226, 214, 255, 0.55) !important;
}

html.dmj-theme-midnight .page-reputations-item {
    border-color: rgba(196, 181, 253, 0.1) !important;
    background: rgba(14, 10, 24, 0.55) !important;
}

html.dmj-theme-midnight .page-reputations-item:hover {
    background: rgba(157, 78, 221, 0.08) !important;
    border-color: rgba(196, 181, 253, 0.2) !important;
}

html.dmj-theme-midnight .page-reputations-item > span {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .content-instance-r-detail-map {
    border-color: rgba(196, 181, 253, 0.14) !important;
}

html.dmj-theme-midnight .public-frame-map-tab img:hover,
html.dmj-theme-midnight .public-frame-map-tab img.active {
    border-color: #9d4edd !important;
    box-shadow: 0 0 12px rgba(157, 78, 221, 0.35);
}

html.dmj-theme-midnight .content-instance-r-detail-attr {
    background: rgba(14, 10, 24, 0.55) !important;
    border-color: rgba(196, 181, 253, 0.12) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-attr table tr td:first-child {
    color: rgba(226, 214, 255, 0.62) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-attr table tr td:last-child {
    color: rgba(243, 232, 255, 0.9) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-d h3,
html.dmj-theme-midnight .instance-mythic-route > h3,
html.dmj-theme-midnight .instance-page .instance-story > h3,
html.dmj-theme-midnight .instance-page .instance-encounters > h3 {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .instance-page .instance-story > p {
    color: rgba(226, 214, 255, 0.78) !important;
}

html.dmj-theme-midnight .instance-page .content-instance-r-detail-encounter-power-item p {
    color: rgba(226, 214, 255, 0.78) !important;
}

html.dmj-theme-midnight .instance-page .instance-mythic-route-link {
    color: #c4b5fd !important;
    border-bottom-color: rgba(157, 78, 221, 0.45) !important;
}

html.dmj-theme-midnight .instance-page .instance-mythic-route-link:hover {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter {
    background: rgba(14, 10, 24, 0.45) !important;
    border-color: rgba(196, 181, 253, 0.1) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-label > h5 {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-label > p,
html.dmj-theme-midnight .content-instance-r-detail-encounter-creatures > div p {
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-creatures > div img {
    border-color: rgba(196, 181, 253, 0.28) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-creatures > div p a {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-creatures > div p a:hover {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-power-item {
    background: rgba(14, 10, 24, 0.55) !important;
    border-left-color: rgba(157, 78, 221, 0.55) !important;
}

html.dmj-theme-midnight .content-instance-r-detail-encounter-power-item > h5 {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .instance-tabs {
    border-bottom-color: rgba(196, 181, 253, 0.12) !important;
}

html.dmj-theme-midnight .instance-tabs span.on {
    border-color: #9d4edd !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .instance-tabs-panel table,
html.dmj-theme-midnight .instance-tabs-panel thead th {
    border-color: rgba(196, 181, 253, 0.14) !important;
}

html.dmj-theme-midnight .instance-tabs-panel thead th {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.12) !important;
}

html.dmj-theme-midnight .instance-tabs-panel tbody td {
    color: rgba(243, 232, 255, 0.88) !important;
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
}

html.dmj-theme-midnight .instance-tabs-panel tbody tr:nth-child(even) {
    background: rgba(157, 78, 221, 0.04) !important;
}

html.dmj-theme-midnight .instance-tabs-panel tbody tr:hover {
    background: rgba(157, 78, 221, 0.1) !important;
}

html.dmj-theme-midnight .instance-mythic-route-link {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .instance-mythic-route-key {
    color: #a78bfa !important;
}

html.dmj-theme-midnight .achievement-page .toy-sidebar,
html.dmj-theme-midnight .reputations-page .toy-sidebar,
html.dmj-theme-midnight .instance-page .instance-sidebar {
    border-color: rgba(196, 181, 253, 0.14) !important;
    background: rgba(14, 10, 24, 0.82) !important;
}

html.dmj-theme-midnight .achievement-page,
html.dmj-theme-midnight .reputations-page,
html.dmj-theme-midnight .instance-page,
html.dmj-theme-midnight .profession-page {
    border-color: rgba(196, 181, 253, 0.12) !important;
}

/* —— 专业：攻略 / 配方 / 加点模拟器 —— */
html.dmj-theme-midnight .profession-page .profession-icon-bar {
    background: rgba(14, 10, 24, 0.72) !important;
    border-color: rgba(196, 181, 253, 0.14) !important;
}

html.dmj-theme-midnight .profession-page .profession-icon-bar img {
    border-color: rgba(196, 181, 253, 0.28) !important;
}

html.dmj-theme-midnight .profession-page .profession-icon-bar > div > a:hover {
    background: rgba(157, 78, 221, 0.12) !important;
}

html.dmj-theme-midnight .profession-page .profession-icon-bar > div > a:hover img,
html.dmj-theme-midnight .profession-page .profession-icon-on img,
html.dmj-theme-midnight .jinyi-sim-page .profession-icon-bar .profession-icon-on img {
    border-color: #9d4edd !important;
    box-shadow: 0 0 0 1px rgba(157, 78, 221, 0.35), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

html.dmj-theme-midnight .profession-page .profession-icon-on > a {
    background: rgba(157, 78, 221, 0.14) !important;
}

html.dmj-theme-midnight .profession-page .profession-icon-on p,
html.dmj-theme-midnight .jinyi-sim-page .profession-icon-bar .profession-icon-on p {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .profession-page .profession-icon-bar p {
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .profession-page .content-profession-box-r,
html.dmj-theme-midnight .profession-page .data-list-content {
    background: rgba(14, 10, 24, 0.72) !important;
    border-color: rgba(196, 181, 253, 0.14) !important;
}

html.dmj-theme-midnight .profession-page .profession-sidebar {
    border-color: rgba(196, 181, 253, 0.14) !important;
    background: rgba(14, 10, 24, 0.82) !important;
}

html.dmj-theme-midnight .profession-page .content-globalall-box-left {
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
}

html.dmj-theme-midnight .profession-page .content-globalall-box-left > h3 a {
    color: rgba(243, 232, 255, 0.82) !important;
}

html.dmj-theme-midnight .profession-page .content-globalall-box-left > h3 a:hover {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.12) !important;
}

html.dmj-theme-midnight .profession-page .content-globalall-box-left > div ul li a {
    color: rgba(226, 214, 255, 0.62) !important;
}

html.dmj-theme-midnight .profession-page .content-globalall-box-left > div ul li a:hover {
    color: #f3e8ff !important;
    background: rgba(157, 78, 221, 0.1) !important;
}

html.dmj-theme-midnight .profession-page .profession-tabs {
    border-bottom-color: rgba(196, 181, 253, 0.12) !important;
}

html.dmj-theme-midnight .profession-page .profession-tabs > a {
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .profession-page .profession-tabs > a:hover {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.1) !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
}

html.dmj-theme-midnight .profession-page .profession-tabs > a.on {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.16) !important;
    border-color: rgba(157, 78, 221, 0.55) !important;
}

html.dmj-theme-midnight .profession-page .profession-tabs > a.profession-tab-sim {
    color: #c4b5fd !important;
    background: linear-gradient(180deg, rgba(42, 24, 72, 0.95), rgba(18, 10, 28, 0.95)) !important;
    border-color: rgba(157, 78, 221, 0.55) !important;
    box-shadow: inset 0 1px 0 rgba(196, 181, 253, 0.15) !important;
}

html.dmj-theme-midnight .profession-page .profession-tabs > a.profession-tab-sim:hover {
    color: #f3e8ff !important;
    background: linear-gradient(180deg, rgba(62, 36, 98, 0.98), rgba(28, 16, 48, 0.98)) !important;
    border-color: #9d4edd !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-table {
    border-color: rgba(196, 181, 253, 0.14) !important;
    background: rgba(14, 10, 24, 0.55) !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-table thead th {
    color: #c4b5fd !important;
    background: rgba(157, 78, 221, 0.12) !important;
    border-bottom-color: rgba(196, 181, 253, 0.2) !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-table tbody tr:nth-child(even) {
    background: rgba(157, 78, 221, 0.04) !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-table tbody tr:hover {
    background: rgba(157, 78, 221, 0.1) !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-table tbody td {
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-name {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .profession-page .profession-recipe-desc {
    color: rgba(226, 214, 255, 0.55) !important;
}

html.dmj-theme-midnight .profession-page .data-list-content,
html.dmj-theme-midnight .profession-page .data-list-content .profession-guide-body,
html.dmj-theme-midnight .profession-page .data-list-content p,
html.dmj-theme-midnight .profession-page .data-list-content li,
html.dmj-theme-midnight .profession-page .data-list-content span,
html.dmj-theme-midnight .profession-page .data-list-content div,
html.dmj-theme-midnight .profession-page .data-list-content td {
    color: rgba(243, 232, 255, 0.88) !important;
}

html.dmj-theme-midnight .profession-page .data-list-content a:not([style*="color"]) {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .profession-page .data-list-content a:not([style*="color"]):hover {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .profession-page .data-list-content li::marker,
html.dmj-theme-midnight .profession-page .data-list-content li strong,
html.dmj-theme-midnight .profession-page .title-pro-strong,
html.dmj-theme-midnight .profession-page .data-list-content h1,
html.dmj-theme-midnight .profession-page .data-list-content h2,
html.dmj-theme-midnight .profession-page .data-list-content h3,
html.dmj-theme-midnight .profession-page .data-list-content h4,
html.dmj-theme-midnight .profession-page .data-list-content h5 {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .profession-page .data-list-content p > strong:only-child,
html.dmj-theme-midnight .profession-page .title-pro-strong {
    background: rgba(157, 78, 221, 0.12) !important;
    border-left-color: #9d4edd !important;
}

html.dmj-theme-midnight .profession-page .data-list-content table {
    border-color: rgba(196, 181, 253, 0.14) !important;
    background: rgba(14, 10, 24, 0.55) !important;
}

html.dmj-theme-midnight .profession-page .data-list-content table thead {
    background: rgba(157, 78, 221, 0.12) !important;
}

html.dmj-theme-midnight .profession-page .data-list-content table th {
    color: #c4b5fd !important;
    border-bottom-color: rgba(196, 181, 253, 0.2) !important;
}

html.dmj-theme-midnight .profession-page .data-list-content table td {
    color: rgba(243, 232, 255, 0.88) !important;
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
}

html.dmj-theme-midnight .profession-page .data-list-content table tbody tr:hover td {
    background: rgba(157, 78, 221, 0.08) !important;
}

html.dmj-theme-midnight .profession-page .profession-guide-source {
    border-top-color: rgba(196, 181, 253, 0.12) !important;
    color: rgba(226, 214, 255, 0.55) !important;
}

/* 专业加点模拟器（jinyi-sim） */
html.dmj-theme-midnight .jinyi-sim-page,
html.dmj-theme-midnight .jinyi-sim-index {
    --jinyi-gold: #9d4edd;
    --jinyi-gold-bright: #c4b5fd;
    --jinyi-bg: rgba(14, 10, 24, 0.82);
    --jinyi-border: rgba(196, 181, 253, 0.28);
    color: rgba(243, 232, 255, 0.88);
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-sim-head h1,
html.dmj-theme-midnight .jinyi-sim-index h1 {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .jinyi-sim-index .jinyi-sim-lead {
    color: rgba(226, 214, 255, 0.62) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-sim-btn,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-panel-learn,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-dial-learn,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-dial-btn {
    background: linear-gradient(180deg, rgba(42, 24, 72, 0.95), rgba(18, 10, 28, 0.95)) !important;
    border-color: rgba(157, 78, 221, 0.55) !important;
    color: #c4b5fd !important;
    box-shadow: inset 0 1px 0 rgba(196, 181, 253, 0.15) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-sim-btn:hover,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-panel-learn:hover,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-dial-learn:hover,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-dial-btn:hover {
    background: linear-gradient(180deg, rgba(62, 36, 98, 0.98), rgba(28, 16, 48, 0.98)) !important;
    border-color: #9d4edd !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-icon {
    border-color: rgba(196, 181, 253, 0.35) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-icon:hover,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-icon-on {
    border-color: #9d4edd !important;
    box-shadow: 0 0 0 1px rgba(157, 78, 221, 0.45), inset 0 0 0 1px rgba(0, 0, 0, 0.55) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-sim-tabs .jinyi-tablist li a,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-nav .jinyi-tablist li a,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-tabs .jinyi-tablist li a {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(196, 181, 253, 0.22) !important;
    color: rgba(226, 214, 255, 0.72) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-sim-tabs .jinyi-tablist li.jinyi-on a,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-sim-tabs .jinyi-tablist li a:hover,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-nav .jinyi-tablist li.jinyi-on a,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-nav .jinyi-tablist li a:hover,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-tabs .jinyi-tablist li.jinyi-on a,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-tabs .jinyi-tablist li a:hover {
    background: rgba(157, 78, 221, 0.2) !important;
    border-color: #9d4edd !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-nav-amt,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-dial-desc-perk,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-q,
html.dmj-theme-midnight .jinyi-sim-tip .jinyi-q {
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-panel-map-title {
    color: #f3e8ff !important;
    text-shadow: 0 0 14px rgba(157, 78, 221, 0.28) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-panel-map-description {
    color: rgba(226, 214, 255, 0.78) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-pick,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-stage,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum {
    background: rgba(14, 10, 24, 0.82) !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-nav {
    background: rgba(14, 10, 24, 0.55) !important;
    border-bottom-color: rgba(196, 181, 253, 0.12) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-table th,
html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-table td {
    border-bottom-color: rgba(196, 181, 253, 0.08) !important;
    color: rgba(243, 232, 255, 0.88) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-table th {
    color: rgba(226, 214, 255, 0.62) !important;
}

html.dmj-theme-midnight .jinyi-sim-page .jinyi-skillsim-sum-table tr:hover td {
    background: rgba(157, 78, 221, 0.08) !important;
}

html.dmj-theme-midnight .jinyi-sim-tip {
    background: rgba(12, 8, 20, 0.96) !important;
    border-color: rgba(157, 78, 221, 0.55) !important;
}

html.dmj-theme-midnight .jinyi-sim-card {
    background: rgba(14, 10, 24, 0.82) !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
    color: rgba(243, 232, 255, 0.88) !important;
}

html.dmj-theme-midnight .jinyi-sim-card:hover {
    background: rgba(28, 18, 48, 0.9) !important;
    border-color: #9d4edd !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .jinyi-sim-card img {
    border-color: rgba(196, 181, 253, 0.35) !important;
}

html.dmj-theme-midnight .jinyi-sim-card:hover img {
    border-color: #9d4edd !important;
}

html.dmj-theme-midnight .profession-sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(157, 78, 221, 0.55) rgba(28, 18, 48, 0.88);
}

html.dmj-theme-midnight .profession-sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html.dmj-theme-midnight .profession-sidebar::-webkit-scrollbar-track {
    background-color: rgba(28, 18, 48, 0.88) !important;
    border-radius: 2em;
}

html.dmj-theme-midnight .profession-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(90, 45, 130, 0.9) !important;
    border-radius: 2em;
    border: 1px solid rgba(196, 181, 253, 0.1);
}

html.dmj-theme-midnight .profession-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(157, 78, 221, 0.78) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.dmj-theme-midnight .global-footer,
    html.dmj-theme-midnight .global-footer::before,
    html.dmj-theme-midnight .global-footer::after,
    html.dmj-theme-midnight .global-footer-content,
    html.dmj-theme-midnight .global-footer-content-des {
        animation: none !important;
        filter: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}


/* —— 编年史专题：顶栏导航紫夜风格（仅 html.dmj-theme-midnight） —— */
html.dmj-theme-midnight {
    --chr-nav-accent: #9d4edd;
    --button-background-color: #3a2460;
    --button-font-color: #f3e8ff;
    background: #0a0612;
}

html.dmj-theme-midnight .index-header {
    background:
        linear-gradient(180deg, rgba(22, 14, 36, 0.94) 0%, rgba(14, 10, 24, 0.92) 100%);
    border-bottom: 1px solid rgba(200, 180, 255, 0.12);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(196, 181, 253, 0.06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

html.dmj-theme-midnight .index-header-menu ul li a {
    color: rgba(243, 232, 255, 0.88);
}

html.dmj-theme-midnight .index-header-menu ul li a:hover {
    background-color: color-mix(in srgb, var(--chr-nav-accent) 42%, transparent);
    color: #fff;
}

html.dmj-theme-midnight .index-header-menu ul li.on > a,
html.dmj-theme-midnight .index-header-menu ul li.on a {
    background-color: color-mix(in srgb, var(--chr-nav-accent) 55%, transparent);
    color: #fff;
}

html.dmj-theme-midnight .index-header-menu ul li > ul {
    background-color: rgba(18, 12, 32, 0.98) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(200, 180, 255, 0.14) !important;
    border: 1px solid rgba(200, 180, 255, 0.1);
}

html.dmj-theme-midnight .index-header-menu ul li ul::-webkit-scrollbar-track {
    background-color: rgba(28, 18, 48, 0.85);
}

html.dmj-theme-midnight .index-header-menu ul li ul::-webkit-scrollbar-thumb {
    background-color: rgba(90, 45, 130, 0.85);
}

html.dmj-theme-midnight .index-header-menu ul li > ul a:hover {
    background-color: color-mix(in srgb, var(--chr-nav-accent) 38%, rgba(0, 0, 0, 0.55));
}

html.dmj-theme-midnight .promo-entry {
    color: #f3e8ff;
    border-color: rgba(196, 181, 253, 0.32);
    background: linear-gradient(180deg, rgba(58, 32, 88, 0.55), rgba(28, 18, 48, 0.82));
}

html.dmj-theme-midnight .promo-entry:hover {
    color: #fff;
    border-color: rgba(196, 181, 253, 0.65);
    box-shadow: 0 4px 14px rgba(90, 45, 130, 0.35);
}

html.dmj-theme-midnight .promo-entry-hero {
    border-color: rgba(196, 181, 253, 0.4);
    background: linear-gradient(180deg, rgba(74, 42, 110, 0.55), rgba(36, 22, 60, 0.85));
}

html.dmj-theme-midnight .promo-entry-hero .promo-dot {
    background: #c4b5fd;
    color: #c4b5fd;
}

html.dmj-theme-midnight .promo-entry-hero:hover {
    background: linear-gradient(180deg, rgba(102, 64, 170, 0.6), rgba(52, 30, 96, 0.92));
}

html.dmj-theme-midnight .promo-entry-party {
    border-color: rgba(167, 139, 250, 0.42);
    background: linear-gradient(180deg, rgba(48, 36, 88, 0.5), rgba(24, 18, 48, 0.82));
}

html.dmj-theme-midnight .promo-entry-party .promo-dot {
    background: #a78bfa;
    color: #a78bfa;
}

html.dmj-theme-midnight .promo-entry-party .promo-new {
    color: #1e1033;
    background: linear-gradient(180deg, #ddd6fe, #8b5cf6);
}

html.dmj-theme-midnight .promo-entry-party:hover {
    border-color: rgba(167, 139, 250, 0.78);
    background: linear-gradient(180deg, rgba(68, 48, 120, 0.58), rgba(32, 22, 64, 0.92));
}

html.dmj-theme-midnight .promo-entry-mplus {
    border-color: rgba(125, 211, 252, 0.4);
    background: linear-gradient(180deg, rgba(36, 48, 88, 0.5), rgba(20, 28, 54, 0.82));
}

html.dmj-theme-midnight .promo-entry-mplus .promo-dot {
    background: #7dd3fc;
    color: #7dd3fc;
}

html.dmj-theme-midnight .promo-entry-mplus .promo-new {
    color: #0c1929;
    background: linear-gradient(180deg, #bae6fd, #38bdf8);
}

html.dmj-theme-midnight .promo-entry-mplus:hover {
    border-color: rgba(125, 211, 252, 0.75);
    background: linear-gradient(180deg, rgba(46, 66, 120, 0.58), rgba(22, 34, 68, 0.92));
}

/* 登录入口 + 用户下拉（需压过 public.css 全局 button !important） */
html.dmj-theme-midnight .global-login-entry-btn {
    border-color: rgba(196, 181, 253, 0.45);
    background: rgba(36, 22, 60, 0.9);
    color: #c4b5fd;
}

html.dmj-theme-midnight .global-login-entry-btn:hover:not(:disabled) {
    border-color: #c4b5fd;
    background: rgba(157, 78, 221, 0.18);
    color: #f3e8ff;
}

html.dmj-theme-midnight button.global-login-entry-user {
    height: 34px !important;
    padding: 0 10px 0 4px !important;
    border: 1px solid rgba(196, 181, 253, 0.28) !important;
    background: rgba(36, 22, 60, 0.92) !important;
    background-color: rgba(36, 22, 60, 0.92) !important;
    color: #f3e8ff !important;
}

html.dmj-theme-midnight button.global-login-entry-user:hover {
    border-color: rgba(196, 181, 253, 0.55) !important;
    background: rgba(52, 30, 88, 0.96) !important;
    background-color: rgba(52, 30, 88, 0.96) !important;
    opacity: 1;
}

html.dmj-theme-midnight .global-login-entry-avatar {
    border-color: rgba(196, 181, 253, 0.4);
}

html.dmj-theme-midnight .global-login-entry-avatar-empty {
    background: #2a1848 !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight .global-login-entry-nickname {
    color: #f3e8ff !important;
}

html.dmj-theme-midnight .global-login-entry-arrow {
    color: rgba(196, 181, 253, 0.7);
}

html.dmj-theme-midnight .global-login-menu {
    background: #120a1c;
    border-color: rgba(196, 181, 253, 0.22);
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(157, 78, 221, 0.12);
}

html.dmj-theme-midnight .global-login-menu-item {
    color: #efe6ff;
}

html.dmj-theme-midnight .global-login-menu-icon {
    fill: #efe6ff;
}

html.dmj-theme-midnight a.global-login-menu-item:hover {
    background: rgba(157, 78, 221, 0.16);
    color: #c4b5fd;
}

html.dmj-theme-midnight a.global-login-menu-item:hover .global-login-menu-icon {
    fill: #c4b5fd;
}

html.dmj-theme-midnight .global-login-menu-divider {
    background: rgba(196, 181, 253, 0.14);
}

html.dmj-theme-midnight button.global-login-menu-logout {
    margin: 4px 8px 2px;
    width: calc(100% - 16px);
    height: auto !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(196, 181, 253, 0.22) !important;
    background: rgba(58, 36, 96, 0.75) !important;
    background-color: rgba(58, 36, 96, 0.75) !important;
    color: #c4b5fd !important;
}

html.dmj-theme-midnight button.global-login-menu-logout .global-login-menu-icon {
    fill: #c4b5fd;
}

html.dmj-theme-midnight button.global-login-menu-logout:hover {
    background: rgba(157, 78, 221, 0.35) !important;
    background-color: rgba(157, 78, 221, 0.35) !important;
    color: #f3e8ff !important;
    opacity: 1;
}

html.dmj-theme-midnight button.global-login-menu-logout:hover .global-login-menu-icon {
    fill: #f3e8ff;
}

html.dmj-theme-midnight .global-footer {
    position: relative;
    overflow: hidden;
    margin-top: 36px;
    padding-top: 40px;
    padding-bottom: 56px;
    border-top: 1px solid rgba(200, 180, 255, 0.08);
    background-color: #06040e;
    background-image:
        radial-gradient(ellipse 70% 60% at 15% 0%, rgba(90, 45, 130, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 55% 50% at 88% 25%, rgba(70, 35, 110, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse 45% 40% at 50% 100%, rgba(60, 30, 95, 0.1) 0%, transparent 48%),
        linear-gradient(180deg, #0e0a16 0%, #090610 42%, #06040e 78%, #04030a 100%);
    box-shadow:
        inset 0 1px 0 rgba(196, 181, 253, 0.05),
        inset 0 28px 60px rgba(40, 20, 70, 0.18);
    animation: chr-footer-reveal 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.dmj-theme-midnight .global-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(115deg, transparent 35%, rgba(157, 78, 221, 0.03) 50%, transparent 65%),
        /* 远景密星 */
        radial-gradient(1px 1px at 3% 12%, rgba(255, 255, 255, 0.55), transparent),
        radial-gradient(1px 1px at 7% 48%, rgba(220, 210, 255, 0.4), transparent),
        radial-gradient(1px 1px at 11% 76%, rgba(255, 255, 255, 0.35), transparent),
        radial-gradient(1.2px 1.2px at 14% 28%, rgba(196, 181, 253, 0.65), transparent),
        radial-gradient(1px 1px at 18% 58%, rgba(255, 255, 255, 0.45), transparent),
        radial-gradient(1px 1px at 21% 18%, rgba(255, 255, 255, 0.3), transparent),
        radial-gradient(1.5px 1.5px at 24% 72%, rgba(226, 214, 255, 0.7), transparent),
        radial-gradient(1px 1px at 28% 38%, rgba(255, 255, 255, 0.4), transparent),
        radial-gradient(1px 1px at 31% 84%, rgba(196, 181, 253, 0.5), transparent),
        radial-gradient(1px 1px at 35% 22%, rgba(255, 255, 255, 0.55), transparent),
        radial-gradient(1.2px 1.2px at 38% 64%, rgba(255, 255, 255, 0.45), transparent),
        radial-gradient(1px 1px at 42% 44%, rgba(196, 181, 253, 0.55), transparent),
        radial-gradient(1px 1px at 45% 12%, rgba(255, 255, 255, 0.35), transparent),
        radial-gradient(1.5px 1.5px at 49% 56%, rgba(255, 255, 255, 0.7), transparent),
        radial-gradient(1px 1px at 52% 30%, rgba(226, 214, 255, 0.4), transparent),
        radial-gradient(1px 1px at 55% 78%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(1.2px 1.2px at 59% 16%, rgba(196, 181, 253, 0.6), transparent),
        radial-gradient(1px 1px at 62% 52%, rgba(255, 255, 255, 0.35), transparent),
        radial-gradient(1px 1px at 66% 88%, rgba(255, 255, 255, 0.45), transparent),
        radial-gradient(1.5px 1.5px at 69% 34%, rgba(226, 214, 255, 0.65), transparent),
        radial-gradient(1px 1px at 73% 68%, rgba(255, 255, 255, 0.4), transparent),
        radial-gradient(1px 1px at 76% 20%, rgba(196, 181, 253, 0.5), transparent),
        radial-gradient(1.2px 1.2px at 80% 46%, rgba(255, 255, 255, 0.55), transparent),
        radial-gradient(1px 1px at 83% 82%, rgba(255, 255, 255, 0.35), transparent),
        radial-gradient(1px 1px at 87% 26%, rgba(226, 214, 255, 0.45), transparent),
        radial-gradient(1.5px 1.5px at 90% 60%, rgba(255, 255, 255, 0.7), transparent),
        radial-gradient(1px 1px at 94% 14%, rgba(196, 181, 253, 0.55), transparent),
        radial-gradient(1px 1px at 97% 74%, rgba(255, 255, 255, 0.4), transparent),
        /* 第二层偏亮星 */
        radial-gradient(1px 1px at 5% 34%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(1px 1px at 9% 66%, rgba(196, 181, 253, 0.45), transparent),
        radial-gradient(1.2px 1.2px at 16% 8%, rgba(255, 255, 255, 0.6), transparent),
        radial-gradient(1px 1px at 22% 92%, rgba(255, 255, 255, 0.35), transparent),
        radial-gradient(1px 1px at 27% 50%, rgba(226, 214, 255, 0.5), transparent),
        radial-gradient(1.5px 1.5px at 33% 6%, rgba(255, 255, 255, 0.75), transparent),
        radial-gradient(1px 1px at 40% 90%, rgba(196, 181, 253, 0.45), transparent),
        radial-gradient(1px 1px at 47% 70%, rgba(255, 255, 255, 0.4), transparent),
        radial-gradient(1.2px 1.2px at 54% 8%, rgba(255, 255, 255, 0.55), transparent),
        radial-gradient(1px 1px at 61% 40%, rgba(226, 214, 255, 0.45), transparent),
        radial-gradient(1px 1px at 68% 96%, rgba(255, 255, 255, 0.35), transparent),
        radial-gradient(1.5px 1.5px at 74% 54%, rgba(255, 255, 255, 0.7), transparent),
        radial-gradient(1px 1px at 81% 10%, rgba(196, 181, 253, 0.5), transparent),
        radial-gradient(1px 1px at 85% 70%, rgba(255, 255, 255, 0.4), transparent),
        radial-gradient(1.2px 1.2px at 92% 42%, rgba(255, 255, 255, 0.6), transparent),
        radial-gradient(1px 1px at 98% 88%, rgba(226, 214, 255, 0.45), transparent),
        /* 第三层细密星尘 */
        radial-gradient(0.8px 0.8px at 4% 56%, rgba(255, 255, 255, 0.3), transparent),
        radial-gradient(0.8px 0.8px at 13% 40%, rgba(196, 181, 253, 0.35), transparent),
        radial-gradient(0.8px 0.8px at 19% 84%, rgba(255, 255, 255, 0.28), transparent),
        radial-gradient(0.8px 0.8px at 26% 14%, rgba(255, 255, 255, 0.32), transparent),
        radial-gradient(0.8px 0.8px at 36% 60%, rgba(226, 214, 255, 0.3), transparent),
        radial-gradient(0.8px 0.8px at 43% 26%, rgba(255, 255, 255, 0.28), transparent),
        radial-gradient(0.8px 0.8px at 51% 92%, rgba(196, 181, 253, 0.32), transparent),
        radial-gradient(0.8px 0.8px at 58% 48%, rgba(255, 255, 255, 0.3), transparent),
        radial-gradient(0.8px 0.8px at 64% 8%, rgba(255, 255, 255, 0.28), transparent),
        radial-gradient(0.8px 0.8px at 71% 76%, rgba(226, 214, 255, 0.32), transparent),
        radial-gradient(0.8px 0.8px at 77% 36%, rgba(255, 255, 255, 0.28), transparent),
        radial-gradient(0.8px 0.8px at 84% 94%, rgba(196, 181, 253, 0.3), transparent),
        radial-gradient(0.8px 0.8px at 91% 52%, rgba(255, 255, 255, 0.28), transparent),
        radial-gradient(0.8px 0.8px at 96% 22%, rgba(255, 255, 255, 0.32), transparent);
    background-size: 220% 100%;
    animation:
        chr-shimmer 16s linear infinite,
        chr-footer-stars 5.5s ease-in-out infinite alternate;
    opacity: 1;
}

html.dmj-theme-midnight .global-footer::after {
    content: '';
    position: absolute;
    left: 10%;
    right: 10%;
    top: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(140, 110, 200, 0.12) 20%,
        rgba(196, 181, 253, 0.35) 50%,
        rgba(140, 110, 200, 0.12) 80%,
        transparent 100%
    );
    box-shadow: 0 0 10px rgba(90, 45, 130, 0.28);
    animation: chr-footer-beam 4.2s ease-in-out infinite;
}

html.dmj-theme-midnight .global-footer-content {
    position: relative;
    z-index: 1;
    animation: chr-footer-content-in 0.85s ease 0.12s both;
}

html.dmj-theme-midnight .global-footer-content-item h3 {
    background: linear-gradient(135deg, #fff 10%, #c4b5fd 55%, #a78bfa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(157, 78, 221, 0.35));
    font-weight: 800;
}

html.dmj-theme-midnight .global-footer-content-item a {
    color: rgba(226, 214, 255, 0.68);
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

html.dmj-theme-midnight .global-footer-content-item a:hover {
    color: #fff;
    text-shadow: 0 0 12px rgba(196, 181, 253, 0.55);
}

html.dmj-theme-midnight .global-footer-content-des {
    z-index: 1;
    color: rgba(226, 214, 255, 0.55);
    animation: chr-footer-content-in 0.9s ease 0.28s both;
}

html.dmj-theme-midnight .global-footer-content-des a {
    color: rgba(226, 214, 255, 0.7);
}