body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;background: #f4f6f9;margin: 0;color: #333;}
.container2 {max-width: 960px;margin: auto;background: #fff;border-radius: 14px;padding: 30px;box-shadow: 0 12px 30px rgba(0,0,0,.06);}
.author-header {display: flex;align-items: center;gap: 22px;margin-bottom: 28px;}
.author-header img {width: 120px;height: 120px;border-radius: 50%;object-fit: cover;border: 5px solid #f0f2f5;}
.author-info h1 {margin: 0 0 6px;font-size: 26px;font-weight: 600;}
.intro {background: #f8f9fb;border-radius: 10px;padding: 20px;font-size: 15px;line-height: 1.9;color: #555;margin-bottom: 30px;}
.section-title {font-size: 18px;font-weight: 600;margin-bottom: 18px;padding-left: 8px;border-left: 4px solid #2c7be5;}
.article-list {display: grid;gap: 18px;}
.article-item {padding-bottom: 16px;border-bottom: 1px dashed #abaaaa;}
.article-item h2 {margin: 0 0 6px;font-size: 17px;font-weight: 500;}
.meta {font-size: 0.9em;color: #999;}
.time {text-align: right;}
.star { color: #f60; font-size: 16px; margin-right: 2px; }
.load-more-btn {padding:12px 40px;background:#2c7be5;color:#fff;border:none;border-radius:50px;cursor:pointer;}
.load-more-btn:hover {background:#1f5bb5;}

@media (max-width: 300px) {.author-header{flex-direction:column;text-align:center;}.author-header img{width:100px;height:100px;}}