查看“︁MediaWiki:Kuranoka.css”︁的源代码


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

/* Kuranoka 正文白色毛玻璃背景 */

body.skin-citizen .citizen-body-container {
    background: rgba(255, 255, 255, 0.88) !important;

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

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

    box-shadow: 0 6px 28px rgba(40, 70, 100, 0.10);
}

/* 深色模式 */
html.skin-theme-clientpref-night body.skin-citizen
.citizen-body-container {
    background: rgba(25, 35, 50, 0.88) !important;
}