body {
    background: #1A1014 !important;
    color: #D4A017 !important;
    font-family: "Georgia", "Times New Roman", "SimSun", serif !important;
    line-height: 1.8 !important;
}

.rev-main {
    background: 
        radial-gradient(circle at 15% 25%, rgba(212, 160, 23, 0.06) 1.5px, transparent 2.5px),
        radial-gradient(circle at 65% 75%, rgba(212, 160, 23, 0.06) 1.5px, transparent 2.5px),
        radial-gradient(circle at 85% 15%, rgba(212, 160, 23, 0.06) 1.5px, transparent 2.5px),
        radial-gradient(circle at 35% 60%, rgba(212, 160, 23, 0.06) 1.5px, transparent 2.5px),
        linear-gradient(135deg, #2A1245 0%, #1A1014 50%, #2A1245 100%) !important;
    background-size: 36px 36px, 42px 42px, 48px 48px, 30px 30px, 100% 100% !important;
    color: #D4A017 !important;
    padding: 32px 36px !important;
    margin: 20px 0 !important;
    border: 5px solid #D4A017 !important;
    border-left: 10px solid #7A1F2E !important;
    box-shadow: 
        8px 8px 0 0 #1A1014,
        16px 16px 0 0 #7A1F2E,
        24px 24px 0 0 #D4A017 !important;
    position: relative !important;
    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px)) !important;
}

.rev-main p {
    color: #D4A017 !important;
    font-size: 16px !important;
    margin: 14px 0 !important;
    text-shadow: 1px 1px 0 #1A1014 !important;
}

.rev-main p:first-of-type::first-letter {
    font-size: 64px !important;
    font-weight: 900 !important;
    color: #7A1F2E !important;
    float: left !important;
    line-height: 0.9 !important;
    margin: 8px 10px 0 0 !important;
    text-shadow: 
        4px 4px 0 #D4A017,
        6px 6px 0 #1A1014 !important;
    font-family: "Impact", "Arial Black", "Georgia", serif !important;
    transform: rotate(-3deg) !important;
    display: inline-block !important;
}

.rev-main::before {
    content: "\30B4\30B4\30B4\30B4\30B4" !important;
    display: block !important;
    color: #D4A017 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: 6px !important;
    margin-bottom: 20px !important;
    text-shadow: 
        3px 3px 0 #1A1014,
        -2px -2px 0 #1A1014,
        2px -2px 0 #1A1014,
        -2px 2px 0 #1A1014,
        6px 6px 0 #7A1F2E !important;
    font-family: "Impact", "Arial Black", sans-serif !important;
    transform: rotate(-3deg) skewX(-8deg) !important;
}

.coser-panel {
    background: #2A1245 !important;
    border: 5px solid #D4A017 !important;
    border-top: 8px solid #7A1F2E !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    color: #D4A017 !important;
    box-shadow: 
        7px 7px 0 0 #1A1014,
        14px 14px 0 0 #7A1F2E !important;
    position: relative !important;
    overflow: hidden !important;
}

.coser-panel::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 32px 32px 0 !important;
    border-color: transparent #D4A017 transparent transparent !important;
    z-index: 3 !important;
}

.coser-panel::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 32px 0 0 32px !important;
    border-color: transparent transparent transparent #7A1F2E !important;
    z-index: 3 !important;
}

.coser-panel summary {
    background: linear-gradient(90deg, #1A1014 0%, #7A1F2E 40%, #7A1F2E 60%, #1A1014 100%) !important;
    color: #D4A017 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    padding: 16px 24px !important;
    cursor: pointer !important;
    list-style: none !important;
    letter-spacing: 3px !important;
    text-shadow: 
        2px 2px 0 #1A1014,
        -1px -1px 0 #1A1014,
        1px -1px 0 #1A1014,
        -1px 1px 0 #1A1014,
        4px 4px 0 rgba(212, 160, 23, 0.2) !important;
    border-bottom: 4px solid #D4A017 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    font-family: "Impact", "Georgia", serif !important;
    text-transform: uppercase !important;
}

.coser-panel summary:hover {
    background: linear-gradient(90deg, #7A1F2E 0%, #D4A017 50%, #7A1F2E 100%) !important;
    color: #1A1014 !important;
    text-shadow: 
        2px 2px 0 #D4A017,
        -1px -1px 0 #D4A017,
        1px -1px 0 #D4A017,
        -1px 1px 0 #D4A017 !important;
    letter-spacing: 4px !important;
}

.coser-panel summary::-webkit-details-marker {
    display: none !important;
}

.coser-panel summary::after {
    content: "\25BC" !important;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #D4A017 !important;
    font-size: 16px !important;
    transition: transform 0.3s ease !important;
    text-shadow: 2px 2px 0 #1A1014 !important;
}

.coser-panel[open] summary::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

.coser-panel[open] > *:not(summary) {
    background: #2A1245 !important;
    color: #D4A017 !important;
    padding: 18px 26px !important;
    font-size: 14px !important;
    line-height: 2 !important;
    border-top: 2px dashed #7A1F2E !important;
}

.char-dialogue {
    color: #1A1014 !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    background: #D4A017 !important;
    padding: 3px 8px !important;
    margin: 0 2px !important;
    text-shadow: 1px 1px 0 #7A1F2E !important;
    letter-spacing: 0.5px !important;
    border-left: 3px solid #7A1F2E !important;
    border-right: 3px solid #7A1F2E !important;
    display: inline-block !important;
}

.inner-thought {
    color: #D4A017 !important;
    font-style: italic !important;
    font-weight: 600 !important;
    border-left: 4px solid #7A1F2E !important;
    background: linear-gradient(90deg, rgba(122, 31, 46, 0.3) 0%, transparent 100%) !important;
    padding: 4px 12px !important;
    margin: 4px 0 !important;
    text-shadow: 1px 1px 0 #1A1014 !important;
    display: inline-block !important;
}

.system-alert {
    background: #D4A017 !important;
    color: #1A1014 !important;
    border: 4px solid #1A1014 !important;
    padding: 18px 24px !important;
    margin: 22px 0 !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: 
        6px 6px 0 0 #7A1F2E,
        12px 12px 0 0 #1A1014 !important;
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%) !important;
    text-shadow: 2px 2px 0 rgba(122, 31, 46, 0.4) !important;
    position: relative !important;
}

.system-alert::before {
    content: "\26A0 " !important;
    color: #7A1F2E !important;
    font-size: 18px !important;
}

.system-alert::after {
    content: " \26A0" !important;
    color: #7A1F2E !important;
    font-size: 18px !important;
}

.coser-panel table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 12px 0 !important;
    background: #1A1014 !important;
    border: 3px solid #D4A017 !important;
}

