/* GitCC.CMS 默认样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}
a{color:#0066cc;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
header{background:#fff;border-bottom:1px solid #eee;padding:15px 0;position:sticky;top:0;z-index:100}
header .container{display:flex;align-items:center;justify-content:space-between}
header .logo{font-size:24px;font-weight:bold;color:#333;text-decoration:none}
header .logo:hover{text-decoration:none}
header nav{display:flex;gap:20px}
header nav a{color:#555;font-size:15px}
header nav a:hover,header nav a.active{color:#0066cc}

/* Announcement */
.announcement{background:#fff3cd;padding:10px;text-align:center;font-size:14px}

/* Main */
main{min-height:60vh;padding:40px 0}
main .container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}

/* Article List */
.article-list{list-style:none}
.article-list li{padding:25px 0;border-bottom:1px solid #eee}
.article-list li:last-child{border-bottom:none}
.article-list h2{font-size:20px;margin-bottom:8px}
.article-list h2 a{color:#333}
.article-list h2 a:hover{color:#0066cc;text-decoration:none}
.article-list .meta{color:#999;font-size:13px}
.article-list .excerpt{color:#666;margin-top:8px;font-size:14px;line-height:1.7}

/* Article Detail */
.article-detail h1{font-size:32px;margin-bottom:15px;line-height:1.4}
.article-detail .meta{color:#999;font-size:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
.article-detail .content{line-height:1.8;font-size:16px}
.article-detail .content h2{font-size:24px;margin:30px 0 15px}
.article-detail .content h3{font-size:20px;margin:25px 0 12px}
.article-detail .content p{margin-bottom:15px}
.article-detail .content img{max-width:100%;height:auto;border-radius:8px;margin:15px 0}
.article-detail .content pre{background:#f8f9fa;padding:20px;border-radius:8px;overflow-x:auto;margin:15px 0}
.article-detail .content code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:14px}
.article-detail .content blockquote{border-left:4px solid #0066cc;padding:10px 20px;background:#f8f9fa;margin:15px 0}
.article-detail .content ul,.article-detail .content ol{padding-left:30px;margin-bottom:15px}
.article-detail .content table{width:100%;border-collapse:collapse;margin:15px 0}
.article-detail .content th,.article-detail .content td{border:1px solid #ddd;padding:10px;text-align:left}
.article-detail .content th{background:#f8f9fa}

/* Tags */
.tags{margin-top:15px}
.tags a{display:inline-block;background:#f0f0f0;padding:3px 12px;border-radius:3px;font-size:12px;margin:0 5px 5px 0;color:#666}
.tags a:hover{background:#0066cc;color:#fff;text-decoration:none}

/* Nav Links */
.nav-links{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #eee}
.nav-links a{color:#0066cc}

/* Pagination */
.pagination{margin-top:30px;text-align:center}
.pagination a,.pagination span{display:inline-block;padding:8px 16px;margin:0 4px;border:1px solid #ddd;border-radius:4px;font-size:14px}
.pagination a:hover{background:#f0f0f0;text-decoration:none}
.pagination span.current{background:#0066cc;color:#fff;border-color:#0066cc}

/* Search */
.search-form{margin-bottom:30px;display:flex;gap:10px}
.search-form input{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:15px;flex:1;max-width:400px}
.search-form button{padding:10px 25px;background:#0066cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px}
.search-form button:hover{background:#0052a3}

/* Footer */
footer{background:#f8f9fa;border-top:1px solid #eee;padding:30px 0;text-align:center;color:#666;font-size:14px}
footer nav{margin-top:10px}
footer nav a{margin:0 10px;color:#666}

/* Responsive */
@media(max-width:768px){
    header .container{flex-direction:column;gap:10px}
    header nav{flex-wrap:wrap;justify-content:center}
    .article-detail h1{font-size:24px}
    .article-list .featured-img{float:none;max-width:100%;margin:0 0 15px}
    .search-form{flex-direction:column}
    .search-form input{max-width:100%}
}