MediaWiki:Kuranoka.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* ==========================================
   Kuranoka · 世界の彼方
   Blockland Wiki · Modern Aero UI OS26.2

   保留全站 Citizen 的玻璃设计
   只定制背景、正文、标题文字
   ========================================== */


/* ==========================================
   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;

    /* 仅使页面基础表面透明 */
    --color-surface-0: transparent;
}


/* ==========================================
   2. 页面外层透明
   不修改 Citizen 的布局尺寸
   ========================================== */

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


/* ==========================================
   3. 正文玻璃参数
   ========================================== */

body.page-Kuranoka {

    /* 白天：白色玻璃
       夜晚：深灰玻璃
       自动匹配网站的主题 */

    --kk-body-glass: light-dark(
        rgba(255, 255, 255, 0.5),
        rgba(38, 39, 42, 0.5)
    );

    /* 模糊程度 */
    --kk-body-blur: 4px;

    /* 边框 */
    --kk-body-border: var(--bl-border);

}


/* ==========================================
   4. 正文毛玻璃
   只作用于 #bodyContent
   ========================================== */

body.page-Kuranoka #bodyContent.citizen-body {

    box-sizing: border-box;
    min-width: 0;

    background: var(--kk-body-glass) !important;

    backdrop-filter:
        blur(var(--kk-body-blur)) !important;

    -webkit-backdrop-filter:
        blur(var(--kk-body-blur)) !important;

    border:
        1px solid var(--kk-body-border) !important;

    border-radius: 12px;

    box-shadow:
        0 6px 24px
        var(--bl-shadow-color-sm);

    padding: 20px;

}


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

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


/* ==========================================
   6. 页面标题：白色文字
   不修改标题栏背景
   ========================================== */

body.page-Kuranoka #firstHeading,
body.page-Kuranoka #firstHeading span {
    color: #ffffff !important;
}

/* 标题下方的小字 */
body.page-Kuranoka #siteSub {
    color: rgba(255, 255, 255, 0.85) !important;
}


/* ==========================================
   7. 目录：不修改外观
   仅隐藏内部滚动条
   ========================================== */

/* Firefox */

body.page-Kuranoka #citizen-toc {
    scrollbar-width: none !important;
}

/* Chrome、Edge、Safari */

body.page-Kuranoka
#citizen-toc::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}


/* ==========================================
   8. 移动端
   ========================================== */

@media screen and (max-width: 768px) {

    body.page-Kuranoka {
        background-attachment: scroll !important;
        background-position: center top !important;
    }

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

}


/* ==========================================
   9. 系统减少动态效果
   ========================================== */

@media (prefers-reduced-motion: reduce) {

    body.page-Kuranoka {
        background-attachment: scroll !important;
    }

}