Template:WelcomeHeader/styles.css:修订间差异
模板页面
更多操作
| 第8行: | 第8行: | ||
background:linear-gradient(135deg,#3e83ff 0%,var(--color-surface-2) 100%); | background:linear-gradient(135deg,#3e83ff 0%,var(--color-surface-2) 100%); | ||
box-shadow:0 6px 18px rgba(0,0,0,.15); | box-shadow:0 6px 18px rgba(0,0,0,.15); | ||
overflow:hidden; | /*overflow:hidden;*/ | ||
} | } | ||
.banner-left img{ | .banner-left img{ | ||
2026年1月7日 (三) 15:35的版本
/* ===== Banner 样式 ===== */
.main-banner{
display:flex;
align-items:center;
gap:20px;
padding:24px 32px;
border-radius:8.5px;
background:linear-gradient(135deg,#3e83ff 0%,var(--color-surface-2) 100%);
box-shadow:0 6px 18px rgba(0,0,0,.15);
/*overflow:hidden;*/
}
.banner-left img{
max-width:200px;
height:auto;
}
.banner-right{
flex:1;
text-align:right;
/* color:#0d1b3d; */
}
.title {
color: var(--color-base);
font-size:2.2em;
font-weight: bold;
}
.subtitle{
font-size:20px;
margin:.3em 0 1.5em;
color:var(--color-base);
}
.divider{
height:1px;
background:rgba(255,255,255,.6);
margin-bottom:1.2em;
}
.count{
font-size:16px;
margin:0;
}
/* ≤600 px 时纵向布局 */
@media(max-width:600px){
/*.main-banner{
flex-direction:column;
text-align:center;
}
.banner-right{
text-align:center;
}*/
.divider{
display:none;
}
.banner-left img{
max-width:100px;
height:auto;
}
.title {
font-size:30px;
transform: translate(-50%,-15%) rotate(45deg);
}
}