/* ==========================================================================
   团队动态 / 文章页样式 —— 与首页同一套黑金视觉
   列表页 news.html 与每篇文章页共用本文件
   ========================================================================== */

:root{
  --ink:#070d12; --ink-2:#0b131a; --ink-3:#111d27; --ink-4:#16242f; --ink-5:#1b2c39;
  --gold:#c9a878; --gold-mid:#b8945f; --gold-deep:#a37f47;
  --gold-line:rgba(201,168,120,.22);
  --line:rgba(255,255,255,.10); --line-soft:rgba(255,255,255,.06);
  --text:#e9e3d7; --text-soft:rgba(233,227,215,.62); --text-mute:rgba(233,227,215,.40);
  --serif:"Noto Serif SC",Source Han Serif SC,"Songti SC",STSong,serif;
  --sans:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  --fs-xs:.72rem; --fs-cap:.78rem; --fs-sm:.86rem; --fs-body:.95rem;
  --fs-lead:clamp(1rem,1.6vw,1.12rem); --fs-h2:clamp(1.5rem,3.4vw,2.1rem);
  --ls-aux:.04em; --ls-text:.02em; --ls-label:.12em; --ls-wide:.2em;
  --lh-body:1.85;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);
  font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-text);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(18px,4vw,40px);}

/* ---------- 页头 ---------- */
.top{position:sticky;top:0;z-index:20;background:rgba(7,13,18,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);}
.top-in{max-width:1080px;margin:0 auto;padding:12px clamp(18px,4vw,40px);display:flex;align-items:center;gap:14px;}
.top-in img{width:40px;height:40px;flex:0 0 auto;}
.top-name{font-family:var(--serif);font-size:1rem;letter-spacing:.04em;}
.top-name small{display:block;font-family:var(--sans);font-size:.68rem;color:var(--text-mute);letter-spacing:.18em;margin-top:2px;}
.top-in .grow{flex:1;}
.top-back{font-size:var(--fs-cap);color:var(--text-soft);letter-spacing:var(--ls-aux);border:1px solid var(--line);padding:6px 12px;transition:border-color .2s,color .2s;}
.top-back:hover{border-color:var(--gold-line);color:var(--gold);}

/* ---------- 页面标题 ---------- */
.page-head{padding:clamp(38px,6vw,72px) 0 clamp(22px,3vw,32px);}
.crumb{font-size:var(--fs-cap);color:var(--text-mute);letter-spacing:var(--ls-aux);margin-bottom:18px;}
.crumb a:hover{color:var(--gold);}
.crumb span{margin:0 8px;opacity:.5;}
.page-head h1{
  font-family:var(--serif);font-weight:600;font-size:var(--fs-h2);
  letter-spacing:.04em;margin:0 0 14px;line-height:1.3;
}
.page-head .lead{margin:0;max-width:60ch;color:var(--text-soft);font-size:var(--fs-lead);line-height:1.85;}
.page-head::after{content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--gold-line),transparent);margin-top:clamp(26px,4vw,40px);}

/* ---------- 列表 ---------- */
.post-list{display:flex;flex-direction:column;border-top:1px solid var(--line-soft);}
.post-item{display:grid;grid-template-columns:104px 1fr auto;gap:clamp(14px,2.4vw,28px);align-items:start;
  padding:clamp(20px,2.6vw,28px) 0;border-bottom:1px solid var(--line-soft);position:relative;transition:background .2s;}
