模板:WelcomeHeader/styles.css:修订间差异
外观
![]() 棍牧典(留言 | 贡献) (创建页面,内容为“→===== Banner 样式 =====: .main-banner{ display:flex; align-items:center; gap:20px; padding:24px 32px; border-radius:16px; background:linear-gradient(135deg,#eaf1ff 0%, #3e83ff 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; } .banner-right h1{ font-size:38px; font-weight:700; margin:0; } .subtitle{ f…”) |
小 |
||
第6行: | 第6行: | ||
padding:24px 32px; | padding:24px 32px; | ||
border-radius:16px; | border-radius:16px; | ||
background:linear-gradient(135deg,# | background:linear-gradient(135deg,#3e83ff 0%,#eaf1ff 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; |
2025年5月30日 (五) 11:43的版本
/* ===== Banner 样式 ===== */ .main-banner{ display:flex; align-items:center; gap:20px; padding:24px 32px; border-radius:16px; background:linear-gradient(135deg,#3e83ff 0%,#eaf1ff 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; } .banner-right h1{ font-size:38px; font-weight:700; margin:0; } .subtitle{ font-size:20px; margin:.3em 0 1.5em; color:#2f2f2f; } .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; } }