*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fff;margin-bottom:30px;padding:20px 0;box-shadow:0 2px 8px #0000000f}.header h1{color:#2c3e50;cursor:pointer;font-size:24px}.card{cursor:pointer;background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;transition:all .3s;box-shadow:0 2px 12px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.card h3{color:#2c3e50;margin-bottom:10px;font-size:18px}.card p{color:#666;margin-bottom:10px}.card .meta{color:#999;gap:15px;font-size:14px;display:flex}.btn{color:#fff;cursor:pointer;background:#409eff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background .3s}.btn:hover{background:#66b1ff}.back-btn{background:#909399;margin-bottom:20px}.back-btn:hover{background:#a6a9ad}.article-detail{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 12px #0000000f}.article-detail h2{color:#2c3e50;margin-bottom:20px;font-size:28px}.article-meta{color:#999;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px;font-size:14px}.article-content{color:#333;margin-bottom:40px;font-size:16px;line-height:1.8}.comments-section{margin-top:40px}.comments-section h3{color:#2c3e50;margin-bottom:20px;font-size:20px}.comment-item{border-bottom:1px solid #eee;padding:15px}.comment-item:last-child{border-bottom:none}.comment-nick{color:#409eff;margin-bottom:5px;font-weight:500}.comment-content{color:#666;font-size:14px}.loading{text-align:center;color:#999;padding:40px;font-size:14px}.error{text-align:center;color:#f56c6c;padding:40px}.pagination{justify-content:center;gap:10px;margin-top:30px;display:flex}