132 lines
4.1 KiB
CSS
132 lines
4.1 KiB
CSS
/* ==========================================================================
|
||
全局基础重置（字号降级到 12px）
|
||
========================================================================== */
|
||
|
||
.text-primary { color: var(--mac-text-primary) !important; }
|
||
.text-secondary { color: var(--mac-text-secondary) !important; }
|
||
.text-tertiary { color: var(--mac-text-tertiary) !important; }
|
||
.text-muted { color: var(--mac-text-muted) !important; }
|
||
.text-theme { color: var(--mac-system-theme) !important; }
|
||
.text-success, [class*="text-success"] {
|
||
-webkit-text-fill-color: initial !important;
|
||
color: var(--mac-color-success) !important;
|
||
text-shadow: 0 0 8px rgba(0, 245, 155, 0.25) !important;
|
||
font-weight: 600 !important;
|
||
}
|
||
.text-warning, [class*="text-warning"] {
|
||
-webkit-text-fill-color: initial !important;
|
||
color: var(--mac-color-warning) !important; /* 带有冷白冷金质感的高级警告色 */
|
||
text-shadow: 0 0 8px rgba(255, 223, 122, 0.2) !important;
|
||
font-weight: 600 !important;
|
||
}
|
||
.text-danger, [class*="text-danger"] {
|
||
-webkit-text-fill-color: initial !important;
|
||
color: var(--mac-color-danger) !important; /* 浆果胭脂红，带有一丝高冷的粉紫底蕴 */
|
||
text-shadow: 0 0 8px rgba(255, 107, 139, 0.25) !important;
|
||
font-weight: 600 !important;
|
||
}
|
||
.text-info, [class*="text-info"] {
|
||
-webkit-text-fill-color: initial !important;
|
||
color: var(--mac-color-info) !important; /* 完美蓝紫混合 */
|
||
text-shadow: 0 0 8px rgba(112, 128, 255, 0.25) !important;
|
||
font-weight: 600 !important;
|
||
}
|
||
|
||
.bg-info {background-color: var(--mac-color-info) !important;}
|
||
.bg-warning {background-color: var(--mac-color-warning) !important;}
|
||
.bg-danger {background-color: var(--mac-color-danger) !important;}
|
||
.bg-success {background-color: var(--mac-color-success-deep) !important; }
|
||
|
||
.border-info {border-color: var(--mac-color-info) !important;}
|
||
.border-warning {border-color: var(--mac-color-warning) !important;}
|
||
.border-danger {border-color: var(--mac-color-danger) !important;}
|
||
.border-success {border-color: var(--mac-color-success) !important;}
|
||
|
||
* {
|
||
box-sizing: border-box !important;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
body {
|
||
background-color: var(--mac-bg-main);
|
||
color: var(--mac-text-primary);
|
||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
/* overflow: hidden;*/
|
||
font-size: 12px;
|
||
}
|
||
|
||
.overflow-hide {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* 高标准防御性样式：强制拉高内容区 H1-H3 标题的权重 */
|
||
.mac-stage-content h1,
|
||
h1 {
|
||
font-size: 18px !important;
|
||
font-weight: 500 !important;
|
||
color: var(--mac-text-secondary) !important;
|
||
letter-spacing: -0.1px;
|
||
}
|
||
|
||
.mac-stage-content h2,
|
||
h2 {
|
||
font-size: 15px !important;
|
||
font-weight: 500 !important;
|
||
color: var(--mac-text-secondary) !important;
|
||
}
|
||
|
||
.mac-stage-content h3,
|
||
h3 {
|
||
font-size: 13px !important;
|
||
font-weight: 500 !important;
|
||
color: var(--mac-text-secondary) !important;
|
||
}
|
||
|
||
a {
|
||
color: var(--mac-system-theme) !important;
|
||
background: none !important;
|
||
-webkit-background-clip: initial !important;
|
||
-webkit-text-fill-color: initial !important;
|
||
text-decoration: none;
|
||
/* font-style: italic;*/
|
||
/* text-decoration: underline !important;*/
|
||
display: inline-block;
|
||
filter: brightness(1.1);
|
||
/* font-weight: 600;*/
|
||
transition: filter 0.15s ease;
|
||
gap: 4px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
a:hover {
|
||
filter: brightness(1.3) drop-shadow(0 0 4px rgba(168, 85, 247, 0.3));
|
||
}
|
||
|
||
code,
|
||
pre {
|
||
font-family: "SF Mono", Menlo, Monaco, monospace;
|
||
font-size: 11px;
|
||
}
|
||
|
||
/* ==========================================================================
|
||
辅助原子类
|
||
========================================================================== */
|
||
.flex-align-center { display: flex; align-items: center; }
|
||
.flex-1 { flex: 1; }
|
||
.gap4 { gap: 4px; }
|
||
.gap6 { gap: 6px; }
|
||
.gap8 { gap: 8px; }
|
||
.flex-justify-center {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.flex-center {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|