/* ========================================================================== ⛏️ TCY Server: Minecraft Pixel-Art Theme (像素世界) Selector prefix: body.minecraft-mode ========================================================================== */ @import url('../assets/libs/fonts/press-start-2p/press-start-2p.css'); /* --- 0. FOUC 防闪烁 --- 早期脚本在阶段就给加了 minecraft-mode class，以下规则确保在 body 渲染的第一帧就显示正确的像素主题配色，避免先闪一下粉白主题再跳转。当 DOMContentLoaded 后 JS 会把 class 也加到，此时 body.minecraft-mode 规则生效，这些 html 级规则自然被覆盖/合并。 ================================================================ */ html.minecraft-mode { background-color: #D5E8C8; color: #2E3B2E; scrollbar-color: #6AAA3C #4A6B35; --mc-dirt: #6B8F4A; --mc-dirt-dark: #4A6B35; --mc-dirt-light: #8BB86B; --mc-stone: #7F7F7F; --mc-stone-dark: #5A5A5A; --mc-stone-light: #A0A0A0; --mc-grass: #6AAA3C; --mc-grass-dark: #4A7A28; --mc-oak: #7CB342; --mc-oak-dark: #558B2F; --mc-diamond: #4AEDD9; --mc-redstone: #C0392B; --mc-gold: #F5C542; --mc-obsidian: #1A1028; --mc-enchant: #9B59B6; --mc-text: #2E3B2E; --mc-text-light: #E8F5E9; --mc-bg: #D5E8C8; --mc-border: #3D5C1E; --mc-border-light: #6B8B4A; --mc-slot-bg: #A5C88E; --mc-slot-hl: #C8E6B0; --mc-font: 'Press Start 2P', 'ZCOOL KuaiLe', monospace; --mc-font-body: 'ZCOOL KuaiLe', 'Press Start 2P', monospace; } html.minecraft-mode body { background-color: #D5E8C8; color: #2E3B2E; font-family: 'ZCOOL KuaiLe', 'Press Start 2P', monospace; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } html.minecraft-mode body::before { background-image: none !important; background-color: #5A8F3C; } html.minecraft-mode ::-webkit-scrollbar-thumb { background: #6AAA3C !important; border-radius: 0 !important; } html.minecraft-mode ::-webkit-scrollbar-track { background: #4A6B35 !important; } html.minecraft-mode .md-typeset a { color: var(--mc-diamond); border-bottom: 1px dashed var(--mc-diamond); text-shadow: 0 0 8px rgba(74, 237, 217, 0.3); font-weight: bold; } html.minecraft-mode .md-typeset a:hover { color: var(--mc-gold); border-bottom-color: var(--mc-gold); text-shadow: 0 0 12px rgba(245, 197, 66, 0.5); background: none; } html.minecraft-mode .md-typeset pre > code { background: #2E3B2E; color: #E8F5E9; border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.12), inset -1px -1px 0 rgba(0,0,0,0.25); font-family: var(--mc-font-body); } html.minecraft-mode .md-typeset code { background: #5A8F3C; color: #fff; border: 1px solid var(--mc-border); } html.minecraft-mode .portal-gate-btn { color: var(--mc-gold) !important; background: var(--mc-grass-dark) !important; border-color: var(--mc-border) !important; border-radius: 0 !important; box-shadow: 3px 3px 0 var(--mc-border) !important; } html.minecraft-mode .portal-gate-btn:hover { color: #fff !important; background: var(--mc-enchant) !important; border-color: var(--mc-gold) !important; } /* --- 1. MC 设计令牌 (Design Tokens) --- */ body.minecraft-mode { --mc-dirt: #6B8F4A; --mc-dirt-dark: #4A6B35; --mc-dirt-light: #8BB86B; --mc-stone: #7F7F7F; --mc-stone-dark: #5A5A5A; --mc-stone-light: #A0A0A0; --mc-grass: #6AAA3C; --mc-grass-dark: #4A7A28; --mc-oak: #7CB342; --mc-oak-dark: #558B2F; --mc-diamond: #4AEDD9; --mc-redstone: #C0392B; --mc-gold: #F5C542; --mc-obsidian: #1A1028; --mc-enchant: #9B59B6; --mc-text: #2E3B2E; --mc-text-light: #E8F5E9; --mc-bg: #D5E8C8; --mc-border: #3D5C1E; --mc-border-light: #6B8B4A; --mc-slot-bg: #A5C88E; --mc-slot-hl: #C8E6B0; --mc-font: 'Press Start 2P', 'ZCOOL KuaiLe', monospace; --mc-font-body: 'ZCOOL KuaiLe', 'Press Start 2P', monospace; --tcy-nav-title-color: #F5C542; --tcy-nav-title-bg: rgba(0, 0, 0, 0.25); --tcy-nav-title-border: rgba(245, 197, 66, 0.4); } /* --- 2. 全局重置：方块化 --- */ body.minecraft-mode, body.minecraft-mode *:not(.tcy-theme-toggle):not(.tcy-horse-btn):not(.typed-cursor) { border-radius: 0 !important; } body.minecraft-mode { image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; background-color: var(--mc-bg); font-family: var(--mc-font-body); color: var(--mc-text); } /* --- 3. 背景：草地纹理 (CSS 生成) --- */ body.minecraft-mode::before { background-image: none !important; background-color: #5A8F3C; background-image: repeating-linear-gradient( 0deg, transparent, transparent 8px, rgba(0,0,0,0.05) 8px, rgba(0,0,0,0.05) 16px ), repeating-linear-gradient( 90deg, transparent, transparent 8px, rgba(255,255,255,0.03) 8px, rgba(255,255,255,0.03) 16px ); background-size: 16px 16px; filter: none; } /* --- 4. 像素滚动条 --- */ body.minecraft-mode ::-webkit-scrollbar { width: 12px; height: 12px; } body.minecraft-mode ::-webkit-scrollbar-track { background: var(--mc-stone-dark); border: 2px solid var(--mc-border); } body.minecraft-mode ::-webkit-scrollbar-thumb { background: var(--mc-stone-light); border: 2px solid var(--mc-border); } body.minecraft-mode ::-webkit-scrollbar-thumb:hover { background: var(--mc-grass); } body.minecraft-mode { scrollbar-color: var(--mc-stone-light) var(--mc-stone-dark); } /* --- 5. 文字选中 --- */ body.minecraft-mode ::selection { background: rgba(74, 237, 217, 0.35); color: #fff; } body.minecraft-mode ::-moz-selection { background: rgba(74, 237, 217, 0.35); color: #fff; } /* --- 6. 导航栏：深色橡木板 --- */ body.minecraft-mode .md-header { background: transparent !important; backdrop-filter: none !important; border-bottom: none !important; box-shadow: none !important; top: var(--tcy-nav-bar-height, 0px); } body.minecraft-mode .tcy-header-brand, body.minecraft-mode .tcy-header-tools { background: linear-gradient(180deg, #3D6B28 0%, #2E5A1E 60%, #1E4A12 100%) !important; border: 2px solid var(--mc-border) !important; border-radius: 8px; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.12), inset -1px -1px 0 rgba(0,0,0,0.35), 3px 3px 0 rgba(0,0,0,0.35) !important; backdrop-filter: none !important; } body.minecraft-mode .tcy-header-tools .md-search__form { background: rgba(0,0,0,0.25); border: 2px solid var(--mc-border); border-radius: 6px; box-shadow: none; } body.minecraft-mode .tcy-print-btn:hover { background: rgba(0,0,0,0.15); } /* --- MC 自定义导航栏覆盖 --- */ body.minecraft-mode .tcy-nav-bar { background: linear-gradient(180deg, #2E5A1E 0%, #1E4A12 100%); border-bottom: 2px solid var(--mc-border); backdrop-filter: none; } body.minecraft-mode .tcy-nav-links a { color: #C8E6B0; font-family: 'ZCOOL KuaiLe', monospace; font-size: 0.78rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); border-radius: 0; } body.minecraft-mode .tcy-nav-bar .tcy-nav-label { color: inherit; } body.minecraft-mode .tcy-nav-bar .tcy-nav-icon { color: #A5C88E; } body.minecraft-mode .tcy-nav-links a:hover { color: #F5C542; background: rgba(0,0,0,0.25); border-color: rgba(245,197,66,0.3); } body.minecraft-mode .tcy-nav-links a:hover .tcy-nav-icon { color: #F5C542; } body.minecraft-mode .tcy-nav-links a.active { color: #F5C542; background: rgba(0,0,0,0.3); border-bottom: 2px solid #F5C542; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } body.minecraft-mode .tcy-nav-links a.active .tcy-nav-icon { color: #F5C542; } body.minecraft-mode .md-header__title, body.minecraft-mode .md-header__button { color: var(--mc-text-light) !important; font-family: var(--mc-font-body); font-size: 0.9rem; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); } body.minecraft-mode .md-sidebar--primary .md-nav__item--nested > .md-nav__link, body.minecraft-mode .md-sidebar--primary .md-nav__title { font-family: var(--mc-font-body); border-radius: 4px; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); } /* 原生 tabs link 样式保留作为降级 (JS未加载时) */ body.minecraft-mode .md-tabs__link { color: var(--mc-oak) !important; font-family: var(--mc-font-body); font-size: 0.82rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); padding: 4px 6px; } body.minecraft-mode .md-tabs__link::after { display: none; } body.minecraft-mode .md-tabs__link:hover, body.minecraft-mode .md-tabs__link--active { color: var(--mc-gold) !important; background: rgba(0,0,0,0.2) !important; } /* --- 7. 内容区域：草地面板 --- */ body.minecraft-mode .md-content__inner { background: linear-gradient(135deg, #E8F5E0 0%, #D5E8C8 100%); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 3px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 #6B8B4A, 4px 4px 0 rgba(0,0,0,0.25); color: var(--mc-text); } body.minecraft-mode .md-content__inner:hover { transform: none; box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark), 4px 4px 0 rgba(0,0,0,0.25); } /* --- 8. 标题：像素字体 --- */ body.minecraft-mode h1, body.minecraft-mode .md-typeset h1 { font-family: var(--mc-font); color: var(--mc-grass); font-size: 1.4em; text-shadow: 2px 2px 0 var(--mc-grass-dark); border-bottom: 2px solid var(--mc-border); text-align: center; letter-spacing: 0.05em; -webkit-text-fill-color: initial; background: none; } body.minecraft-mode .md-typeset h1::after { background: linear-gradient(90deg, transparent, var(--mc-gold), transparent); height: 2px; } body.minecraft-mode h2, body.minecraft-mode h3, body.minecraft-mode h4 { font-family: var(--mc-font-body); color: var(--mc-text); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); } body.minecraft-mode .md-typeset h2 { border-left: 4px solid var(--mc-grass); padding-left: 10px; } /* --- 9. 链接：附魔风格 --- */ body.minecraft-mode .md-typeset a { color: var(--mc-diamond); border-bottom: 1px dashed var(--mc-diamond); text-shadow: 0 0 8px rgba(74, 237, 217, 0.3); font-weight: bold; } body.minecraft-mode .md-typeset a:hover { color: var(--mc-gold); border-bottom-color: var(--mc-gold); text-shadow: 0 0 12px rgba(245, 197, 66, 0.5); background: none; } /* --- 9b. 页面内联青/蓝绿色覆盖（在绿色背景上不可读） --- */ body.minecraft-mode .redirect-btn { background: var(--mc-grass-dark) !important; color: #fff !important; border-color: var(--mc-border) !important; box-shadow: 3px 3px 0 var(--mc-border) !important; } body.minecraft-mode .redirect-btn:hover { color: var(--mc-gold) !important; } body.minecraft-mode .node-table th { background: var(--mc-grass-dark) !important; color: #fff !important; } body.minecraft-mode code.copy-ip { background: var(--mc-slot-bg) !important; color: #fff !important; border-color: var(--mc-border) !important; } body.minecraft-mode code.copy-ip:hover { background: var(--mc-grass-dark) !important; color: var(--mc-gold) !important; } /* 浅色容器内的青色标题 → 深色（容器背景是白/浅灰） */ body.minecraft-mode .ip-banner h1, body.minecraft-mode .ip-banner p { color: #2E3B2E !important; } body.minecraft-mode .core-principle-box h3, body.minecraft-mode .monitor-box h3 { color: #2E3B2E !important; } body.minecraft-mode .monitor-box a[style] { color: #2E3B2E !important; background: var(--mc-slot-hl) !important; } body.minecraft-mode .core-principle-box { border-left-color: var(--mc-grass) !important; } body.minecraft-mode .tools-icon-main, body.minecraft-mode .tool-icon-sm { color: var(--mc-grass-dark) !important; } /* 神秘传送门按钮 — 像素世界主题 */ body.minecraft-mode .portal-gate-btn { color: var(--mc-gold) !important; background: var(--mc-grass-dark) !important; border-color: var(--mc-border) !important; border-radius: 0 !important; box-shadow: 3px 3px 0 var(--mc-border) !important; } body.minecraft-mode .portal-gate-btn:hover { color: #fff !important; background: var(--mc-enchant) !important; border-color: var(--mc-gold) !important; } /* --- 10. 卡片：物品栏格子 --- */ body.minecraft-mode .md-typeset .grid.cards > ul > li { background: var(--mc-slot-bg); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 #4A6B35; backdrop-filter: none !important; } body.minecraft-mode .md-typeset .grid.cards > ul > li:hover { background: var(--mc-slot-hl); border-color: var(--mc-gold); box-shadow: inset 1px 1px 0 #D5E8C8, inset -1px -1px 0 #6B8B4A, 0 0 8px rgba(245, 197, 66, 0.4); transform: none; } /* --- 11. 提示框：树叶风格 --- */ body.minecraft-mode .md-typeset .admonition, body.minecraft-mode .md-typeset details { background: #B5D89A; border: 3px solid var(--mc-border); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25), inset -1px -1px 0 rgba(0,0,0,0.15), 3px 3px 0 rgba(0,0,0,0.2); backdrop-filter: none !important; } body.minecraft-mode .md-typeset .admonition:hover, body.minecraft-mode .md-typeset details:hover { transform: none; } body.minecraft-mode .md-typeset .admonition-title, body.minecraft-mode .md-typeset summary { background: var(--mc-oak-dark); color: #fff !important; font-family: var(--mc-font-body); font-size: 0.9rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); border-bottom: 2px solid var(--mc-border); } /* --- 12. 代码块：苔石风格 --- */ body.minecraft-mode .md-typeset pre > code { background: linear-gradient(135deg, #7A9B6A 0%, #5C8A4A 100%); color: #F0F8E8; border: 3px solid var(--mc-border); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2), inset -1px -1px 0 rgba(0,0,0,0.3); font-family: 'Press Start 2P', 'Fira Code', monospace; font-size: 0.75em; line-height: 2; } body.minecraft-mode .md-typeset code { background: rgba(106, 170, 60, 0.18); color: #2E5A1E; border: 1px solid var(--mc-border-light); font-family: 'Press Start 2P', monospace; font-size: 0.75em; padding: 0.15em 0.4em; } /* --- 13. 表格：合成台风格 --- */ body.minecraft-mode .md-typeset table:not([class]) { border: 3px solid var(--mc-border); box-shadow: 3px 3px 0 rgba(0,0,0,0.2); } body.minecraft-mode .md-typeset table:not([class]) th { background: var(--mc-oak-dark); color: #fff; font-family: var(--mc-font-body); font-size: 0.85rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid var(--mc-border); padding: 10px 12px; } body.minecraft-mode .md-typeset table:not([class]) td { background: var(--mc-slot-bg); border: 1px solid var(--mc-border); color: var(--mc-text); padding: 8px 12px; } body.minecraft-mode .md-typeset table:not([class]) tbody tr:nth-child(even) td { background: var(--mc-stone-light); } body.minecraft-mode .md-typeset table:not([class]) tbody tr:hover td { background: var(--mc-slot-hl); box-shadow: inset 0 0 0 1px var(--mc-gold); } /* --- 14. 侧边栏：物品栏面板 --- */ body.minecraft-mode .md-sidebar--primary .md-nav--primary { background: var(--mc-bg); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark); backdrop-filter: none !important; padding: 8px; } body.minecraft-mode .md-nav__link { color: var(--mc-text) !important; font-family: var(--mc-font-body); font-size: 0.8rem; } body.minecraft-mode .md-nav__link:hover { color: var(--mc-gold) !important; background: rgba(0,0,0,0.1); } body.minecraft-mode .md-nav__link--active { color: var(--mc-grass) !important; background: rgba(106, 170, 60, 0.15); font-weight: bold; border-left: 3px solid var(--mc-grass); } /* --- 15. 底部：深林风格 --- */ body.minecraft-mode .md-copyright { background: linear-gradient(135deg, #2E5A1E 0%, #1E4A12 100%); border: 2px solid var(--mc-border); color: var(--mc-text-light) !important; --md-footer-fg-color: var(--mc-text-light); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(0,0,0,0.3), 3px 3px 0 rgba(0,0,0,0.3); font-family: var(--mc-font-body); font-size: 0.85rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); } body.minecraft-mode .md-copyright a { color: var(--mc-gold) !important; } body.minecraft-mode .md-copyright:hover { transform: none; } /* --- 16. 搜索框 --- */ body.minecraft-mode .md-search__input { background-color: var(--mc-slot-bg) !important; border: 2px solid var(--mc-border); color: var(--mc-text) !important; font-family: var(--mc-font-body); } body.minecraft-mode .md-search__input:focus { border-color: var(--mc-gold); box-shadow: 0 0 0 2px rgba(245, 197, 66, 0.3); } /* --- 17. 返回顶部 --- */ body.minecraft-mode .md-top { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 0.85rem; background: linear-gradient(180deg, var(--mc-slot-bg) 0%, #93b97c 100%) !important; border: 2px solid var(--mc-border) !important; color: var(--mc-text) !important; font-family: var(--mc-font-body); font-size: 0.85rem; text-shadow: none; box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark), 3px 3px 0 rgba(0,0,0,0.28) !important; } body.minecraft-mode .md-top:hover { background: linear-gradient(180deg, var(--mc-slot-hl) 0%, #b6d59d 100%) !important; color: var(--mc-text) !important; transform: none; } /* --- 18. 分割线 --- */ body.minecraft-mode .md-typeset hr { background: repeating-linear-gradient( 90deg, var(--mc-border) 0px, var(--mc-border) 8px, transparent 8px, transparent 12px ); height: 2px; border: none; opacity: 0.6; } /* --- 19. 悬浮目录 --- */ body.minecraft-mode .tcy-fab-toc { background: var(--mc-oak); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2), inset -1px -1px 0 rgba(0,0,0,0.2); } body.minecraft-mode .tcy-toc-panel { background: var(--mc-bg); border: 3px solid var(--mc-border); box-shadow: 4px 4px 0 rgba(0,0,0,0.3); backdrop-filter: none !important; } body.minecraft-mode .tcy-toc-header { color: var(--mc-text); font-family: var(--mc-font-body); font-size: 0.9rem; } body.minecraft-mode .tcy-toc-content a { color: var(--mc-text); } body.minecraft-mode .tcy-toc-content a:hover { background: rgba(106, 170, 60, 0.15); color: var(--mc-grass); border-left-color: var(--mc-grass); } /* --- 20. 首页：导航卡片 --- */ body.minecraft-mode .nav-card { background: var(--mc-slot-bg); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 #4A6B35; backdrop-filter: none !important; color: var(--mc-text); } body.minecraft-mode .nav-card:hover { background: var(--mc-slot-hl); border-color: var(--mc-gold); box-shadow: inset 1px 1px 0 #D5E8C8, inset -1px -1px 0 #6B8B4A, 0 0 8px rgba(245, 197, 66, 0.3); transform: none; } body.minecraft-mode .nav-icon { background: var(--mc-grass); border: 2px solid var(--mc-border); } body.minecraft-mode .nav-icon svg { fill: #fff; } /* --- 21. 首页：地址卡片 --- */ body.minecraft-mode .addr-card { background: var(--mc-slot-bg); border: 2px solid var(--mc-border); backdrop-filter: none !important; } body.minecraft-mode .addr-card::before { display: none; } body.minecraft-mode .addr-card:hover { background: var(--mc-slot-hl); border-color: var(--mc-gold); transform: none; } body.minecraft-mode .home-history-panel, body.minecraft-mode .home-route-note, body.minecraft-mode .home-icon-tile { background: var(--mc-slot-bg); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 #4A6B35; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.minecraft-mode .home-icon-tile:hover, body.minecraft-mode .home-route-note:hover { background: var(--mc-slot-hl); border-color: var(--mc-gold); transform: none; box-shadow: inset 1px 1px 0 #D5E8C8, inset -1px -1px 0 #6B8B4A, 0 0 8px rgba(245, 197, 66, 0.25); } body.minecraft-mode .home-history-item + .home-history-item { border-top-color: rgba(61, 92, 30, 0.35); } body.minecraft-mode .home-history-item strong, body.minecraft-mode .home-route-copy h3 { color: var(--mc-gold); text-shadow: 1px 1px 0 rgba(0,0,0,0.35); } body.minecraft-mode .home-history-item p, body.minecraft-mode .home-route-note-body, body.minecraft-mode .home-route-copy > p { color: var(--mc-text); } body.minecraft-mode .home-route-note summary { color: #fff !important; } body.minecraft-mode .home-route-preview { border: 3px solid var(--mc-border); box-shadow: 3px 3px 0 rgba(0,0,0,0.2); } body.minecraft-mode .home-backup-route { background: #B5D89A; } body.minecraft-mode .home-backup-route h4 { color: var(--mc-gold); text-shadow: 1px 1px 0 rgba(0,0,0,0.35); } body.minecraft-mode .home-backup-route p, body.minecraft-mode .home-backup-route li { color: var(--mc-text); } /* --- 22. 首页：力导向图文字区 --- */ body.minecraft-mode .mindmap-text-side { background: var(--mc-bg); border: 2px solid var(--mc-border); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark); } /* --- 23. 首页：视差标题 --- */ body.minecraft-mode .parallax-header { border: 3px solid var(--mc-border); box-shadow: 4px 4px 0 rgba(0,0,0,0.3); } body.minecraft-mode .parallax-title { font-family: 'ZCOOL KuaiLe', cursive !important; font-size: 2.0rem !important; text-shadow: none !important; letter-spacing: 0.05em; filter: drop-shadow(0 2px 8px rgba(255,255,255,0.4)) drop-shadow(0 1px 2px rgba(0,0,0,0.15)) !important; } body.minecraft-mode .parallax-subtitle { font-family: 'ZCOOL KuaiLe', cursive !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; background: rgba(255,255,255,0.25) !important; border: 2px solid rgba(255,255,255,0.4) !important; color: white !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); } /* --- 24. 首页：特色列表 --- */ body.minecraft-mode .why-feature { background: var(--mc-slot-bg); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 #4A6B35; } body.minecraft-mode .why-feature:hover { background: var(--mc-slot-hl); transform: none; box-shadow: inset 1px 1px 0 #D5E8C8, inset -1px -1px 0 #6B8B4A; } /* --- 25. 自定义光标 --- */ body.minecraft-mode { cursor: crosshair; } body.minecraft-mode a:hover, body.minecraft-mode button:hover { cursor: pointer; } /* --- 26. 主题切换 & 马头按钮 --- */ body.minecraft-mode .tcy-theme-toggle:hover { background: rgba(0,0,0,0.15); } body.minecraft-mode .tcy-horse-btn:hover { background: rgba(0,0,0,0.15); } /* --- 27. 音乐播放器 --- */ body.minecraft-mode .tcy-music-player.minimized { background: var(--mc-slot-bg); border: 3px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark), 4px 4px 0 rgba(0,0,0,0.3); } body.minecraft-mode .tcy-music-player.minimized .tcy-minimize-btn { background: var(--mc-slot-bg); color: var(--mc-text); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark); } body.minecraft-mode .tcy-music-player.minimized .tcy-minimize-btn:hover { background: var(--mc-slot-hl); color: var(--mc-text); transform: none; } body.minecraft-mode .tcy-music-player.minimized.is-playing .tcy-minimize-btn::after { border-color: rgba(74, 122, 40, 0.65); } body.minecraft-mode .tcy-music-player { background: var(--mc-bg); border: 3px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark), 4px 4px 0 rgba(0,0,0,0.3); backdrop-filter: none !important; } body.minecraft-mode .tcy-player-header { color: var(--mc-border); } body.minecraft-mode .tcy-play-btn, body.minecraft-mode .tcy-minimize-btn { background: var(--mc-slot-bg); color: var(--mc-text); border: 2px solid var(--mc-border); box-shadow: inset 1px 1px 0 var(--mc-slot-hl), inset -1px -1px 0 var(--mc-stone-dark); } body.minecraft-mode .tcy-play-btn:hover, body.minecraft-mode .tcy-minimize-btn:hover { background: var(--mc-slot-hl); color: var(--mc-text); box-shadow: inset 1px 1px 0 #D5E8C8, inset -1px -1px 0 #6B8B4A; } body.minecraft-mode .tcy-track-name { color: #3f5635; } body.minecraft-mode #tcy-current-time, body.minecraft-mode #tcy-total-time { color: #4f5f52; } /* --- 28. 视频容器 --- */ body.minecraft-mode .video-wrapper { border: 3px solid var(--mc-border); box-shadow: 3px 3px 0 rgba(0,0,0,0.2); } /* --- 29. 像素方块破碎粒子容器 --- */ body.minecraft-mode .mc-particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9998; } /* --- 30. 首页内联主题切换按钮 --- */ body.minecraft-mode .theme-switch-btn { background: var(--mc-slot-bg); border: 2px solid var(--mc-border); backdrop-filter: none !important; color: var(--mc-text); font-family: var(--mc-font-body); } body.minecraft-mode .theme-switch-btn:hover { background: var(--mc-slot-hl); border-color: var(--mc-gold); transform: none; box-shadow: inset 1px 1px 0 #D5E8C8, inset -1px -1px 0 #6B8B4A; }