.coser-panel table th {
    background: #7A1F2E !important;
    color: #D4A017 !important;
    padding: 10px 12px !important;
    border: 2px solid #D4A017 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    text-shadow: 1px 1px 0 #1A1014 !important;
}

.coser-panel table td {
    background: #2A1245 !important;
    color: #D4A017 !important;
    padding: 8px 12px !important;
    border: 2px solid #D4A017 !important;
    font-size: 13px !important;
}

.coser-panel table tr:nth-child(even) td {
    background: #3D1E5B !important;
}

.coser-panel ul, .coser-panel ol {
    color: #D4A017 !important;
    padding-left: 28px !important;
    margin: 8px 0 !important;
}

.coser-panel li {
    color: #D4A017 !important;
    margin: 8px 0 !important;
    position: relative !important;
}

.coser-panel ul li::marker {
    color: #7A1F2E !important;
    font-size: 16px !important;
}

hr {
    border: none !important;
    height: 10px !important;
    background: 
        linear-gradient(90deg, 
            #1A1014 0%, 
            #1A1014 15%, 
            #D4A017 15%, 
            #D4A017 17%, 
            #1A1014 17%, 
            #1A1014 30%, 
            #7A1F2E 30%, 
            #7A1F2E 70%, 
            #1A1014 70%, 
            #1A1014 83%, 
            #D4A017 83%, 
            #D4A017 85%, 
            #1A1014 85%, 
            #1A1014 100%
        ) !important;
    margin: 28px 0 !important;
    position: relative !important;
    box-shadow: 
        0 3px 0 0 #D4A017,
        0 6px 0 0 #1A1014 !important;
}

