11
This commit is contained in:
@@ -61,14 +61,16 @@
|
||||
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.main-icon img {
|
||||
.main-icon img,
|
||||
.material-icon img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.main-info {
|
||||
.main-info,
|
||||
.material-info {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -100,31 +102,6 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.quality-1 {
|
||||
color: #555;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.quality-2 {
|
||||
color: #237a3b;
|
||||
background: #e5f6e9;
|
||||
}
|
||||
|
||||
.quality-3 {
|
||||
color: #1e6bd6;
|
||||
background: #e7f0fd;
|
||||
}
|
||||
|
||||
.quality-4 {
|
||||
color: #7c3fc2;
|
||||
background: #f0e7fb;
|
||||
}
|
||||
|
||||
.quality-5 {
|
||||
color: #c76b00;
|
||||
background: #fff0d9;
|
||||
}
|
||||
|
||||
.tip-list {
|
||||
margin: 0 0 22px;
|
||||
padding: 0;
|
||||
@@ -211,11 +188,13 @@
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.summary-title.market {
|
||||
.summary-title.market,
|
||||
.price-box.highest .price-box-value {
|
||||
color: #d93939;
|
||||
}
|
||||
|
||||
.summary-title.cost {
|
||||
.summary-title.cost,
|
||||
.price-box.lowest .price-box-value {
|
||||
color: #2e8b57;
|
||||
}
|
||||
|
||||
@@ -251,18 +230,10 @@
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.price-box.lowest .price-box-value {
|
||||
color: #2e8b57;
|
||||
}
|
||||
|
||||
.price-box.average .price-box-value {
|
||||
color: #d98b16;
|
||||
}
|
||||
|
||||
.price-box.highest .price-box-value {
|
||||
color: #d93939;
|
||||
}
|
||||
|
||||
.summary-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -406,17 +377,6 @@
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.material-icon img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.material-info {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.material-name {
|
||||
margin: 0 0 10px;
|
||||
font-size: 26px;
|
||||
@@ -455,26 +415,31 @@
|
||||
background: #e7f5ed;
|
||||
}
|
||||
|
||||
.quality-1,
|
||||
.tag-quality-1 {
|
||||
color: #555;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.quality-2,
|
||||
.tag-quality-2 {
|
||||
color: #237a3b;
|
||||
background: #e5f6e9;
|
||||
}
|
||||
|
||||
.quality-3,
|
||||
.tag-quality-3 {
|
||||
color: #1e6bd6;
|
||||
background: #e7f0fd;
|
||||
}
|
||||
|
||||
.quality-4,
|
||||
.tag-quality-4 {
|
||||
color: #7c3fc2;
|
||||
background: #f0e7fb;
|
||||
}
|
||||
|
||||
.quality-5,
|
||||
.tag-quality-5 {
|
||||
color: #c76b00;
|
||||
background: #fff0d9;
|
||||
|
||||
@@ -1,10 +1,4 @@
|
||||
.description {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f8c;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.legend {
|
||||
.legend {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -32,22 +26,6 @@
|
||||
|
||||
.legend-color.unfinished {
|
||||
background: var(--jx3-green);
|
||||
}table {
|
||||
table-layout: fixed;
|
||||
margin-top: 10px;
|
||||
text-align: left;
|
||||
}th,
|
||||
td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.map-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.map-name {
|
||||
@@ -67,6 +45,7 @@
|
||||
.boss-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@@ -137,6 +116,7 @@
|
||||
.boss-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 5px;
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
|
||||
@@ -52,7 +52,8 @@
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.section.span-3 {
|
||||
.section.span-3,
|
||||
.full-row {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
@@ -132,10 +133,6 @@
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.full-row {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.push-section .section-body {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
@@ -1,11 +1,5 @@
|
||||
.header {
|
||||
color: var(--jx3-text);
|
||||
background: linear-gradient(180deg, rgba(17, 52, 81, 0.96), rgba(9, 35, 57, 0.96));
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
border-radius: 8px;
|
||||
padding: 22px 26px;
|
||||
margin-bottom: 16px;
|
||||
box-shadow: 0 6px 18px rgba(35, 38, 47, 0.06);
|
||||
}
|
||||
|
||||
.meta {
|
||||
@@ -16,47 +10,6 @@
|
||||
color: var(--jx3-text-muted);
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
background: rgba(7, 26, 43, 0.76);
|
||||
border: 1px solid var(--jx3-border-soft);
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6px 18px rgba(35, 38, 47, 0.06);
|
||||
}table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
th {
|
||||
padding: 14px 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
th:nth-child(2),
|
||||
th:nth-child(3),
|
||||
th:nth-child(4),
|
||||
td:nth-child(2),
|
||||
td:nth-child(3),
|
||||
td:nth-child(4) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 14px 16px;
|
||||
border-bottom: 1px solid var(--jx3-border-faint);
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.item-icon {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
|
||||
@@ -1,40 +1,11 @@
|
||||
.meta {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f99;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}table {
|
||||
margin-top: 10px;
|
||||
table-layout: fixed;
|
||||
text-align: left;
|
||||
}th,
|
||||
td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 角色列 */
|
||||
.role-col {
|
||||
width: 16%;
|
||||
.role-col {
|
||||
color: var(--jx3-text);
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* 频道列 */
|
||||
.channel-col {
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 消息列 */
|
||||
.message-col {
|
||||
width: 56%;
|
||||
color: var(--jx3-text-secondary);
|
||||
font-weight: 600;
|
||||
line-height: 1.65;
|
||||
@@ -44,9 +15,7 @@
|
||||
|
||||
/* 时间列 */
|
||||
.time-col {
|
||||
width: 18%;
|
||||
color: #757b8f;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@@ -95,5 +64,4 @@
|
||||
padding: 50px 20px;
|
||||
color: #8a8fa3;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
.market-table-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 20px;
|
||||
@@ -50,23 +50,6 @@
|
||||
color: var(--jx3-gold-bright);
|
||||
}
|
||||
|
||||
.table-scroll {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
||||
}table {
|
||||
min-width: 420px;
|
||||
text-align: left;
|
||||
}th,
|
||||
td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.server-col {
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -86,10 +69,7 @@
|
||||
|
||||
/* ===== 万宝楼公示(蓝色) ===== */
|
||||
|
||||
.table-card.notice .table-title {
|
||||
color: var(--jx3-blue);
|
||||
}
|
||||
|
||||
.table-card.notice .table-title,
|
||||
.table-card.notice .price-col {
|
||||
color: var(--jx3-blue);
|
||||
}
|
||||
@@ -100,10 +80,7 @@
|
||||
|
||||
/* ===== 万宝楼在售(绿色) ===== */
|
||||
|
||||
.table-card.sale .table-title {
|
||||
color: var(--jx3-green);
|
||||
}
|
||||
|
||||
.table-card.sale .table-title,
|
||||
.table-card.sale .price-col {
|
||||
color: var(--jx3-green);
|
||||
}
|
||||
@@ -114,10 +91,7 @@
|
||||
|
||||
/* ===== 查询区服(紫色) ===== */
|
||||
|
||||
.table-card.query .table-title {
|
||||
color: var(--jx3-purple);
|
||||
}
|
||||
|
||||
.table-card.query .table-title,
|
||||
.table-card.query .price-col {
|
||||
color: var(--jx3-purple);
|
||||
}
|
||||
|
||||
@@ -1,30 +1,21 @@
|
||||
.panel {
|
||||
width: 1100px;
|
||||
margin: auto;
|
||||
background: #ffffff;
|
||||
border-radius: 12px;
|
||||
padding: 22px;
|
||||
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
/* ===== 头部 ===== */
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
|
||||
.role-name {
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
color: #1f1f1f;
|
||||
}
|
||||
|
||||
.sub-info {
|
||||
margin-top: 6px;
|
||||
font-size: 22px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* ===== 头像 + 核心数据 ===== */
|
||||
@@ -61,8 +52,6 @@
|
||||
|
||||
/* 单个数据块 */
|
||||
.stat-box {
|
||||
background: #f5f6fa;
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -76,50 +65,22 @@
|
||||
font-size: 36px;
|
||||
margin-top: 8px;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.winrate {
|
||||
color: #2fbf71;
|
||||
}
|
||||
|
||||
.mmr {
|
||||
color: #f5a623;
|
||||
}
|
||||
|
||||
/* ===== 表格 ===== */table {
|
||||
margin-top: 20px;
|
||||
font-size: 18px;
|
||||
table-layout: fixed;
|
||||
}th, td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th {
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(odd) {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.win {
|
||||
color: #2fbf71;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lose {
|
||||
color: #e65050;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.win,
|
||||
.mmr-up {
|
||||
color: #2fbf71;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lose,
|
||||
.mmr-down {
|
||||
color: #e65050;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mvp {
|
||||
@@ -128,31 +89,6 @@ tbody tr:nth-child(odd) {
|
||||
}
|
||||
|
||||
.time-col {
|
||||
width: 170px;
|
||||
font-size: 16px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.duration-col {
|
||||
width: 92px;
|
||||
}
|
||||
|
||||
.kungfu-col {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.result-col {
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
.score-col {
|
||||
width: 104px;
|
||||
}
|
||||
|
||||
.grade-col {
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
.mvp-col {
|
||||
width: 58px;
|
||||
}
|
||||
|
||||
@@ -1,8 +1,4 @@
|
||||
.header {
|
||||
background: #ffffff;
|
||||
border-radius: 14px;
|
||||
padding: 22px 26px;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
@@ -37,10 +33,7 @@
|
||||
}
|
||||
|
||||
.summary {
|
||||
background: #ffffff;
|
||||
border-radius: 14px;
|
||||
padding: 22px 26px;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,69 +1,20 @@
|
||||
.meta {
|
||||
margin-bottom: 26px;
|
||||
color: #7a7f99;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}table {
|
||||
table-layout: fixed;
|
||||
}th,
|
||||
td {
|
||||
height: 66px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
th {
|
||||
height: 52px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*
|
||||
* 列宽分配
|
||||
*/
|
||||
.rank-width {
|
||||
width: 8%;
|
||||
}
|
||||
|
||||
.avatar-width {
|
||||
width: 9%;
|
||||
}
|
||||
|
||||
.force-width {
|
||||
width: 19%;
|
||||
}
|
||||
|
||||
.role-width {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.server-width {
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.score-width {
|
||||
width: 16%;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
* 排名列
|
||||
*/
|
||||
.rank-col {
|
||||
color: #d93939;
|
||||
font-size: 18px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*
|
||||
* 头像列
|
||||
*/
|
||||
.avatar-col {
|
||||
.avatar-col,
|
||||
.force-col {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
@@ -79,12 +30,6 @@
|
||||
/*
|
||||
* 职业列
|
||||
*/
|
||||
.force-col {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.force {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -107,7 +52,9 @@
|
||||
background: #eef2f8;
|
||||
}
|
||||
|
||||
.force-name {
|
||||
.force-name,
|
||||
.role-name-col,
|
||||
.server-col {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -123,10 +70,6 @@
|
||||
color: var(--jx3-text);
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -137,10 +80,6 @@
|
||||
padding-right: 8px;
|
||||
color: var(--jx3-text-secondary);
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -152,7 +91,6 @@
|
||||
color: #d93939;
|
||||
font-size: 18px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user