styles.css:修订间差异
模板页面
更多操作
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
(未显示同一用户的1个中间版本) | |||
第19行: | 第19行: | ||
/* color:#0d1b3d; */ | /* color:#0d1b3d; */ | ||
} | } | ||
.title { | |||
color: var(--color-base); | |||
} | } | ||
.subtitle{ | .subtitle{ | ||
font-size:20px; | font-size:20px; | ||
margin:.3em 0 1.5em; | margin:.3em 0 1.5em; | ||
color: | color:var(--color-base); | ||
} | } | ||
.divider{ | .divider{ |
2025年6月22日 (日) 15:49的最新版本
/* ===== Banner 样式 ===== */
.main-banner{
display:flex;
align-items:center;
gap:20px;
padding:24px 32px;
border-radius:16px;
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);
}
.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{
width:80%;
margin:12px auto;
}
}