* {margin:0;padding:0;box-sizing:border-box}
body {font-family:Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.7}
.kc-container {max-width:1440px;margin:40px auto;display:flex;gap:25px;align-items:flex-start}
.kc-card {border-radius:12px;;padding:10px;flex:0 0 1000px}
.kc-header {margin-bottom:25px}
.kc-title {font-size:24px;color:#333;margin-bottom:15px;line-height:1.4}
.kc-meta {font-size:13px;color:#999;margin-bottom:25px;display:flex;gap:15px;flex-wrap:wrap}
.kc-author {background:#165DFF;color:#fff;padding:3px 10px;border-radius:50px}
.kc-content {font-size:15px;color:#444;line-height:1.8}
.kc-content p {margin-bottom:15px}
.kc-content img {max-width:100%;height:auto;border-radius:6px;margin:10px auto;display:block}
.kc-sidebar {flex:0 0 400px;display:flex;flex-direction:column;gap:20px}
.kc-section {background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.kc-section h3 {font-size:16px;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f2f2f2}
.kc-ul {list-style:none;display:grid;grid-template-columns:1fr;gap:10px;padding:0}
.kc-li {padding:8px 0;border-bottom:1px dashed #eee}
.kc-a {display:block;color:#555;text-decoration:none;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-a:hover {color:#2a5ea7}
.kc-a::before {content:"";width:6px;height:6px;background:#165DFF;border-radius:50%;margin-right:8px;display:inline-block}
/* 单独手机端样式，解决溢出和居中问题 */
@media(max-width:1024px) {body{padding:20px 15px}.kc-container{flex-direction:column;align-items:center;margin:0 auto}.kc-card,.kc-sidebar{width:100%;max-width:1000px}.kc-section{width:100%}.kc-a{white-space:normal}}