|
|
| 第32行： |
第32行： |
| .mw-editsection a:hover { | | .mw-editsection a:hover { |
| border-bottom: 1px solid var(--color-primary); | | border-bottom: 1px solid var(--color-primary); |
| }
| |
|
| |
| /* 顶栏容器 */
| |
| .custom-main-header {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| padding: 8px 16px;
| |
| background: var(--color-surface-2, rgba(255, 255, 255, 0.7)); /* 适配 Citizens 变量 */
| |
| backdrop-filter: blur(12px); /* 毛玻璃效果 */
| |
| -webkit-backdrop-filter: blur(12px);
| |
| border-radius: 12px;
| |
| border: 1px solid var(--color-border, rgba(0,0,0,0.1));
| |
| margin: 10px 0 20px 0;
| |
| box-shadow: 0 4px 15px rgba(0,0,0,0.05);
| |
| flex-wrap: wrap; /* 移动端自动换行 */
| |
| gap: 10px;
| |
| }
| |
|
| |
| /* 左侧状态点动画 */
| |
| .status-indicator {
| |
| width: 10px;
| |
| height: 10px;
| |
| background-color: #00e676;
| |
| border-radius: 50%;
| |
| margin-right: 8px;
| |
| box-shadow: 0 0 8px #00e676;
| |
| animation: blink 2s infinite;
| |
| }
| |
|
| |
| @keyframes blink {
| |
| 0% { opacity: 1; }
| |
| 50% { opacity: 0.4; }
| |
| 100% { opacity: 1; }
| |
| }
| |
|
| |
| /* 按钮样式 */
| |
| .header-nav-btns {
| |
| display: flex;
| |
| gap: 8px;
| |
| }
| |
|
| |
| .nav-btn {
| |
| padding: 4px 12px;
| |
| background: rgba(0,0,0,0.05);
| |
| border-radius: 8px;
| |
| font-size: 0.9em;
| |
| color: var(--color-base, #333) !important;
| |
| text-decoration: none !important;
| |
| transition: background 0.2s;
| |
| }
| |
|
| |
| .nav-btn:hover {
| |
| background: rgba(0,0,0,0.1);
| |
| }
| |
|
| |
| /* 统计数据样式 */
| |
| .header-right {
| |
| display: flex;
| |
| gap: 15px;
| |
| }
| |
|
| |
| .stat-box {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| min-width: 40px;
| |
| }
| |
|
| |
| .stat-label {
| |
| font-size: 0.75em;
| |
| color: var(--color-base--subtle, #666);
| |
| }
| |
|
| |
| .stat-value {
| |
| font-weight: bold;
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| /* 中间状态栏 */
| |
| .server-status {
| |
| background: rgba(0,0,0,0.03);
| |
| padding: 4px 10px;
| |
| border-radius: 20px;
| |
| font-family: monospace;
| |
| font-weight: bold;
| |
| } | | } |
2026年4月14日 (二) 16:59的最新版本
/* 这里放置的CSS将应用于所有皮肤 */
body {
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
/* 隐藏“来自CitiZons Wiki”字样
#siteSub {
display: none;
}
*/
/* 修改编辑按钮样式 */
/* 平时变淡 */
.mw-editsection {
opacity: 0.3;
transition: opacity 0.3s;
}
h1:hover .mw-editsection,
h2:hover .mw-editsection,
h3:hover .mw-editsection {
opacity: 1;
}
/* 编辑按钮样式微调 */
.mw-editsection a {
color: var(--color-primary) !important;
font-size: 0.8em;
border-bottom: 1px solid transparent;
}
.mw-editsection a:hover {
border-bottom: 1px solid var(--color-primary);
}
