전략평가 MA 참조에러 수정
This commit is contained in:
Macbook
@@ -1149,9 +1149,9 @@
|
||||
height: 26px;
|
||||
padding: 0 10px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid color-mix(in srgb, var(--se-border) 85%, transparent);
|
||||
background: color-mix(in srgb, var(--se-input-bg, #121826) 92%, transparent);
|
||||
color: var(--se-text-muted);
|
||||
border: 1px solid color-mix(in srgb, var(--se-border, var(--border)) 85%, transparent);
|
||||
background: color-mix(in srgb, var(--se-input-bg, var(--input-bg, var(--bg2))) 92%, transparent);
|
||||
color: var(--se-text-muted, var(--text2));
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.02em;
|
||||
@@ -1190,30 +1190,30 @@
|
||||
.seval-interpret-content {
|
||||
font-size: 0.84rem;
|
||||
line-height: 1.65;
|
||||
color: var(--se-text);
|
||||
color: var(--se-text, var(--text));
|
||||
}
|
||||
|
||||
.seval-interpret-intro {
|
||||
margin: 0 0 12px;
|
||||
font-size: 0.78rem;
|
||||
color: var(--se-text-muted);
|
||||
color: var(--se-text-muted, var(--text2));
|
||||
}
|
||||
|
||||
.seval-interpret-overall {
|
||||
margin-bottom: 14px;
|
||||
padding: 10px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--se-border, rgba(255, 255, 255, 0.08));
|
||||
background: color-mix(in srgb, var(--se-input-bg, #121826) 88%, transparent);
|
||||
border: 1px solid var(--se-border, var(--border));
|
||||
background: color-mix(in srgb, var(--se-input-bg, var(--input-bg, var(--bg2))) 88%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-overall--met {
|
||||
border-color: color-mix(in srgb, #3f7ef5 35%, transparent);
|
||||
background: color-mix(in srgb, #3f7ef5 8%, transparent);
|
||||
border-color: color-mix(in srgb, var(--se-accent, #1976d2) 35%, transparent);
|
||||
background: color-mix(in srgb, var(--se-accent, #1976d2) 8%, var(--bg2, #fff));
|
||||
}
|
||||
|
||||
.seval-interpret-overall--unmet {
|
||||
border-color: color-mix(in srgb, var(--se-text-muted) 25%, transparent);
|
||||
border-color: color-mix(in srgb, var(--se-text-muted, var(--text2)) 25%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-overall-badge {
|
||||
@@ -1227,13 +1227,13 @@
|
||||
}
|
||||
|
||||
.seval-interpret-overall--met .seval-interpret-overall-badge {
|
||||
color: #7eb6ff;
|
||||
background: color-mix(in srgb, #3f7ef5 18%, transparent);
|
||||
color: var(--se-accent, #7eb6ff);
|
||||
background: color-mix(in srgb, var(--se-accent, #3f7ef5) 18%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-overall--unmet .seval-interpret-overall-badge {
|
||||
color: var(--se-text-muted);
|
||||
background: color-mix(in srgb, var(--se-text-muted) 12%, transparent);
|
||||
color: var(--se-text-muted, var(--text2));
|
||||
background: color-mix(in srgb, var(--se-text-muted, var(--text2)) 12%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-overall--unknown .seval-interpret-overall-badge {
|
||||
@@ -1248,7 +1248,7 @@
|
||||
|
||||
.seval-interpret-empty {
|
||||
margin: 0;
|
||||
color: var(--se-text-muted);
|
||||
color: var(--se-text-muted, var(--text2));
|
||||
}
|
||||
|
||||
.seval-interpret-list {
|
||||
@@ -1263,16 +1263,16 @@
|
||||
.seval-interpret-item {
|
||||
padding: 10px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--se-border, rgba(255, 255, 255, 0.08));
|
||||
background: color-mix(in srgb, var(--se-input-bg, #121826) 90%, transparent);
|
||||
border: 1px solid var(--se-border, var(--border));
|
||||
background: color-mix(in srgb, var(--se-input-bg, var(--input-bg, var(--bg2))) 90%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-item--match {
|
||||
border-left: 3px solid #3f7ef5;
|
||||
border-left: 3px solid var(--se-accent, #3f7ef5);
|
||||
}
|
||||
|
||||
.seval-interpret-item--nomatch {
|
||||
border-left: 3px solid color-mix(in srgb, var(--se-text-muted) 55%, #ef5350);
|
||||
border-left: 3px solid color-mix(in srgb, var(--se-text-muted, var(--text2)) 55%, var(--se-danger, #ef5350));
|
||||
}
|
||||
|
||||
.seval-interpret-item--unknown {
|
||||
@@ -1296,13 +1296,13 @@
|
||||
}
|
||||
|
||||
.seval-interpret-status--match {
|
||||
color: #7eb6ff;
|
||||
background: color-mix(in srgb, #3f7ef5 16%, transparent);
|
||||
color: var(--se-accent, #7eb6ff);
|
||||
background: color-mix(in srgb, var(--se-accent, #3f7ef5) 16%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-status--nomatch {
|
||||
color: #ff8a80;
|
||||
background: color-mix(in srgb, #ef5350 14%, transparent);
|
||||
color: var(--se-danger, #ff8a80);
|
||||
background: color-mix(in srgb, var(--se-danger, #ef5350) 14%, transparent);
|
||||
}
|
||||
|
||||
.seval-interpret-status--unknown {
|
||||
@@ -1316,21 +1316,93 @@
|
||||
font-weight: 700;
|
||||
line-height: 1.4;
|
||||
word-break: break-word;
|
||||
color: var(--se-text, var(--text));
|
||||
}
|
||||
|
||||
.seval-interpret-reason {
|
||||
margin: 0;
|
||||
font-size: 0.78rem;
|
||||
color: var(--se-text-muted);
|
||||
color: var(--se-text-muted, var(--text2));
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.seval-interpret-footnote {
|
||||
margin: 14px 0 0;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid var(--se-border, rgba(255, 255, 255, 0.08));
|
||||
border-top: 1px solid var(--se-border, var(--border));
|
||||
font-size: 0.72rem;
|
||||
color: var(--se-text-muted);
|
||||
color: var(--se-text-muted, var(--text2));
|
||||
}
|
||||
|
||||
/* body 포털 모달 — 라이트 테마 (html.theme-light · .app.light) */
|
||||
html.theme-light .seval-interpret-overall,
|
||||
.app.light .seval-interpret-overall,
|
||||
html.theme-light .seval-interpret-item,
|
||||
.app.light .seval-interpret-item {
|
||||
background: var(--bg2, #ffffff);
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-overall--met,
|
||||
.app.light .seval-interpret-overall--met {
|
||||
border-color: rgba(25, 118, 210, 0.35);
|
||||
background: rgba(25, 118, 210, 0.06);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-overall--met .seval-interpret-overall-badge,
|
||||
.app.light .seval-interpret-overall--met .seval-interpret-overall-badge {
|
||||
color: #1565c0;
|
||||
background: rgba(25, 118, 210, 0.12);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-overall--unmet .seval-interpret-overall-badge,
|
||||
.app.light .seval-interpret-overall--unmet .seval-interpret-overall-badge {
|
||||
color: #546e7a;
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-status--match,
|
||||
.app.light .seval-interpret-status--match {
|
||||
color: #1565c0;
|
||||
background: rgba(25, 118, 210, 0.12);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-status--nomatch,
|
||||
.app.light .seval-interpret-status--nomatch {
|
||||
color: #c62828;
|
||||
background: rgba(198, 40, 40, 0.1);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-status--unknown,
|
||||
.app.light .seval-interpret-status--unknown,
|
||||
html.theme-light .seval-interpret-overall--unknown .seval-interpret-overall-badge,
|
||||
.app.light .seval-interpret-overall--unknown .seval-interpret-overall-badge {
|
||||
color: #e65100;
|
||||
background: rgba(245, 127, 23, 0.12);
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-item--match,
|
||||
.app.light .seval-interpret-item--match {
|
||||
border-left-color: #1976d2;
|
||||
}
|
||||
|
||||
html.theme-light .seval-interpret-item--nomatch,
|
||||
.app.light .seval-interpret-item--nomatch {
|
||||
border-left-color: #c62828;
|
||||
}
|
||||
|
||||
html.theme-light .seval-analyze-btn,
|
||||
.app.light .seval-analyze-btn {
|
||||
background: var(--bg2, #ffffff);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
color: var(--text2, #757575);
|
||||
}
|
||||
|
||||
html.theme-light .seval-analyze-btn:hover:not(:disabled),
|
||||
.app.light .seval-analyze-btn:hover:not(:disabled) {
|
||||
color: #1565c0;
|
||||
border-color: rgba(25, 118, 210, 0.45);
|
||||
background: rgba(25, 118, 210, 0.08);
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
|
||||
Reference in New Issue
Block a user