/*
版本：V1.0
时间：2025-12-26 18:45
申明：禁止拷贝，否则投诉到底。
*/

/* =====================================
   Theme Basics
===================================== */
:root {
    color-scheme: light dark;
}

/* =====================================
   Base Typography
===================================== */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}

/* =====================================
   Layout
===================================== */
.page-hero {
    padding: 4.5rem 0 2.5rem;
}

.page-meta {
    font-size: 0.95rem;
}

.page-list li {
    margin-bottom: 0.5rem;
}

/* =====================================
   Cards
===================================== */
.page-card {
    border-radius: 1.25rem;
    border: 1px solid rgba(31, 157, 85, 0.12);
    box-shadow: 0 1rem 2rem rgba(31, 157, 85, 0.08);
}

.page-card h2 {
    font-size: 1.2rem;
}

/* =====================================
   Footer
===================================== */
.page-footer {
    border-top: 1px solid rgba(31, 157, 85, 0.12);
    padding: 1.5rem 0 2.5rem;
}

/* =====================================
   Dark Theme (set by main.js or data-bs-theme)
===================================== */
:is(html.dark-mode, html[data-bs-theme="dark"]) {
    color-scheme: dark;
    --bs-body-bg: #0b1010;
    --bs-secondary-bg: #131a1b;
    --bs-tertiary-bg: #101718;
    --bs-body-color: #dff7ec;
    --bs-secondary-color: rgba(223, 247, 236, 0.82);
    --bs-border-color: rgba(77, 255, 187, 0.22);
}

:is(html.dark-mode, html[data-bs-theme="dark"]) body {
    background-color: #0b1010;
    color: #dff7ec;
}

:is(html.dark-mode, html[data-bs-theme="dark"]) .bg-body-secondary {
    background-color: rgba(var(--bs-secondary-bg-rgb, 19, 26, 27), 1) !important;
}

:is(html.dark-mode, html[data-bs-theme="dark"]) .bg-body {
    background-color: rgba(22, 30, 31, 0.94) !important;
}

:is(html.dark-mode, html[data-bs-theme="dark"]) .page-card {
    background-color: rgba(22, 30, 31, 0.94);
    border-color: rgba(77, 255, 187, 0.18);
    box-shadow: 0 1.25rem 2.5rem rgba(6, 18, 14, 0.45);
}

:is(html.dark-mode, html[data-bs-theme="dark"]) .page-footer {
    border-top-color: rgba(77, 255, 187, 0.18);
}

:is(html.dark-mode, html[data-bs-theme="dark"]) a {
    color: rgba(223, 247, 236, 0.9);
}

:is(html.dark-mode, html[data-bs-theme="dark"]) a:hover,
:is(html.dark-mode, html[data-bs-theme="dark"]) a:focus {
    color: rgba(223, 247, 236, 1);
}