fxdyz
This commit is contained in:
+16
-18
@@ -11,20 +11,18 @@ body {
|
||||
}
|
||||
|
||||
body.jx3-template {
|
||||
min-width: calc(var(--jx3-page-width) + 94px);
|
||||
padding: 20px;
|
||||
min-width: calc(var(--jx3-page-width) + 64px);
|
||||
padding: 12px;
|
||||
color: var(--jx3-text);
|
||||
font-family: var(--jx3-font);
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
font-size: var(--jx3-font-size);
|
||||
line-height: 1.65;
|
||||
background-color: var(--jx3-bg);
|
||||
background-image:
|
||||
radial-gradient(circle at 50% -10%, rgba(67, 111, 150, 0.34), transparent 38%),
|
||||
linear-gradient(180deg, rgba(4, 17, 29, 0.18), rgba(4, 17, 29, 0.72)),
|
||||
url("{{ icons.img.get('bg', '') }}");
|
||||
background-repeat: no-repeat, no-repeat, repeat;
|
||||
background-size: 100% 560px, 100% 100%, 540px 316px;
|
||||
background-blend-mode: screen, normal, multiply;
|
||||
radial-gradient(circle at 50% -10%, rgba(190, 145, 63, 0.18), transparent 40%),
|
||||
linear-gradient(180deg, #f8fafb 0, var(--jx3-bg) 520px);
|
||||
background-repeat: no-repeat, no-repeat;
|
||||
background-size: 100% 560px, 100% 100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
@@ -32,13 +30,13 @@ body.jx3-template {
|
||||
.jx3-frame {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 40px);
|
||||
padding: 26px;
|
||||
min-height: calc(100vh - 24px);
|
||||
padding: 18px;
|
||||
border: 1px solid var(--jx3-border-strong);
|
||||
background: rgba(4, 17, 29, 0.2);
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
box-shadow:
|
||||
inset 0 0 0 3px rgba(4, 17, 29, 0.9),
|
||||
inset 0 0 0 4px rgba(203, 160, 78, 0.2),
|
||||
inset 0 0 0 3px rgba(255, 255, 255, 0.9),
|
||||
inset 0 0 0 4px rgba(126, 83, 27, 0.18),
|
||||
var(--jx3-shadow-md);
|
||||
}
|
||||
|
||||
@@ -74,7 +72,7 @@ body.jx3-template {
|
||||
.data-header,
|
||||
.collection-section
|
||||
) {
|
||||
width: var(--jx3-page-width);
|
||||
width: min(100%, calc(var(--jx3-page-width) + 240px));
|
||||
max-width: none;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
@@ -88,12 +86,12 @@ body.jx3-template {
|
||||
.jx3-template h1 {
|
||||
margin: 0 0 var(--jx3-space-6);
|
||||
color: var(--jx3-text);
|
||||
font-size: 34px;
|
||||
font-size: 42px;
|
||||
line-height: 1.25;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.06em;
|
||||
text-align: center;
|
||||
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.32);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.jx3-template h2,
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
) {
|
||||
color: var(--jx3-text);
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
background: linear-gradient(180deg, rgba(17, 52, 81, 0.96), rgba(9, 35, 57, 0.96));
|
||||
background: linear-gradient(180deg, var(--jx3-surface), var(--jx3-surface-strong));
|
||||
border-radius: var(--jx3-radius-md);
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
@@ -43,7 +43,7 @@
|
||||
) {
|
||||
color: var(--jx3-text-secondary);
|
||||
border-color: var(--jx3-border-faint);
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface-soft);
|
||||
}
|
||||
|
||||
.jx3-template :where(.header, .page-header, .top-info, .info-bar) {
|
||||
@@ -74,11 +74,11 @@
|
||||
}
|
||||
|
||||
.jx3-template .rank-2 {
|
||||
color: #c8d2dc;
|
||||
color: #506578;
|
||||
}
|
||||
|
||||
.jx3-template .rank-3 {
|
||||
color: #c88a62;
|
||||
color: #9a542e;
|
||||
}
|
||||
|
||||
.jx3-template :where(.winrate, .success, .unfinished, .status-unfinished) {
|
||||
@@ -95,8 +95,8 @@
|
||||
|
||||
.jx3-template :where(.progress, .map-progress) {
|
||||
overflow: hidden;
|
||||
background: rgba(135, 157, 178, 0.2);
|
||||
border: 1px solid rgba(135, 157, 178, 0.16);
|
||||
background: #dce4e9;
|
||||
border: 1px solid rgba(39, 57, 73, 0.13);
|
||||
}
|
||||
|
||||
.jx3-template :where(.progress-fill, .map-progress > span) {
|
||||
@@ -105,12 +105,12 @@
|
||||
|
||||
.jx3-template :where(.avatar, .force-icon, .school-icon, .item-icon, .material-icon, .main-icon) {
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
background: rgba(7, 26, 43, 0.6);
|
||||
background: var(--jx3-surface-muted);
|
||||
}
|
||||
|
||||
.jx3-template :where(.tag, .category-tag, .channel-tag, .status-badge, .quality-badge, .material-tag) {
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
background: rgba(225, 183, 102, 0.1);
|
||||
background: #fff4dc;
|
||||
color: var(--jx3-gold-bright);
|
||||
}
|
||||
|
||||
@@ -169,13 +169,13 @@
|
||||
|
||||
.jx3-template .command {
|
||||
color: var(--jx3-text-secondary);
|
||||
background: rgba(114, 169, 213, 0.1);
|
||||
background: #eaf3fa;
|
||||
}
|
||||
|
||||
.jx3-template .command:hover {
|
||||
color: var(--jx3-gold-bright);
|
||||
border-color: var(--jx3-border-soft);
|
||||
background: rgba(225, 183, 102, 0.1);
|
||||
background: #fff4dc;
|
||||
}
|
||||
|
||||
.jx3-template :where(.stat-label, .price-box-label, .material-price-label, .store-price-label, .point-label) {
|
||||
@@ -189,7 +189,7 @@
|
||||
.jx3-template .data-page__meta {
|
||||
margin-bottom: var(--jx3-space-6);
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -199,7 +199,7 @@
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
border-radius: var(--jx3-radius-md);
|
||||
background: rgba(7, 26, 43, 0.76);
|
||||
background: var(--jx3-surface);
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
|
||||
@@ -210,7 +210,7 @@
|
||||
border-collapse: collapse;
|
||||
border-radius: var(--jx3-radius-md);
|
||||
color: var(--jx3-text-secondary);
|
||||
background: rgba(7, 26, 43, 0.64);
|
||||
background: var(--jx3-surface);
|
||||
border-color: var(--jx3-border-soft);
|
||||
text-align: center;
|
||||
box-shadow: none;
|
||||
@@ -218,7 +218,7 @@
|
||||
|
||||
.jx3-template thead {
|
||||
color: var(--jx3-gold-bright);
|
||||
background: #102f4a;
|
||||
background: var(--jx3-surface-muted);
|
||||
border-top: 1px solid var(--jx3-border-strong);
|
||||
border-bottom: 1px solid var(--jx3-border-strong);
|
||||
}
|
||||
@@ -227,7 +227,7 @@
|
||||
padding: 13px 14px;
|
||||
color: inherit;
|
||||
border-color: var(--jx3-border-faint);
|
||||
font-size: 15px;
|
||||
font-size: 19px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -247,11 +247,11 @@
|
||||
}
|
||||
|
||||
.jx3-template tbody tr:nth-child(even) {
|
||||
background: rgba(31, 74, 107, 0.18);
|
||||
background: #f3f6f8;
|
||||
}
|
||||
|
||||
.jx3-template tbody tr:hover {
|
||||
background: rgba(225, 183, 102, 0.09);
|
||||
background: #fff4df;
|
||||
}
|
||||
|
||||
.jx3-template tbody tr:last-child td {
|
||||
@@ -325,11 +325,11 @@
|
||||
}
|
||||
|
||||
.jx3-template .data-cell--rank.rank-2 {
|
||||
color: #c8d2dc;
|
||||
color: #506578;
|
||||
}
|
||||
|
||||
.jx3-template .data-cell--rank.rank-3 {
|
||||
color: #c88a62;
|
||||
color: #9a542e;
|
||||
}
|
||||
|
||||
.jx3-template .icon-label {
|
||||
@@ -350,7 +350,7 @@
|
||||
border-radius: 50%;
|
||||
object-fit: contain;
|
||||
flex: 0 0 auto;
|
||||
background: rgba(7, 26, 43, 0.6);
|
||||
background: var(--jx3-surface-muted);
|
||||
}
|
||||
|
||||
.jx3-template .data-table tr.camp-haoqi {
|
||||
@@ -362,11 +362,11 @@
|
||||
}
|
||||
|
||||
.jx3-template .data-table--camp-tinted tr.camp-haoqi {
|
||||
background: rgba(114, 169, 213, 0.1);
|
||||
background: #eaf3fa;
|
||||
}
|
||||
|
||||
.jx3-template .data-table--camp-tinted tr.camp-eren {
|
||||
background: rgba(213, 106, 99, 0.1);
|
||||
background: #fcedeb;
|
||||
}
|
||||
|
||||
.jx3-template .data-table--camp-tinted tr.camp-haoqi .data-cell--name,
|
||||
@@ -394,7 +394,7 @@
|
||||
gap: 10px;
|
||||
margin: 0 0 var(--jx3-space-3);
|
||||
color: var(--jx3-gold-bright);
|
||||
font-size: 24px;
|
||||
font-size: 28px;
|
||||
line-height: 1.3;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -426,7 +426,7 @@
|
||||
padding: 18px 14px;
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: var(--jx3-radius-md);
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface);
|
||||
text-align: center;
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
@@ -434,12 +434,12 @@
|
||||
.jx3-template .stat-card__label {
|
||||
margin-bottom: var(--jx3-space-2);
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.jx3-template .stat-card__value {
|
||||
color: var(--jx3-gold-bright);
|
||||
font-size: 30px;
|
||||
font-size: 34px;
|
||||
line-height: 1;
|
||||
font-weight: 800;
|
||||
font-variant-numeric: tabular-nums;
|
||||
@@ -455,7 +455,7 @@
|
||||
padding: 14px;
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: var(--jx3-radius-md);
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface);
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
|
||||
@@ -465,7 +465,7 @@
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
background: rgba(7, 26, 43, 0.6);
|
||||
background: var(--jx3-surface-muted);
|
||||
}
|
||||
|
||||
.jx3-template .ability-card__head {
|
||||
@@ -478,7 +478,7 @@
|
||||
|
||||
.jx3-template .ability-card__name {
|
||||
color: var(--jx3-text);
|
||||
font-size: 18px;
|
||||
font-size: 21px;
|
||||
line-height: 1.25;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -488,8 +488,8 @@
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
border-radius: 999px;
|
||||
color: var(--jx3-gold-bright);
|
||||
background: rgba(225, 183, 102, 0.1);
|
||||
font-size: 13px;
|
||||
background: #fff4dc;
|
||||
font-size: 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@@ -501,7 +501,7 @@
|
||||
|
||||
.jx3-template .ability-card__desc {
|
||||
color: var(--jx3-text-secondary);
|
||||
font-size: 15px;
|
||||
font-size: 19px;
|
||||
line-height: 1.55;
|
||||
word-break: break-word;
|
||||
}
|
||||
@@ -515,7 +515,7 @@
|
||||
|
||||
.jx3-template .collection-heading {
|
||||
margin-bottom: var(--jx3-space-4);
|
||||
font-size: 32px;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.jx3-template .collection-card {
|
||||
@@ -527,7 +527,7 @@
|
||||
justify-content: center;
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: var(--jx3-radius-md);
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface);
|
||||
text-align: center;
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
@@ -543,13 +543,13 @@
|
||||
.jx3-template .collection-card__name {
|
||||
margin-bottom: 4px;
|
||||
color: var(--jx3-text);
|
||||
font-size: 22px;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.jx3-template .collection-card__meta {
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.jx3-template .collection-empty {
|
||||
@@ -557,7 +557,7 @@
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: var(--jx3-radius-md);
|
||||
color: var(--jx3-text-muted);
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface);
|
||||
}
|
||||
|
||||
.jx3-template .data-header {
|
||||
@@ -567,20 +567,20 @@
|
||||
.jx3-template .data-header__title {
|
||||
margin-bottom: var(--jx3-space-2);
|
||||
color: var(--jx3-text);
|
||||
font-size: 34px;
|
||||
font-size: 38px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.jx3-template .data-header__meta {
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.jx3-template .server-status-card {
|
||||
padding: 30px 12px;
|
||||
border-radius: var(--jx3-radius-md);
|
||||
color: #fff;
|
||||
font-size: 28px;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -612,7 +612,7 @@
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: var(--jx3-radius-lg);
|
||||
background: rgba(13, 41, 66, 0.9);
|
||||
background: var(--jx3-surface);
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
|
||||
@@ -621,7 +621,7 @@
|
||||
height: 220px;
|
||||
padding: 16px;
|
||||
object-fit: contain;
|
||||
background: rgba(7, 26, 43, 0.72);
|
||||
background: var(--jx3-surface-muted);
|
||||
}
|
||||
|
||||
.jx3-template .object-card__content {
|
||||
@@ -632,7 +632,7 @@
|
||||
|
||||
.jx3-template .object-card__title {
|
||||
margin-bottom: 6px;
|
||||
font-size: 26px;
|
||||
font-size: 30px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@@ -645,7 +645,7 @@
|
||||
.jx3-template .object-card__meta {
|
||||
margin-bottom: 14px;
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 15px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.jx3-template .object-card__meta span {
|
||||
@@ -657,8 +657,8 @@
|
||||
padding: 10px 14px;
|
||||
border-left: 4px solid var(--jx3-gold);
|
||||
color: var(--jx3-text-secondary);
|
||||
background: rgba(114, 169, 213, 0.08);
|
||||
font-size: 14px;
|
||||
background: #edf5fa;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.jx3-template .object-stats {
|
||||
@@ -671,26 +671,26 @@
|
||||
padding: 10px;
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: var(--jx3-radius-md);
|
||||
background: rgba(7, 26, 43, 0.58);
|
||||
background: var(--jx3-surface-soft);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jx3-template .object-stat__label {
|
||||
margin-bottom: 6px;
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 13px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.jx3-template .object-stat__value {
|
||||
color: var(--jx3-text);
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.jx3-template .object-card__footer {
|
||||
margin-top: 12px;
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
}
|
||||
/* @endcomponent */
|
||||
|
||||
@@ -698,7 +698,7 @@
|
||||
.jx3-template .data-subtitle {
|
||||
margin: 40px 0 12px;
|
||||
color: var(--jx3-gold-bright);
|
||||
font-size: 26px;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
@@ -11,13 +11,13 @@
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: var(--jx3-text-secondary);
|
||||
}
|
||||
|
||||
.boss-final {
|
||||
font-size: 22px;
|
||||
font-size: 24px;
|
||||
font-weight: 800;
|
||||
color: #d63031;
|
||||
}
|
||||
@@ -47,7 +47,7 @@
|
||||
|
||||
.index {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
color: var(--jx3-text);
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
@@ -55,13 +55,13 @@
|
||||
.boss {
|
||||
color: #d63031;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.buff {
|
||||
color: var(--jx3-blue);
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
line-height: 1.5em;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
.page-title {
|
||||
margin: 0 0 10px;
|
||||
font-size: 40px;
|
||||
font-size: 44px;
|
||||
line-height: 1.3;
|
||||
font-weight: 800;
|
||||
color: #222;
|
||||
@@ -18,7 +18,7 @@
|
||||
.page-subtitle {
|
||||
margin: 0;
|
||||
color: #777;
|
||||
font-size: 19px;
|
||||
font-size: 21px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
@@ -84,7 +84,7 @@
|
||||
|
||||
.main-name {
|
||||
margin: 0;
|
||||
font-size: 36px;
|
||||
font-size: 40px;
|
||||
line-height: 1.35;
|
||||
font-weight: 800;
|
||||
color: #222;
|
||||
@@ -97,7 +97,7 @@
|
||||
justify-content: center;
|
||||
padding: 7px 16px;
|
||||
border-radius: 999px;
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -113,7 +113,7 @@
|
||||
margin-bottom: 9px;
|
||||
padding-left: 22px;
|
||||
color: var(--jx3-text-secondary);
|
||||
font-size: 19px;
|
||||
font-size: 21px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
@@ -149,12 +149,12 @@
|
||||
.stat-label {
|
||||
margin-bottom: 8px;
|
||||
color: #777;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
color: #333;
|
||||
font-size: 22px;
|
||||
font-size: 25px;
|
||||
line-height: 1.4;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -184,7 +184,7 @@
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 25px;
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@@ -200,7 +200,7 @@
|
||||
|
||||
.summary-count {
|
||||
color: #888;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -220,12 +220,12 @@
|
||||
.price-box-label {
|
||||
margin-bottom: 10px;
|
||||
color: #777;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.price-box-value {
|
||||
color: #333;
|
||||
font-size: 21px;
|
||||
font-size: 24px;
|
||||
font-weight: 800;
|
||||
line-height: 1.55;
|
||||
}
|
||||
@@ -241,7 +241,7 @@
|
||||
gap: 12px 22px;
|
||||
margin-top: 18px;
|
||||
color: #777;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
@@ -259,12 +259,12 @@
|
||||
|
||||
.subtotal-label {
|
||||
color: #555;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subtotal-value {
|
||||
color: #2e8b57;
|
||||
font-size: 23px;
|
||||
font-size: 26px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@@ -296,7 +296,7 @@
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -318,14 +318,14 @@
|
||||
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 31px;
|
||||
font-size: 35px;
|
||||
font-weight: 800;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.section-desc {
|
||||
color: #777;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -379,7 +379,7 @@
|
||||
|
||||
.material-name {
|
||||
margin: 0 0 10px;
|
||||
font-size: 26px;
|
||||
font-size: 30px;
|
||||
line-height: 1.35;
|
||||
font-weight: 800;
|
||||
color: #222;
|
||||
@@ -400,7 +400,7 @@
|
||||
border-radius: 999px;
|
||||
color: #666;
|
||||
background: #f0f0f3;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
line-height: 1.3;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -453,12 +453,12 @@
|
||||
.quantity-label {
|
||||
margin-bottom: 4px;
|
||||
color: #888;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.quantity-value {
|
||||
color: #333;
|
||||
font-size: 29px;
|
||||
font-size: 33px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@@ -482,12 +482,12 @@
|
||||
.material-price-label {
|
||||
margin-bottom: 8px;
|
||||
color: #777;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.material-price-value {
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 1.55;
|
||||
}
|
||||
@@ -506,12 +506,12 @@
|
||||
|
||||
.material-total-label {
|
||||
color: #555;
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.material-total-value {
|
||||
color: #d93939;
|
||||
font-size: 21px;
|
||||
font-size: 24px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@@ -522,7 +522,7 @@
|
||||
gap: 10px 18px;
|
||||
margin-top: 15px;
|
||||
color: #888;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -546,12 +546,12 @@
|
||||
.store-price-label {
|
||||
margin-bottom: 9px;
|
||||
color: #777;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.store-price-value {
|
||||
color: #2e8b57;
|
||||
font-size: 22px;
|
||||
font-size: 25px;
|
||||
font-weight: 800;
|
||||
line-height: 1.55;
|
||||
}
|
||||
@@ -566,5 +566,5 @@
|
||||
border: 2px dashed #ccc;
|
||||
border-radius: 16px;
|
||||
color: #888;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
@@ -46,20 +46,20 @@
|
||||
|
||||
.header-label {
|
||||
margin-bottom: 9px;
|
||||
color: #98a7d9;
|
||||
font-size: 14px;
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.role-name {
|
||||
margin: 0;
|
||||
color: #ffffff;
|
||||
font-size: 34px;
|
||||
color: var(--jx3-text);
|
||||
font-size: 42px;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
letter-spacing: 1px;
|
||||
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.header-line {
|
||||
@@ -136,8 +136,8 @@
|
||||
|
||||
.achievement-name {
|
||||
margin: 0 0 8px 0;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
color: var(--jx3-text);
|
||||
font-size: 25px;
|
||||
font-weight: 750;
|
||||
line-height: 1.45;
|
||||
word-break: break-word;
|
||||
@@ -156,15 +156,15 @@
|
||||
padding: 4px 10px;
|
||||
border: 1px solid rgba(114, 139, 230, 0.24);
|
||||
border-radius: 999px;
|
||||
color: #b9c6ed;
|
||||
background: rgba(92, 115, 192, 0.11);
|
||||
font-size: 12px;
|
||||
color: #345a85;
|
||||
background: #eaf1fa;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.category-tag.detail {
|
||||
color: #d1bbf4;
|
||||
color: #694297;
|
||||
border-color: rgba(168, 114, 230, 0.24);
|
||||
background: rgba(156, 92, 203, 0.1);
|
||||
}
|
||||
@@ -184,19 +184,19 @@
|
||||
min-width: 72px;
|
||||
padding: 6px 11px;
|
||||
border-radius: 999px;
|
||||
font-size: 12px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.status-finished {
|
||||
color: #7ff0c9;
|
||||
color: #176541;
|
||||
border: 1px solid rgba(71, 219, 166, 0.28);
|
||||
background: rgba(53, 190, 143, 0.12);
|
||||
}
|
||||
|
||||
.status-unfinished {
|
||||
color: #ffbcbd;
|
||||
color: #9b2f2f;
|
||||
border: 1px solid rgba(255, 116, 116, 0.25);
|
||||
background: rgba(218, 75, 75, 0.11);
|
||||
}
|
||||
@@ -205,8 +205,8 @@
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
color: #f4c969;
|
||||
font-size: 12px;
|
||||
color: var(--jx3-gold-bright);
|
||||
font-size: 18px;
|
||||
font-weight: 650;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -218,8 +218,8 @@
|
||||
.description {
|
||||
min-height: 46px;
|
||||
margin: 0 0 18px 0;
|
||||
color: #aab5d1;
|
||||
font-size: 14px;
|
||||
color: var(--jx3-text-secondary);
|
||||
font-size: 19px;
|
||||
line-height: 1.75;
|
||||
word-break: break-word;
|
||||
}
|
||||
@@ -234,8 +234,8 @@
|
||||
}
|
||||
|
||||
.point-label {
|
||||
color: #76819e;
|
||||
font-size: 13px;
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.point-value {
|
||||
@@ -247,12 +247,12 @@
|
||||
}
|
||||
|
||||
.point-number {
|
||||
font-size: 22px;
|
||||
font-size: 25px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.point-unit {
|
||||
font-size: 12px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -261,8 +261,8 @@
|
||||
padding: 60px 20px;
|
||||
border: 1px dashed rgba(135, 153, 207, 0.24);
|
||||
border-radius: 16px;
|
||||
color: #8d98b6;
|
||||
background: rgba(27, 34, 55, 0.75);
|
||||
color: var(--jx3-text-muted);
|
||||
background: var(--jx3-surface);
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
color: var(--jx3-text-secondary);
|
||||
}
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
|
||||
.map-name {
|
||||
color: var(--jx3-text);
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -38,7 +38,7 @@
|
||||
.map-progress {
|
||||
margin-top: 7px;
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 13px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -71,9 +71,9 @@
|
||||
* 奖励已经获取，显示灰色
|
||||
*/
|
||||
.boss-item.finished {
|
||||
color: #d5e0e9;
|
||||
background: #24384b;
|
||||
border: 1px solid #60788f;
|
||||
color: #3f5263;
|
||||
background: #e5eaee;
|
||||
border: 1px solid #8696a4;
|
||||
}
|
||||
|
||||
.boss-item.finished:hover {
|
||||
@@ -85,8 +85,8 @@
|
||||
* 奖励尚未获取，显示绿色
|
||||
*/
|
||||
.boss-item.unfinished {
|
||||
color: #c8f3dc;
|
||||
background: #183f34;
|
||||
color: #165b3b;
|
||||
background: #e1f2e9;
|
||||
border: 1px solid #438d68;
|
||||
}
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 8px;
|
||||
font-size: 11px;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
opacity: 0.65;
|
||||
}
|
||||
@@ -106,7 +106,7 @@
|
||||
.boss-name {
|
||||
padding-right: 18px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
font-size: 19px;
|
||||
font-weight: 700;
|
||||
line-height: 1.4;
|
||||
text-overflow: ellipsis;
|
||||
@@ -119,7 +119,7 @@
|
||||
justify-content: center;
|
||||
gap: 5px;
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -130,25 +130,25 @@
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
font-size: 11px;
|
||||
font-size: 17px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.boss-item.finished .status-icon {
|
||||
color: #e7eef4;
|
||||
background: rgba(192, 211, 226, 0.16);
|
||||
color: #304352;
|
||||
background: #d2dbe2;
|
||||
}
|
||||
|
||||
.boss-item.unfinished .status-icon {
|
||||
color: #d7f8e6;
|
||||
background: rgba(98, 188, 146, 0.18);
|
||||
color: #155b3a;
|
||||
background: #c8e7d7;
|
||||
}
|
||||
|
||||
.empty-data {
|
||||
padding: 50px 20px;
|
||||
color: var(--jx3-text-muted);
|
||||
text-align: center;
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface);
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
||||
|
||||
@@ -2,12 +2,10 @@
|
||||
position: relative;
|
||||
padding: 22px;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(224, 200, 141, 0.72);
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
border-radius: 20px;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 24%),
|
||||
rgba(8, 27, 49, 0.92);
|
||||
box-shadow: inset 0 0 32px rgba(126, 161, 216, 0.06);
|
||||
background: linear-gradient(135deg, #ffffff, #f5f8fa);
|
||||
box-shadow: var(--jx3-shadow-sm);
|
||||
}
|
||||
|
||||
.help-header {
|
||||
@@ -19,19 +17,19 @@
|
||||
}
|
||||
|
||||
.top-name {
|
||||
color: #fff0c8;
|
||||
font-size: 24px;
|
||||
color: var(--jx3-gold-bright);
|
||||
font-size: 32px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
|
||||
.top-summary {
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.top-desc {
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
line-height: 1.75;
|
||||
text-align: right;
|
||||
}
|
||||
@@ -61,7 +59,7 @@
|
||||
padding: 11px 15px;
|
||||
border-bottom: 1px solid rgba(220, 199, 145, 0.3);
|
||||
background: linear-gradient(90deg, rgba(198, 165, 93, 0.24), rgba(105, 138, 194, 0.08));
|
||||
font-size: 19px;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
@@ -89,7 +87,7 @@
|
||||
|
||||
.feature-name {
|
||||
padding-top: 3px;
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
font-weight: 700;
|
||||
}
|
||||
@@ -106,7 +104,7 @@
|
||||
padding: 3px 7px;
|
||||
border: 1px solid rgba(157, 184, 228, 0.22);
|
||||
border-radius: 5px;
|
||||
font-size: 12px;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
word-break: break-all;
|
||||
}
|
||||
@@ -142,8 +140,8 @@
|
||||
}
|
||||
|
||||
.section--danger .section-title {
|
||||
color: #ffd6d3;
|
||||
background: linear-gradient(90deg, rgba(176, 65, 65, 0.3), rgba(105, 138, 194, 0.06));
|
||||
color: #872d29;
|
||||
background: linear-gradient(90deg, #f9dfdc, #f9f3ee);
|
||||
}
|
||||
|
||||
.section--success {
|
||||
@@ -151,19 +149,19 @@
|
||||
}
|
||||
|
||||
.section--success .section-title {
|
||||
color: #d8ffeb;
|
||||
background: linear-gradient(90deg, rgba(39, 148, 103, 0.28), rgba(105, 138, 194, 0.06));
|
||||
color: #176541;
|
||||
background: linear-gradient(90deg, #dff2e8, #f3f7f4);
|
||||
}
|
||||
|
||||
.help-footer {
|
||||
margin-top: 17px;
|
||||
padding: 13px 16px 2px;
|
||||
border-top: 1px solid rgba(216, 195, 140, 0.24);
|
||||
font-size: 13px;
|
||||
font-size: 18px;
|
||||
line-height: 1.8;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.help-footer strong {
|
||||
color: #e6d4a4;
|
||||
color: var(--jx3-gold-bright);
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
margin-top: 10px;
|
||||
font-size: 15px;
|
||||
font-size: 19px;
|
||||
color: var(--jx3-text-muted);
|
||||
}
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
height: 34px;
|
||||
border-radius: 6px;
|
||||
flex: 0 0 auto;
|
||||
background: rgba(7, 26, 43, 0.6);
|
||||
background: var(--jx3-surface-muted);
|
||||
}
|
||||
|
||||
.item-name {
|
||||
@@ -56,6 +56,6 @@
|
||||
|
||||
.time {
|
||||
color: var(--jx3-text-muted);
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
min-width: 58px;
|
||||
padding: 5px 10px;
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -63,5 +63,5 @@
|
||||
.empty-row td {
|
||||
padding: 50px 20px;
|
||||
color: #8a8fa3;
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
/* 表头 */
|
||||
.week {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--jx3-text-secondary);
|
||||
}
|
||||
@@ -24,17 +24,18 @@
|
||||
|
||||
/* 状态样式 */
|
||||
.card.past {
|
||||
background: rgba(71, 91, 108, 0.72);
|
||||
color: var(--jx3-text-secondary);
|
||||
background: #e2e7eb;
|
||||
color: #4d5d6b;
|
||||
}
|
||||
|
||||
.card.today {
|
||||
background: rgba(53, 113, 165, 0.9);
|
||||
color: var(--jx3-text);
|
||||
background: #d9ebf8;
|
||||
color: #123e60;
|
||||
border: 2px solid #397aab;
|
||||
}
|
||||
|
||||
.card.future {
|
||||
background: rgba(13, 41, 66, 0.82);
|
||||
background: var(--jx3-surface);
|
||||
color: var(--jx3-text);
|
||||
border: 1px solid var(--jx3-border-faint);
|
||||
}
|
||||
@@ -46,6 +47,6 @@
|
||||
}
|
||||
|
||||
.line {
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
@@ -88,7 +88,7 @@ body.jx3-template--shapan {
|
||||
width: 1em;
|
||||
color: #fffcd0;
|
||||
font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
|
||||
font-size: 15px;
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
@@ -99,7 +99,7 @@ body.jx3-template--shapan {
|
||||
width: 110px;
|
||||
color: #fffcd0;
|
||||
font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
|
||||
font-size: 14px;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.goods-desc {
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
line-height: 1.8;
|
||||
color: var(--jx3-text-secondary);
|
||||
margin: 0 0 10px;
|
||||
@@ -20,7 +20,7 @@
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px 40px;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
color: var(--jx3-text-muted);
|
||||
}
|
||||
@@ -43,7 +43,7 @@
|
||||
}
|
||||
|
||||
.table-title {
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
@@ -75,7 +75,7 @@
|
||||
}
|
||||
|
||||
.table-card.notice thead {
|
||||
background: rgba(63, 111, 153, 0.78);
|
||||
background: #dcebf6;
|
||||
}
|
||||
|
||||
/* ===== 万宝楼在售（绿色） ===== */
|
||||
@@ -86,7 +86,7 @@
|
||||
}
|
||||
|
||||
.table-card.sale thead {
|
||||
background: rgba(43, 111, 82, 0.78);
|
||||
background: #dcefe5;
|
||||
}
|
||||
|
||||
/* ===== 查询区服（紫色） ===== */
|
||||
@@ -97,5 +97,5 @@
|
||||
}
|
||||
|
||||
.table-card.query thead {
|
||||
background: rgba(90, 67, 126, 0.8);
|
||||
background: #e9e0f3;
|
||||
}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
.time {
|
||||
width: 70px;
|
||||
text-align: center;
|
||||
font-size: 26px;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #2563eb;
|
||||
flex-shrink: 0;
|
||||
@@ -32,19 +32,19 @@
|
||||
}
|
||||
|
||||
.stage {
|
||||
font-size: 22px;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.meta {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
color: #666;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
color: var(--jx3-text-secondary);
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -58,7 +58,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--jx3-blue);
|
||||
}
|
||||
|
||||
@@ -9,13 +9,13 @@
|
||||
}
|
||||
|
||||
.role-name {
|
||||
font-size: 40px;
|
||||
font-size: 44px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sub-info {
|
||||
margin-top: 6px;
|
||||
font-size: 22px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
/* ===== 头像 + 核心数据 ===== */
|
||||
@@ -57,12 +57,12 @@
|
||||
}
|
||||
|
||||
.stat-title {
|
||||
font-size: 26px;
|
||||
font-size: 30px;
|
||||
color: var(--jx3-text-muted);
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 36px;
|
||||
font-size: 40px;
|
||||
margin-top: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -89,6 +89,6 @@
|
||||
}
|
||||
|
||||
.time-col {
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
color: #565d70;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
.meta {
|
||||
margin-top: 12px;
|
||||
color: #7a7f99;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
@@ -46,13 +46,13 @@
|
||||
}
|
||||
|
||||
.summary-name {
|
||||
font-size: 24px;
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.summary-percent {
|
||||
font-size: 34px;
|
||||
font-size: 38px;
|
||||
line-height: 1;
|
||||
font-weight: 900;
|
||||
color: #d93939;
|
||||
@@ -62,7 +62,7 @@
|
||||
.score {
|
||||
margin-top: 8px;
|
||||
color: #656d80;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
@@ -96,7 +96,7 @@
|
||||
|
||||
.item-name {
|
||||
min-width: 0;
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
font-weight: 800;
|
||||
color: #303543;
|
||||
word-break: break-word;
|
||||
@@ -104,12 +104,12 @@
|
||||
|
||||
.item-percent {
|
||||
color: #d93939;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 900;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.item .score {
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
*/
|
||||
.rank-col {
|
||||
color: #d93939;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -38,7 +38,7 @@
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
color: var(--jx3-text);
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -68,7 +68,7 @@
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
color: var(--jx3-text);
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
color: var(--jx3-text-secondary);
|
||||
font-size: 17px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -89,7 +89,7 @@
|
||||
padding-left: 6px;
|
||||
padding-right: 10px;
|
||||
color: #d93939;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
|
||||
+25
-23
@@ -1,27 +1,27 @@
|
||||
:root {
|
||||
--jx3-bg-deep: #04111d;
|
||||
--jx3-bg: #071a2b;
|
||||
--jx3-bg-raised: #0a2238;
|
||||
--jx3-surface: #0d2942;
|
||||
--jx3-surface-strong: #113451;
|
||||
--jx3-surface-soft: #173d5d;
|
||||
--jx3-surface-muted: #1b4567;
|
||||
--jx3-border: #9a7432;
|
||||
--jx3-border-strong: #c09647;
|
||||
--jx3-border-soft: rgba(203, 160, 78, 0.36);
|
||||
--jx3-border-faint: rgba(141, 175, 207, 0.18);
|
||||
--jx3-gold: #e1b766;
|
||||
--jx3-gold-bright: #f2cf82;
|
||||
--jx3-gold-muted: #b89655;
|
||||
--jx3-text: #f5f0e6;
|
||||
--jx3-text-secondary: #c4d2df;
|
||||
--jx3-text-muted: #879db2;
|
||||
--jx3-blue: #72a9d5;
|
||||
--jx3-green: #62bc92;
|
||||
--jx3-red: #d56a63;
|
||||
--jx3-purple: #a98bd2;
|
||||
--jx3-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.18);
|
||||
--jx3-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.24);
|
||||
--jx3-bg-deep: #dfe6eb;
|
||||
--jx3-bg: #edf2f5;
|
||||
--jx3-bg-raised: #f7f9fa;
|
||||
--jx3-surface: #ffffff;
|
||||
--jx3-surface-strong: #f8fafb;
|
||||
--jx3-surface-soft: #f1f5f7;
|
||||
--jx3-surface-muted: #e8eef2;
|
||||
--jx3-border: #9a6a25;
|
||||
--jx3-border-strong: #7e531b;
|
||||
--jx3-border-soft: rgba(126, 83, 27, 0.34);
|
||||
--jx3-border-faint: rgba(39, 57, 73, 0.16);
|
||||
--jx3-gold: #9a640f;
|
||||
--jx3-gold-bright: #704505;
|
||||
--jx3-gold-muted: #c8973e;
|
||||
--jx3-text: #17212b;
|
||||
--jx3-text-secondary: #304254;
|
||||
--jx3-text-muted: #596a79;
|
||||
--jx3-blue: #185f99;
|
||||
--jx3-green: #20754d;
|
||||
--jx3-red: #b23832;
|
||||
--jx3-purple: #694297;
|
||||
--jx3-shadow-sm: 0 4px 14px rgba(34, 48, 61, 0.09);
|
||||
--jx3-shadow-md: 0 12px 30px rgba(34, 48, 61, 0.13);
|
||||
--jx3-radius-sm: 6px;
|
||||
--jx3-radius-md: 10px;
|
||||
--jx3-radius-lg: 14px;
|
||||
@@ -33,6 +33,8 @@
|
||||
--jx3-space-6: 24px;
|
||||
--jx3-space-8: 32px;
|
||||
--jx3-page-width: 1200px;
|
||||
--jx3-font-size: 20px;
|
||||
--jx3-font-size-small: 18px;
|
||||
--jx3-font: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user