/* =============================================================
   Midnight · 作者主页
   ============================================================= */

.md-author { padding-top: 24px; }

.md-author-hero {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 30px;
    margin-bottom: 26px;
    background:
        radial-gradient(460px 220px at 100% 0, rgba(226, 178, 109, .1), transparent 65%),
        linear-gradient(140deg, var(--md-panel-2), var(--md-panel));
    border: 1px solid var(--md-line);
    border-radius: var(--md-r);
    overflow: hidden;
}
.md-author-hero::before {
    content: "AUTHOR";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 178, 109, .05);
    font: 700 96px/1 var(--md-serif);
    letter-spacing: .04em;
    pointer-events: none;
}
.md-author-avatar {
    width: 88px;
    height: 88px;
    flex: 0 0 auto;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--md-line-gold);
    background: var(--md-panel-3);
}
.md-author-info { min-width: 0; }
.md-author-kicker { color: var(--md-gold); font-size: 10.5px; letter-spacing: .22em; }
.md-author-info h1 { margin: 6px 0 10px; font: 600 30px/1.25 var(--md-serif); }
.md-author-stats { display: flex; flex-wrap: wrap; gap: 22px; color: var(--md-muted); font-size: 12.5px; }
.md-author-stats strong { color: var(--md-gold); font: 600 18px/1 var(--md-serif); margin-right: 4px; }
.md-author-hero .follow-btn {
    margin-left: auto;
    flex: 0 0 auto;
    height: 40px;
    padding: 0 22px;
    border: 1px solid var(--md-line-gold);
    border-radius: 999px;
    color: var(--md-gold);
    background: var(--md-gold-soft);
    font-size: 13px;
    font-weight: 600;
}
.md-author-hero .follow-btn:hover { background: var(--md-gold); color: #1a1206; }
.md-author-hero .follow-btn.unfollow { background: transparent; color: var(--md-muted); border-color: var(--md-line-2); }

.md-author-works {
    padding: 26px;
    background: var(--md-panel);
    border: 1px solid var(--md-line);
    border-radius: var(--md-r);
}
.md-author-works-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.md-author-works-head h2 { font: 600 23px/1.25 var(--md-serif); }
.md-author-works-head h2 small { margin-left: 8px; color: var(--md-dim); font: 400 12px var(--md-sans); }
.md-author-works .md-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.md-work-actions { display: flex; gap: 7px; margin-top: 10px; }
.md-work-actions .md-btn { flex: 1; min-height: 32px; padding: 0 10px; font-size: 12px; }
.md-work-actions .shelf-btn.added { border-color: var(--md-line-gold); color: var(--md-gold); background: var(--md-gold-soft); }

.md-author-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    border: 1px dashed var(--md-line-2);
    border-radius: var(--md-r-sm);
    color: var(--md-muted);
    text-align: center;
}
.md-author-empty svg { width: 36px; height: 36px; fill: none; stroke: var(--md-dim); stroke-width: 1.4; }
.md-author-empty b { color: var(--md-text-2); font: 600 18px var(--md-serif); }

@media (max-width: 1024px) {
    .md-author-works .md-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .md-author-hero { flex-wrap: wrap; padding: 22px; }
    .md-author-hero .follow-btn { margin-left: 0; }
    .md-author-hero::before { display: none; }
    .md-author-works { padding: 18px 14px; }
    .md-author-works .md-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}