.post-item:hover{background:rgba(255,255,255,.014);}
.post-item .when{font-size:var(--fs-cap);color:var(--text-mute);letter-spacing:.06em;font-variant-numeric:tabular-nums;padding-top:3px;}
.post-item .when b{display:block;font-family:var(--serif);font-size:1.32rem;color:var(--text-soft);font-weight:400;letter-spacing:.02em;margin-bottom:2px;}
.post-item h2{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.05rem,2vw,1.25rem);
  line-height:1.45;letter-spacing:.02em;margin:0 0 8px;
}
.post-item:hover h2{color:var(--gold);}
.post-item .sum{margin:0;color:var(--text-soft);font-size:var(--fs-sm);line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-item .go{align-self:center;font-size:var(--fs-cap);color:var(--gold);letter-spacing:var(--ls-aux);white-space:nowrap;}
.tagline{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;letter-spacing:.1em;color:var(--gold);
  border:1px solid var(--gold-line);padding:1px 8px;margin-bottom:8px;line-height:1.8;}
.pin{color:var(--gold-deep);font-size:.7rem;letter-spacing:.1em;margin-left:8px;}

/* ---------- 单篇 ---------- */
.post-detail{padding:clamp(30px,5vw,54px) 0 clamp(46px,7vw,80px);}
.post-detail .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;
  font-size:var(--fs-cap);color:var(--text-mute);letter-spacing:var(--ls-aux);}
.post-detail h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,3.6vw,2.2rem);
  line-height:1.42;letter-spacing:.03em;margin:0 0 22px;
}
.post-detail .rule{height:1px;background:linear-gradient(90deg,var(--gold-line),transparent);margin-bottom:26px;}
.post-detail .body{max-width:72ch;font-size:1rem;line-height:1.95;letter-spacing:.02em;color:rgba(233,227,215,.88);}
.post-detail .body p{margin:0 0 1.15em;}
.post-detail .body h3{
  font-family:var(--serif);font-size:1.06rem;font-weight:600;letter-spacing:.04em;
  margin:1.9em 0 .8em;padding-left:12px;border-left:2px solid var(--gold-line);line-height:1.6;
}
.post-detail .body h3:first-child{margin-top:0;}
.post-detail .body ul{margin:0 0 1.15em;padding-left:0;list-style:none;}
.post-detail .body li{position:relative;padding-left:18px;margin-bottom:.5em;}
.post-detail .body li::before{content:"";position:absolute;left:0;top:.78em;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);}
.post-detail .body p:first-child{font-size:1.04rem;color:var(--text);}
.post-detail .body p:last-child{margin-bottom:0;}
.post-detail .cover{margin:0 0 26px;border:1px solid var(--line);overflow:hidden;}
.post-detail .cover img{width:100%;height:auto;}
.post-foot{margin-top:clamp(34px,5vw,52px);padding-top:22px;border-top:1px solid var(--line-soft);
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:var(--fs-cap);color:var(--text-mute);}
.post-foot .btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gold-line);
  color:var(--gold);padding:8px 16px;font-size:var(--fs-cap);letter-spacing:var(--ls-aux);transition:background .2s;}
.post-foot .btn:hover{background:rgba(201,168,120,.08);}

.empty{padding:56px 0;color:var(--text-mute);font-size:var(--fs-sm);letter-spacing:var(--ls-aux);text-align:center;}

/* ---------- 页脚 ---------- */
.foot{border-top:1px solid var(--line-soft);margin-top:clamp(50px,8vw,90px);padding:26px 0 34px;
  font-size:var(--fs-cap);color:var(--text-mute);letter-spacing:var(--ls-aux);line-height:2;}
.foot a{color:var(--text-soft);}
.foot a:hover{color:var(--gold);}

/* ---------- 有新内容提示 ---------- */
.fresh{position:fixed;left:0;right:0;bottom:0;transform:translateY(100%);opacity:0;pointer-events:none;
  background:var(--ink-4);border-top:1px solid var(--gold-line);color:var(--text);
  padding:13px clamp(18px,4vw,40px);font-size:var(--fs-cap);letter-spacing:var(--ls-aux);
  box-shadow:0 -14px 34px rgba(0,0,0,.45);transition:opacity .28s,transform .28s;
  z-index:40;cursor:pointer;text-align:center;}
.fresh.on{opacity:1;transform:translateY(0);pointer-events:auto;}
.fresh b{color:var(--gold);font-weight:500;}
body.has-fresh{padding-bottom:52px;}

@media (max-width:720px){
  .post-item{grid-template-columns:1fr;gap:8px;}
  .post-item .when{display:flex;align-items:baseline;gap:8px;}
  .post-item .when b{font-size:1rem;margin:0;}
  .post-item .go{display:none;}
  .post-detail .body{font-size:.97rem;}
}