/* ===== 诗人详情页 ===== */
.topnav{
  position:sticky;top:0;z-index:20;display:flex;gap:18px;align-items:center;
  padding:14px 6vw;font-size:14px;letter-spacing:.08em;
  background:rgba(6,8,20,.55);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.topnav a{color:#c9d4ff;transition:.25s}
.topnav a:hover{color:var(--tang);text-shadow:0 0 12px rgba(255,207,107,.6)}
.nav-hint{margin-left:auto;color:var(--dim);font-size:12px}

.p-head{
  position:relative;z-index:2;padding:54px 6vw 26px;
  display:flex;gap:30px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
}
.p-name{
  margin:0;font-size:clamp(40px,8vw,86px);line-height:1.05;letter-spacing:.06em;
  background:linear-gradient(100deg,#fff 0%,var(--ac,var(--tang)) 42%,#fff 55%,var(--ac,var(--tang)) 78%,#fff 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:nameflow 9s linear infinite;
  filter:drop-shadow(0 0 26px rgba(140,170,255,.4));
}
@keyframes nameflow{from{background-position:0% 50%}to{background-position:260% 50%}}
.p-head.tang{--ac:var(--tang)}
.p-head.song{--ac:var(--song)}
.p-head.other{--ac:var(--other)}
.p-sub{color:var(--dim);margin-top:12px;font-size:15px;letter-spacing:.1em}
.p-sub b{color:var(--ac);font-size:1.15em}
.p-stats{display:flex;gap:14px;flex-wrap:wrap}
.stat{
  min-width:78px;padding:12px 16px;border-radius:14px;
  background:linear-gradient(160deg,rgba(40,54,110,.5),rgba(14,18,40,.5));
  border:1px solid var(--line);text-align:center;
  box-shadow:0 0 30px rgba(60,90,200,.15) inset;
}
.stat .k{display:block;font-size:11px;color:var(--dim);letter-spacing:.2em}
.stat .v{display:block;font-size:22px;color:#fff;margin-top:4px;text-shadow:0 0 16px rgba(150,190,255,.7)}

.p-main{position:relative;z-index:2;padding:10px 6vw 0;max-width:1180px;margin:0 auto}
.bio-card{
  border:1px solid var(--line);border-radius:20px;padding:26px 28px;
  background:linear-gradient(150deg,rgba(24,32,68,.55),rgba(8,10,24,.5));
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.bio-body p{line-height:2.05;color:#cdd7ff;font-size:16px;margin:0;text-align:justify}
.bio-body.clip p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.bio-more{margin-top:12px;background:none;border:1px solid var(--line);color:var(--tang);
  padding:8px 18px;border-radius:999px;cursor:pointer;font-family:inherit;letter-spacing:.1em}
.bio-more:hover{background:rgba(255,207,107,.1)}

.poems-sec{margin-top:46px}
.poem-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.poem-card{
  position:relative;overflow:hidden;padding:22px 22px 24px;border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(20,26,56,.6),rgba(7,9,20,.6));
  opacity:0;transform:translateY(22px);
  animation:cardin .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d,0ms);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
@keyframes cardin{to{opacity:1;transform:none}}
.poem-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(220px 160px at var(--mx,50%) var(--my,50%),rgba(150,190,255,.20),transparent 70%);
}
.poem-card:hover::before{opacity:1}
.poem-card:hover{transform:translateY(-6px);border-color:rgba(255,207,107,.45);
  box-shadow:0 22px 50px rgba(20,40,120,.45)}
.poem-title{
  margin:0 0 14px;font-size:19px;letter-spacing:.08em;color:#fff;
  background:linear-gradient(90deg,#fff,#ffd9a0);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.poem-lines{line-height:2.1;font-size:16px;color:#c7d2f7;letter-spacing:.04em}
.poem-lines .hl{color:var(--tang)}

.rel-sec{margin-top:48px}

/* 展开全部 */
.poem-more{margin:26px 0 6px;text-align:center}
.poem-more button{padding:11px 26px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:14px;
  letter-spacing:.1em;border:1px solid rgba(255,207,107,.45);background:rgba(34,26,10,.5);color:#ffd9a0;transition:.25s}
.poem-more button:hover{background:rgba(255,207,107,.14);color:#fff;transform:translateY(-2px)}
.poem-more button[disabled]{opacity:.6;cursor:default;transform:none}
.rel-wrap{display:flex;flex-wrap:wrap;gap:12px}
.rel-chip{
  display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:12px;
  border:1px solid var(--line);background:rgba(18,24,52,.55);transition:.3s;
}
.rel-chip:hover{border-color:rgba(255,207,107,.5);transform:translateY(-3px);background:rgba(30,40,86,.7)}
.rel-chip .rn{font-size:16px;color:#eaf0ff}
.rel-chip .rc{font-size:11px;color:var(--dim)}
.rel-empty{color:var(--dim)}

@media(max-width:640px){
  .p-head{padding-top:34px}
  .poem-list{grid-template-columns:1fr}
  .nav-hint{display:none}
}