.thinking-panel { border-top-color: #D4A017 !important; }
.scene-panel { border-top-color: #7A1F2E !important; }
.memory-panel { border-top-color: #D4A017 !important; }
.player-panel { border-top-color: #D4A017 !important; }
.npc-panel { border-top-color: #7A1F2E !important; }
.world-panel { border-top-color: #D4A017 !important; }
.archive-panel { border-top-color: #7A1F2E !important; }
.ability-battle-panel { border-top-color: #D4A017 !important; }

.ability-battle-panel {
    border: 6px solid #D4A017 !important;
    border-top: 10px solid #7A1F2E !important;
    border-bottom: 10px solid #7A1F2E !important;
    box-shadow: 
        0 0 0 4px #1A1014,
        10px 10px 0 0 #1A1014,
        18px 18px 0 0 #7A1F2E !important;
    animation: battlePulse 2.5s ease-in-out infinite !important;
}

@keyframes battlePulse {
    0%, 100% { 
        box-shadow: 
            0 0 0 4px #1A1014,
            10px 10px 0 0 #1A1014,
            18px 18px 0 0 #7A1F2E !important;
    }
    50% { 
        box-shadow: 
            0 0 0 4px #D4A017,
            10px 10px 0 0 #1A1014,
            18px 18px 0 0 #D4A017 !important;
    }
}

.ability-battle-panel summary {
    background: linear-gradient(90deg, #1A1014 0%, #D4A017 30%, #7A1F2E 50%, #D4A017 70%, #1A1014 100%) !important;
    color: #1A1014 !important;
    font-size: 20px !important;
    text-shadow: 
        2px 2px 0 #D4A017,
        -2px -2px 0 #D4A017,
        2px -2px 0 #D4A017,
        -2px 2px 0 #D4A017 !important;
    letter-spacing: 4px !important;
}

blockquote {
    border-left: 8px solid #D4A017 !important;
    background: #1A1014 !important;
    padding: 14px 22px !important;
    margin: 16px 0 !important;
    color: #D4A017 !important;
    font-style: italic !important;
    font-weight: 600 !important;
    position: relative !important;
    text-shadow: 1px 1px 0 #7A1F2E !important;
}

blockquote::before {
    content: "\201C" !important;
    position: absolute !important;
    left: -5px !important;
    top: -20px !important;
    font-size: 72px !important;
    color: #7A1F2E !important;
    font-family: "Georgia", serif !important;
    line-height: 1 !important;
    text-shadow: 3px 3px 0 #D4A017 !important;
}

code, pre {
    background: #1A1014 !important;
    color: #D4A017 !important;
    padding: 14px 18px !important;
    border: 3px solid #7A1F2E !important;
    border-left: 6px solid #D4A017 !important;
    font-family: "Courier New", monospace !important;
    display: block !important;
    margin: 14px 0 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    line-height: 1.7 !important;
}

a {
    color: #D4A017 !important;
    text-decoration: none !important;
    border-bottom: 2px solid #7A1F2E !important;
    font-weight: 700 !important;
    padding-bottom: 1px !important;
    transition: all 0.3s ease !important;
    text-shadow: 1px 1px 0 #1A1014 !important;
}

a:hover {
    color: #1A1014 !important;
    background: #D4A017 !important;
    border-bottom-color: #1A1014 !important;
    text-shadow: none !important;
    padding: 0 4px !important;
}

.rev-main strong, .rev-main b {
    color: #1A1014 !important;
    font-weight: 900 !important;
    background: #D4A017 !important;
    padding: 1px 6px !important;
    text-shadow: 1px 1px 0 #7A1F2E !important;
    border-left: 2px solid #7A1F2E !important;
    border-right: 2px solid #7A1F2E !important;
}

hr + p {
    color: #D4A017 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    text-shadow: 
        2px 2px 0 #1A1014,
        4px 4px 0 #7A1F2E !important;
    font-family: "Impact", sans-serif !important;
    text-transform: uppercase !important;
    margin: 18px 0 !important;
}

::-webkit-scrollbar {
    width: 16px !important;
    height: 16px !important;
}

::-webkit-scrollbar-track {
    background: #1A1014 !important;
    border: 2px solid #7A1F2E !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #D4A017 0%, #7A1F2E 100%) !important;
    border: 2px solid #1A1014 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #7A1F2E 0%, #D4A017 100%) !important;
}

::selection {
    background: #D4A017 !important;
    color: #1A1014 !important;
    text-shadow: none !important;
}

.stand-radar {
    width: 280px !important;
    height: 280px !important;
    margin: 16px auto !important;
    position: relative !important;
    border: 3px solid #D4A017 !important;
    background-color: #1A1014 !important;
    background-image: url("https://i.postimg.cc/wj79dzhh/echarts.png") !important;
    background-size: 90% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: 
        4px 4px 0 0 #7A1F2E,
        8px 8px 0 0 #1A1014 !important;
}

.stand-radar svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.radar-stat {
    position: absolute !important;
    color: #D4A017 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    font-family: "Impact", sans-serif !important;
    text-shadow: 
        2px 2px 0 #1A1014,
        -1px -1px 0 #1A1014,
        1px -1px 0 #1A1014,
        -1px 1px 0 #1A1014 !important;
    z-index: 5 !important;
}

.stat-power { top: 18% !important; left: 50% !important; transform: translateX(-50%) !important; }
.stat-speed { top: 32% !important; right: 18% !important; }
.stat-range { bottom: 32% !important; right: 18% !important; }
.stat-durability { bottom: 18% !important; left: 50% !important; transform: translateX(-50%) !important; }
.stat-precision { bottom: 32% !important; left: 18% !important; }
.stat-growth { top: 32% !important; left: 18% !important; }

.radar-fill-player {
    fill: rgba(212, 160, 23, 0.55) !important;
    stroke: #D4A017 !important;
    stroke-width: 2.5 !important;
}

.radar-fill-npc {
    fill: rgba(122, 31, 46, 0.55) !important;
    stroke: #7A1F2E !important;
    stroke-width: 2.5 !important;
}

.radar-fill-archive {
    fill: rgba(122, 31, 46, 0.45) !important;
    stroke: #7A1F2E !important;
    stroke-width: 2 !important;
}

.radar-fill-battle-player {
    fill: rgba(212, 160, 23, 0.6) !important;
    stroke: #D4A017 !important;
    stroke-width: 3 !important;
}

.radar-fill-battle-enemy {
    fill: rgba(122, 31, 46, 0.6) !important;
    stroke: #7A1F2E !important;
    stroke-width: 3 !important;
}

.battle-player-radar, .battle-enemy-radar {
    box-shadow: 
        0 0 12px rgba(212, 160, 23, 0.4),
        4px 4px 0 0 #7A1F2E,
        8px 8px 0 0 #1A1014 !important;
}