|
|
| 第1行： |
第1行： |
| /* 首页整体 */
| |
| .home {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| padding: 1.5em 1em;
| |
| }
| |
|
| |
|
| .home-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 1.5em;
| |
| }
| |
|
| |
| @media (max-width: 900px) {
| |
| .home-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
|
| |
| /* 区块 */
| |
| .home-section {
| |
| background: var(--background-color-neutral-subtle, #f8f9fa);
| |
| border-radius: 8px;
| |
| padding: 1em 1.2em;
| |
| }
| |
|
| |
| .section-title {
| |
| font-size: 1.25em;
| |
| margin-bottom: 0.8em;
| |
| }
| |
|
| |
| /* 最新页面 */
| |
| .latest-item {
| |
| padding: 0.4em 0;
| |
| border-bottom: 1px solid #e0e0e0;
| |
| }
| |
|
| |
| .latest-item:last-child {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| /* 典范条目 */
| |
| .featured-item {
| |
| padding: 0.5em 0;
| |
| }
| |
|
| |
| .featured-title {
| |
| font-weight: 600;
| |
| }
| |
|
| |
| /* 底部链接 */
| |
| .section-footer {
| |
| margin-top: 0.8em;
| |
| font-size: 0.9em;
| |
| text-align: right;
| |
| }
| |
|
| |
| /* 最新页面列表 */
| |
| .latest-list {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 0.3em;
| |
| }
| |
|
| |
| .latest-item {
| |
| padding: 0.4em 0.2em;
| |
| }
| |
|
| |
| .latest-link {
| |
| text-decoration: none;
| |
| color: inherit;
| |
| }
| |
|
| |
| .latest-link:hover {
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .featured-summary {
| |
| margin-top: 0.3em;
| |
| font-size: 0.95em;
| |
| line-height: 1.5;
| |
| color: #555;
| |
| }
| |
