/* PC 作者主页（/index.php/home/book/author/id/{uid}），2026-10 改版。颜色变量、标签、卡片、徽章沿用 detail.css */

/* 顶部资料卡：头像模糊做横幅，头像压在横幅下沿 */
.au-hero { position: relative; border-radius: 20px; overflow: hidden; background: #FFFFFF; border: 1px solid var(--bd-line); }
.au-banner { position: relative; height: 132px; overflow: hidden; background: linear-gradient(120deg, #CFCBF7 0%, #E9D9F6 55%, #F6E6EE 100%); }
.au-banner-bg { position: absolute; left: -40px; top: -60px; width: calc(100% + 80px); height: calc(100% + 120px); object-fit: cover; filter: blur(34px) saturate(1.2); opacity: 0.55; }
.au-banner-mask { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(126, 124, 251, 0.22) 0%, rgba(233, 217, 246, 0.18) 60%, rgba(246, 230, 238, 0.2) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.35) 100%); }
.au-report { position: absolute; right: 18px; top: 16px; z-index: 2; height: 28px; padding: 0 12px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, 0.6); color: #6B6880; font-size: 12px; }
.au-report:hover { background: rgba(255, 255, 255, 0.9); color: #D2551C; }

.au-profile { position: relative; display: flex; align-items: flex-start; gap: 28px; padding: 0 36px 28px; }
/* 头像 120：白圈 + 发丝描边 + 浅紫投影；头像框按详情页比例放大（90 → 150 即 ×1.667） */
.au-avatar { flex: none; position: relative; width: 120px; height: 120px; margin-top: -60px; }
.au-avatar-img { position: relative; z-index: 1; display: block; width: 120px; height: 120px; box-sizing: border-box; border: 4px solid #FFFFFF; border-radius: 50%; object-fit: cover; background: #E9E7F8; box-shadow: 0 0 0 1px #DEDBF2, 0 10px 24px rgba(91, 87, 232, 0.24); }
.au-avatar-frame { position: absolute; z-index: 2; left: 50%; top: 50%; width: 200px; height: auto; transform: translate(-50%, -50%); pointer-events: none; }
.au-avatar-mark { position: absolute; z-index: 3; left: 4px; top: 102px; width: 112px; height: auto; }

.au-main { flex: 1; min-width: 0; padding-top: 18px; }
.au-name-row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.au-name { margin: 0; font-size: 30px; font-weight: 900; letter-spacing: 1px; line-height: 1.25; }
.au-id { font-size: 12px; color: var(--bd-mute); background: #F2F1F9; border-radius: 10px; padding: 2px 9px; }
.au-statement { margin: 10px 0 0; font-size: 14px; line-height: 1.8; color: #4A475C; white-space: pre-line; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.au-stats { flex: none; display: flex; margin-top: 18px; padding: 14px 6px; border-radius: 14px; background: #F8F7FE; }
.au-stats > div { width: 104px; text-align: center; }
.au-stats > div + div { border-left: 1px solid #E6E4F4; }
.au-stats b { display: block; font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--bd-ink); }
.au-stats b small { font-size: 13px; margin-left: 2px; font-weight: 400; }
.au-stats span { display: block; margin-top: 4px; font-size: 12px; color: var(--bd-mute); }

/* 全部作品：两列卡片 */
.au-works { padding: 22px 24px 24px; }
.au-count { font-size: 13px; color: var(--bd-sub); }
.au-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.au-book { display: flex; gap: 18px; padding: 16px; border-radius: 14px; border: 1px solid #EEEDF6; background: #FFFFFF; transition: border-color .15s, box-shadow .15s; }
.au-book:hover { border-color: #DCD9F5; box-shadow: 0 10px 26px rgba(31, 29, 58, 0.08); }
.au-cover { flex: none; position: relative; display: block; width: 120px; height: 168px; }
.au-cover-img { display: block; width: 120px; height: 168px; box-sizing: border-box; border: 2px solid transparent; border-radius: 6px; object-fit: cover; background: #E9E7F8; box-shadow: 0 8px 18px rgba(31, 29, 58, 0.16); transition: transform .2s; }
.au-cover:hover .au-cover-img { transform: translateY(-2px); }
.au-cover-mark { position: absolute; right: -8px; top: -8px; width: 44px; height: 44px; }
.au-book-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.bd-page a.au-book-title { font-size: 18px; font-weight: 700; color: var(--bd-ink); line-height: 1.35; }
.bd-page a.au-book-title:hover { color: var(--bd-brand-ink); }
.au-book-badges { display: flex; align-items: center; gap: 6px; font-size: 12px; flex-wrap: wrap; }
.au-book-meta { color: var(--bd-mute); margin-left: 4px; }
.au-book-intro { margin: 0; font-size: 13px; line-height: 1.75; color: #5A576E; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 45px; }
.au-book-tags span { padding: 1px 9px; }
.au-book-foot { margin-top: auto; display: flex; align-items: center; gap: 8px; }
.bd-page a.au-latest, .au-latest { flex: 1; min-width: 0; font-size: 12px; color: var(--bd-sub); }
.bd-page a.au-latest:hover { color: var(--bd-brand-ink); }
.au-latest em { font-style: normal; color: var(--bd-brand-ink); background: var(--bd-brand-soft); border-radius: 4px; padding: 1px 5px; margin-right: 6px; font-size: 11px; }
.au-btn, .bd-page a.au-btn { flex: none; height: 32px; padding: 0 16px; border-radius: 16px; border: 0; background: var(--bd-brand); color: #FFFFFF; font-size: 13px; display: inline-flex; align-items: center; cursor: pointer; }
.bd-page a.au-btn:hover { background: var(--bd-brand-hover); color: #FFFFFF; }
.au-btn.au-btn-ghost { background: #FFFFFF; color: #3A3850; border: 1px solid #D4D1EE; }
.au-btn.au-btn-ghost:hover { border-color: #B9B5EC; color: var(--bd-brand-ink); }
.au-btn.au-btn-ghost.bd-done { color: var(--bd-mute); border-color: #E6E4F2; }
