增加手机自适应

This commit is contained in:
dekun
2026-05-25 08:21:59 +08:00
parent 5d011d2e73
commit 85477f8dac
4 changed files with 159 additions and 11 deletions
+103 -5
View File
@@ -1647,12 +1647,60 @@ body.matrix-theme {
}
.matrix-rain-canvas {
opacity: 0.3;
display: none !important;
}
.matrix-scanlines,
.matrix-noise {
opacity: 0.45;
.matrix-noise,
.matrix-aurora {
display: none !important;
}
.matrix-vignette {
opacity: 0.35;
background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.55) 100%);
}
.matrix-hero-radar,
.matrix-radar-header {
display: none !important;
}
.matrix-panel-chrome::before,
.matrix-hud-block::after,
.matrix-card::before {
display: none !important;
}
.matrix-glitch-c,
.matrix-glitch-m {
display: none !important;
}
.matrix-glitch-base {
text-shadow: 0 0 12px rgba(0, 255, 213, 0.35);
}
.matrix-hud-dot {
animation: none !important;
}
.matrix-tagline-glow,
.matrix-btn-pulse,
.matrix-chip-magenta,
.matrix-card::before,
.matrix-panel-chrome::before,
.matrix-hud-block::after,
.matrix-hero-radar-sweep,
.matrix-radar-h-sweep,
.matrix-bar {
animation: none !important;
}
.matrix-chrome,
.matrix-main,
.matrix-panel {
transform: translateZ(0);
}
.matrix-table {
@@ -1670,16 +1718,66 @@ body.matrix-theme {
}
}
/* 手机轻量模式(head 内联脚本提前打标 + 触控设备) */
html.matrix-lite .matrix-rain-canvas,
html.matrix-lite .matrix-scanlines,
html.matrix-lite .matrix-noise,
html.matrix-lite .matrix-aurora {
display: none !important;
}
html.matrix-lite .matrix-hero-radar,
html.matrix-lite .matrix-radar-header,
html.matrix-lite .matrix-panel-chrome::before,
html.matrix-lite .matrix-hud-block::after,
html.matrix-lite .matrix-card::before,
html.matrix-lite .matrix-glitch-c,
html.matrix-lite .matrix-glitch-m {
display: none !important;
}
html.matrix-lite .matrix-glitch-base {
text-shadow: 0 0 12px rgba(0, 255, 213, 0.35);
}
html.matrix-lite .matrix-hud-dot,
html.matrix-lite .matrix-tagline-glow,
html.matrix-lite .matrix-btn-pulse,
html.matrix-lite .matrix-chip-magenta,
html.matrix-lite .matrix-hero-radar-sweep,
html.matrix-lite .matrix-radar-h-sweep,
html.matrix-lite .matrix-bar,
html.matrix-lite .matrix-glitch-c,
html.matrix-lite .matrix-glitch-m {
animation: none !important;
}
html.matrix-lite body.matrix-theme {
background: #020806;
}
@media (prefers-reduced-motion: reduce) {
.matrix-rain-canvas {
display: none;
display: none !important;
}
.matrix-scanlines,
.matrix-noise,
.matrix-aurora {
display: none !important;
}
.matrix-glitch-c,
.matrix-glitch-m,
.matrix-tagline-glow,
.matrix-btn-pulse,
.matrix-chip-magenta {
.matrix-chip-magenta,
.matrix-hud-dot,
.matrix-panel-chrome::before,
.matrix-hud-block::after,
.matrix-card::before,
.matrix-hero-radar-sweep,
.matrix-radar-h-sweep {
animation: none !important;
}
}