wangyifang
/
hsxtxxcykcds2026-backend
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页调整

Browse Source
master
lion 1 month ago
parent 9011a85692
commit 17417f75fe
1 changed files with 42 additions and 18 deletions
Show Stats Download Patch File Download Diff File

60
public/frontend/event-site-en.html
Unescape View File

@ -3947,6 +3947,9 @@
padding-left: 80px !important;
text-align: center !important;
}
.audience-tracks-layout .audience-stage .stage-main {
font-size: clamp(32px, 2.9vw, 44px) !important;
}
.audience-tracks-layout .audience-detail {
justify-content: center;
gap: 34px;
@ -3968,40 +3971,60 @@
border: 0 !important;
border-left: 0 !important;
border-radius: 0 !important;
background: linear-gradient(105deg,#c9f1fc 0%,#cbdff8 48%,#ead8f5 100%) !important;
background-size: 300% 100% !important;
background-position: left center !important;
box-shadow: inset -1px 0 rgba(66,126,174,.16),inset 0 1px rgba(255,255,255,.72) !important;
background:
radial-gradient(circle at 16% 14%,rgba(138,232,255,.48),transparent 38%),
radial-gradient(circle at 88% 86%,rgba(204,64,218,.10),transparent 42%),
linear-gradient(145deg,#07a0d8 0%,#078fc9 52%,#1568b0 100%) !important;
box-shadow: inset -1px 0 rgba(255,255,255,.16),inset 0 1px rgba(255,255,255,.12) !important;
}
.audience-tracks-layout .audience-type:nth-child(2) {
background-position: center center !important;
background:
radial-gradient(circle at 12% 12%,rgba(138,232,255,.32),transparent 34%),
radial-gradient(circle at 92% 90%,rgba(204,64,218,.18),transparent 38%),
linear-gradient(145deg,#078fc9 0%,#1455a5 58%,#3d3d96 100%) !important;
}
.audience-tracks-layout .audience-type:nth-child(3) {
background-position: right center !important;
box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
background:
radial-gradient(circle at 18% 16%,rgba(138,232,255,.20),transparent 36%),
radial-gradient(circle at 86% 86%,rgba(204,64,218,.30),transparent 42%),
linear-gradient(145deg,#1568b0 0%,#3d3d96 52%,#4b2f8d 100%) !important;
box-shadow: inset 0 1px rgba(255,255,255,.12) !important;
}
.audience-tracks-layout .audience-type strong {
color: #152d50 !important;
font-size: 18px !important;
color: #fff !important;
font-size: 20px !important;
}
.audience-tracks-layout .audience-type > span {
margin-top: 12px;
color: rgba(36,81,126,.55) !important;
font-size: 10px;
color: rgba(186,236,255,.78) !important;
font-size: 12px !important;
font-weight: 700;
line-height: 1;
letter-spacing: .14em;
}
.audience-tracks-layout .audience-type:hover {
background: linear-gradient(105deg,#c9f1fc 0%,#cbdff8 48%,#ead8f5 100%) !important;
background-size: 300% 100% !important;
filter: saturate(1.08) brightness(1.02);
box-shadow: 0 17px 34px rgba(63,75,161,.18),inset 0 1px rgba(255,255,255,.8) !important;
filter: saturate(1.06) brightness(1.05);
box-shadow: 0 17px 34px rgba(19,79,143,.22),inset 0 1px rgba(255,255,255,.18) !important;
transform: none !important;
}
.audience-tracks-layout .audience-type:nth-child(1):hover { background-position: left center !important; }
.audience-tracks-layout .audience-type:nth-child(2):hover { background-position: center center !important; }
.audience-tracks-layout .audience-type:nth-child(3):hover { background-position: right center !important; }
.audience-tracks-layout .audience-type:nth-child(1):hover {
background:
radial-gradient(circle at 16% 14%,rgba(138,232,255,.48),transparent 38%),
radial-gradient(circle at 88% 86%,rgba(204,64,218,.10),transparent 42%),
linear-gradient(145deg,#07a0d8 0%,#078fc9 52%,#1568b0 100%) !important;
}
.audience-tracks-layout .audience-type:nth-child(2):hover {
background:
radial-gradient(circle at 12% 12%,rgba(138,232,255,.32),transparent 34%),
radial-gradient(circle at 92% 90%,rgba(204,64,218,.18),transparent 38%),
linear-gradient(145deg,#078fc9 0%,#1455a5 58%,#3d3d96 100%) !important;
}
.audience-tracks-layout .audience-type:nth-child(3):hover {
background:
radial-gradient(circle at 18% 16%,rgba(138,232,255,.20),transparent 36%),
radial-gradient(circle at 86% 86%,rgba(204,64,218,.30),transparent 42%),
linear-gradient(145deg,#1568b0 0%,#3d3d96 52%,#4b2f8d 100%) !important;
}
.audience-tracks-layout .audience-detail > p {
position: relative;
order: 2;
@ -4030,6 +4053,7 @@
@media (max-width: 680px) {
.audience-tracks-layout .audience-card { border-radius: 20px !important; }
.audience-tracks-layout .audience-focus { padding-right: 44px !important; padding-left: 44px !important; }
.audience-tracks-layout .audience-stage .stage-main { font-size: clamp(28px, 8vw, 36px) !important; }
.audience-tracks-layout .audience-detail { gap: 22px; }
.audience-tracks-layout .audience-types { grid-template-columns: 1fr !important; gap: 0 !important; }
.audience-tracks-layout .audience-type,

Write Preview
Loading…
Cancel
Save