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 · Summer Sky Theme
   =================================== */

body.skin-citizen {
    background-image:
        linear-gradient(
            rgba(120, 190, 255, 0.08),
            rgba(255, 255, 255, 0.12)
        ),
        url("https://cdn1.img.sputniknews.africa/img/07ea/07/0d/1087483031_0:280:720:1000_1920x0_80_0_0_302832f87e59c3361442f67d8f657b97.jpg") !important;

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

/* Citizen 页面表面透明化 */
body.skin-citizen {
    --color-surface-0: transparent;
}

/* 正文区域：白色毛玻璃 */
body.skin-citizen .mw-body {
    background: rgba(255, 255, 255, 0.62) !important;

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

    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 16px;

    box-shadow:
        0 8px 32px rgba(55, 120, 190, 0.12);
}

/* 顶部导航 */
body.skin-citizen .citizen-header {
    background: rgba(255, 255, 255, 0.48) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* 仅在窄屏幕关闭固定背景 */
@media (max-width: 768px) {
    body.skin-citizen {
        background-attachment: scroll !important;
    }
}