增加手机自适应
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user