:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--text-color:#333;--light-bg:#f5f7fa;--border-color:#ddd}body{font-family:'Microsoft YaHei',Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff;margin:0;padding:0}.container{width:1200px;margin:0 auto;padding:20px}header{background-color:var(--primary-color);color:#fff;padding:20px 0;margin-bottom:20px}h1{margin:0;font-size:2.2em}.subtitle{font-size:1em;opacity:.8;margin-top:5px}.columns-container{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px}.column{border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.column-header{background-color:var(--secondary-color);color:#fff;padding:12px 15px;font-size:1.2em;font-weight:700}.article-list{list-style:none;padding:0;margin:0}.article-item{padding:12px 15px;border-bottom:1px solid var(--border-color)}.article-item:last-child{border-bottom:none}.article-title{font-weight:500;margin-bottom:5px}.article-date{font-size:.85em;color:#666}footer{text-align:center;padding:20px;background-color:var(--light-bg);margin-top:30px;font-size:.9em;color:#666}.link{display:flex;gap:20px;justify-content:flex-start}.link ul,li{display:flex;padding:5px;justify-content:flex-start}@media (max-width:768px){.container{width:95%}.columns-container{grid-template-columns:1fr}}.subnav{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.subnav-item{border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.subnav-header{background-color:var(--secondary-color);color:#fff;padding:12px 15px;font-weight:700}.subnav-list{list-style:none;padding:0;margin:0}.subnav-list li{padding:10px 15px;border-bottom:1px solid var(--border-color)}.subnav-list li:last-child{border-bottom:none}.current-content{margin-bottom:30px}.article-card{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed var(--border-color)}.article-thumb{width:120px;height:80px;background-color:var(--light-bg);margin-right:15px;flex-shrink:0}.article-info{flex:1}.article-title{font-weight:500;margin-bottom:5px}.article-meta{font-size:.85em;color:#666}.pagination{display:flex;justify-content:center;margin-top:30px}.page-item{margin:0 5px}.page-link{display:block;padding:8px 12px;border:1px solid var(--border-color);border-radius:3px;text-decoration:none}.page-link:hover{background-color:var(--light-bg)}.page-link.active{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}@media (max-width:768px){.container{width:95%}.subnav{grid-template-columns:1fr}}.friend-links{width:100%;max-width:1200px;margin:20px auto;padding:15px;background-color:#f5f5f5;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.friend-links h2{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.friend-links-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.friend-links-list li{margin-right:15px;margin-bottom:10px}.friend-links-list a{display:inline-block;padding:5px 10px;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:3px;transition:all .3s ease}.friend-links-list a:hover{color:#fff;background-color:#3498db;border-color:#2980b9}@media (max-width:768px){.friend-links-list li{margin-right:10px}}