MediaWiki:Gadget-Spoiler.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* ------------ 全域與夜間模式處理 (Night Mode) --------------- */
html.skin-theme-clientpref-night .text-blocked img { 
    filter: invert(1) hue-rotate(180deg); 
} 

/* ------------ 標準黑幕模式 (Default Blocked) --------------- */
/* 初始狀態：文字透明，背景為黑色 */
.inline-text-blocked { 
    color: transparent !important; 
    background-color: #000000; 
    transition: color 0.25s; 
} 

/* 處理內部連結與子元素 */
.inline-text-blocked *, .inline-text-blocked a { 
    color: transparent !important; 
    background-color: transparent !important; 
    cursor: default !important; 
    text-decoration: none !important; 
    transition: color 0.25s !important; 
} 

/* 選取文字時的顏色 (Selection) */
.inline-text-blocked::selection, .inline-text-blocked *::selection { 
    color: #ffffff !important; 
    background: #404040; 
    background: rgba(0, 0, 0, 0.75); 
} 

/* 觸控設備 (手機) 滑過時顯示文字 */
@media (pointer: coarse) { 
    .inline-text-blocked:hover, .inline-text-blocked *:hover, 
    .inline-text-blocked a:hover, .inline-text-blocked a:active { 
        color: #ffffff !important; 
    } 
} 

/* 非觸控設備 (滑鼠) 獲得焦點時顯示文字 */
@media (pointer: fine), (pointer: none) { 
    .inline-text-blocked:focus { 
        color: #ffffff !important; 
    } 
} 

/* ------------ 強力深色模式 (Hard Dark, hd) --------------- */
/* 特點：背景極深，選取或滑過時顯示特定顏色 */
.inline-text-block-hd { 
    color: transparent !important; 
    background: #333333; 
    background: rgba(0, 0, 0, 0.8);
} 

.inline-text-block-hd a, .inline-text-block-hd .new, .inline-text-block-hd * { 
    color: transparent !important; 
    background: transparent !important;
} 

/* 選取狀態下的文字顏色 (正常/連結/紅連) */
.inline-text-block-hd::selection, .inline-text-block-hd *::selection { color: #ffffff; background: rgba(0, 0, 0, 0.8); } 
.inline-text-block-hd a::selection { color: #88bbff; background: rgba(0, 0, 0, 0.8); } 
.inline-text-block-hd .new::selection { color: #ffbb88; background: rgba(0, 0, 0, 0.8); } 

@media (pointer: coarse), (pointer: none) { 
    .inline-text-block-hd:hover, .inline-text-block-hd:active { color: #ffffff !important; transition: 0.15s linear; } 
    .inline-text-block-hd:hover a, .inline-text-block-hd:active a { color: #88bbff !important; transition: 0.15s linear; } 
    .inline-text-block-hd:hover .new, .inline-text-block-hd:active .new { color: #ffbb88 !important; transition: 0.15s linear; } 
} 

/* ------------ 柔和淺色模式 (Soft Light, sl) --------------- */
/* 特點：無背景色，僅透過文字透明度隱藏 */
.inline-text-block-sl, .inline-text-block-sl a, .inline-text-block-sl .new { 
    color: transparent !important;
} 

.inline-text-block-sl::selection { color: #000000; } 
.inline-text-block-sl a::selection { color: #0033cc; } 
.inline-text-block-sl .new::selection { color: #cc3300; } 

@media (pointer: coarse), (pointer: none) { 
    .inline-text-block-sl:hover, .inline-text-block-sl:active { color: #000000 !important; transition: 0.15s linear; } 
    .inline-text-block-sl:hover a, .inline-text-block-sl:active a { color: #0033cc !important; transition: 0.15s linear; } 
    .inline-text-block-sl:hover .new, .inline-text-block-sl:active .new { color: #cc3300 !important; transition: 0.15s linear; } 
} 

/* ------------ 懸停顯示-深色 (Hover-Display Dark, hsd) --------------- */
.inline-text-block-hsd { 
    color: transparent !important; 
    background: #333333; 
    background: rgba(0, 0, 0, 0.8);
} 

.inline-text-block-hsd a, .inline-text-block-hsd .new { color: transparent; } 

.inline-text-block-hsd:hover, .inline-text-block-hsd:active, .inline-text-block-hsd::selection { 
    color: #ffffff !important; 
    transition: 0.15s linear; 
} 

/* ------------ 懸停顯示-淺色 (Hover-Display Light, hsl) --------------- */
.inline-text-block-hsl, .inline-text-block-hsl a, .inline-text-block-hsl .new { 
    color: transparent !important;
} 

.inline-text-block-hsl:hover, .inline-text-block-hsl:active, .inline-text-block-hsl::selection { 
    color: #000000 !important; 
    transition: 0.15s linear; 
}