MediaWiki:Kuranoka.css：修订间差异

2026年10月20日 (二) 00:13的版本

/* ==========================================
   Kuranoka · 世界の彼方
   Citizen Minimal Glass Theme
   ========================================== */

/* ===== 1. 页面背景 ===== */

body.skin-citizen.page-Kuranoka {
    background-color: #313b76 !important;

    background-image: url(
        "https://i.postimg.cc/VL43HCvj/72af46ed-af75-4059-b45d-1123d712f39b.png"
    ) !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* ===== 2. 仅透明化必要的外层 ===== */

body.skin-citizen.page-Kuranoka
.citizen-page-container,

body.skin-citizen.page-Kuranoka
.citizen-body-container {
    background: transparent !important;
}

/* ===== 3. 正文独立毛玻璃 ===== */

body.skin-citizen.page-Kuranoka
#bodyContent.citizen-body {
    box-sizing: border-box;
    min-width: 0;

    background: rgba(245, 247, 255, 0.38) !important;

    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;

    box-shadow:
        0 6px 24px rgba(20, 30, 70, 0.08);

    padding: 20px;
}

/* ===== 4. 深色模式：深蓝玻璃 ===== */

html.skin-theme-clientpref-night
body.page-Kuranoka
#bodyContent.citizen-body {
    background: rgba(23, 30, 65, 0.38) !important;

    border-color: rgba(220, 230, 255, 0.12);
}

/* ===== 5. 正文内部透明 ===== */

body.page-Kuranoka #mw-content-text,
body.page-Kuranoka .mw-parser-output {
    background: transparent !important;
}

/* ===== 6. 隐藏目录滚动条 ===== */

/* Firefox */
body.page-Kuranoka .citizen-toc,
body.page-Kuranoka .citizen-toc__contents,
body.page-Kuranoka #citizen-toc {
    scrollbar-width: none !important;
}

/* Chrome / Edge / Safari */
body.page-Kuranoka .citizen-toc::-webkit-scrollbar,
body.page-Kuranoka .citizen-toc__contents::-webkit-scrollbar,
body.page-Kuranoka #citizen-toc::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* ===== 7. 移动端 ===== */

@media (max-width: 768px) {
    body.page-Kuranoka {
        background-attachment: scroll !important;
    }

    body.page-Kuranoka #bodyContent.citizen-body {
        padding: 12px;
        border-radius: 8px;
    }
}