修改样式
This commit is contained in:
@@ -237,6 +237,10 @@
|
||||
|
||||
/* Balance Grid */
|
||||
.balance-grid {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
@@ -280,6 +284,10 @@
|
||||
|
||||
/* Stats Grid */
|
||||
.stats-grid {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
@@ -383,6 +391,10 @@
|
||||
|
||||
/* Action Grid */
|
||||
.action-grid {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
@@ -451,6 +463,10 @@
|
||||
|
||||
/* Action Section (legacy 2-column card layout) */
|
||||
.action-section {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 20px;
|
||||
@@ -662,6 +678,10 @@
|
||||
}
|
||||
|
||||
.links-grid {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 16px;
|
||||
@@ -773,6 +793,10 @@
|
||||
}
|
||||
|
||||
.team-stats {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
@@ -1134,6 +1158,10 @@
|
||||
|
||||
/* Promo Stats */
|
||||
.promo-stats {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 16px;
|
||||
@@ -1231,6 +1259,10 @@
|
||||
|
||||
/* 3-column stats for tuiguang page */
|
||||
.stats-row {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 16px;
|
||||
@@ -1316,6 +1348,10 @@
|
||||
}
|
||||
|
||||
.promo-info-grid {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
|
||||
gap: 24px;
|
||||
@@ -1363,6 +1399,10 @@
|
||||
|
||||
.promo-flow-list {
|
||||
padding: 24px;
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 14px;
|
||||
@@ -1519,6 +1559,10 @@
|
||||
PROMO CONTENT 2-COLUMN LAYOUT
|
||||
============================ */
|
||||
.promo-content-grid {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 24px;
|
||||
@@ -1921,6 +1965,10 @@
|
||||
|
||||
/* Tuiguang spacing refinement */
|
||||
.promo-content {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
|
||||
gap: 32px;
|
||||
|
||||
Reference in New Issue
Block a user