commit
baa8c1a44a
Binary file not shown.
@ -0,0 +1,158 @@
|
||||
/* ======= 全局基础 ======= */
|
||||
body {
|
||||
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
||||
background: #f3f6fa; /* 柔和的浅灰蓝背景 */
|
||||
color: #333;
|
||||
margin: 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* ======= 链接样式 ======= */
|
||||
a {
|
||||
color: #0066cc;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #004b9a;
|
||||
}
|
||||
|
||||
/* ======= 顶部导航 ======= */
|
||||
header {
|
||||
background: linear-gradient(90deg, #0059b3, #0078ff);
|
||||
color: white;
|
||||
padding: 15px 0;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
header .logo {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
display: inline-block;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: white;
|
||||
font-weight: 500;
|
||||
}
|
||||
nav a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ======= 主体布局 ======= */
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 90%;
|
||||
margin: 40px auto;
|
||||
max-width: 1200px;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
/* ======= 文章卡片样式 ======= */
|
||||
.content {
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
|
||||
padding: 20px 25px;
|
||||
margin-bottom: 30px;
|
||||
transition: transform 0.2s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
color: #003d80;
|
||||
}
|
||||
|
||||
.meta {
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background: #0070cc;
|
||||
color: white;
|
||||
padding: 8px 14px;
|
||||
border-radius: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.btn:hover {
|
||||
background: #005da8;
|
||||
}
|
||||
|
||||
/* ======= 侧边栏 ======= */
|
||||
.sidebar {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.widget {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.widget h3 {
|
||||
border-bottom: 2px solid #0070cc;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 15px;
|
||||
color: #004b9a;
|
||||
}
|
||||
|
||||
/* 搜索框 */
|
||||
.search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
.search input {
|
||||
flex: 1;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.search button {
|
||||
background: #0070cc;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 6px 10px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search button:hover {
|
||||
background: #005da8;
|
||||
}
|
||||
|
||||
/* ======= 页脚 ======= */
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 25px 0;
|
||||
background: #e9eef6;
|
||||
color: #666;
|
||||
margin-top: 40px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
After Width: | Height: | Size: 373 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in new issue