/* ==========================================================
   个人博客 · 极简样式
   目标：看起来是一个人的网站，不是公司官网
   ========================================================== */
:root{
  --bg:#ffffff;
  --fg:#1a1a1a;
  --dim:#4a4a4a;
  --mute:#6b6b6b;
  --line:#e8e8e8;
  --accent:#1a5fb4;
  --maxw:680px;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--fg);font-family:var(--sans);
  font-size:17.5px;line-height:1.85;-webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* 顶部 */
.site-header{
  max-width:var(--maxw);margin:0 auto;padding:32px 24px 0;
  display:flex;align-items:center;justify-content:space-between;
}
.site-logo{font-size:19px;font-weight:600;color:var(--fg);letter-spacing:.06em}
.site-logo:hover{text-decoration:none;color:var(--accent)}
.site-nav{display:flex;gap:22px;font-size:15px}
.site-nav a{color:var(--mute)}
.site-nav a:hover{color:var(--fg);text-decoration:none}
.site-nav a.active{color:var(--fg);font-weight:500}

/* 主体 */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* 自我介绍 */
.intro{padding:64px 0 56px;border-bottom:1px solid var(--line)}
.intro-name{font-size:32px;font-weight:600;letter-spacing:.02em;margin-bottom:18px}
.intro-text{font-size:17px;color:var(--dim);line-height:1.9;margin-bottom:20px}
.intro-links{font-size:14px;color:var(--mute)}
.intro-links a{color:var(--mute);border-bottom:1px solid var(--line);padding-bottom:1px}
.intro-links a:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}

/* 文章列表 */
.posts{padding:48px 0 64px}
.posts-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.posts-head h2{font-size:15px;font-weight:600;color:var(--mute);letter-spacing:.12em;text-transform:uppercase}
.posts-count{font-size:13px;color:var(--mute)}

.post{padding:32px 0;border-bottom:1px solid var(--line)}
.post:last-of-type{border-bottom:none}
.post-date{font-size:13px;color:var(--mute);letter-spacing:.06em;margin-bottom:10px;font-variant-numeric:tabular-nums}
.post-title{font-size:22px;font-weight:600;line-height:1.45;margin-bottom:12px}
.post-title a{color:var(--fg)}
.post-title a:hover{color:var(--accent);text-decoration:none}
.post-excerpt{font-size:16px;line-height:1.85;color:var(--dim);margin-bottom:12px}
.post-read{font-size:14px;color:var(--accent)}
.posts-more{margin-top:36px;font-size:15px}
.posts-more a{color:var(--accent)}

/* 页脚 */
.site-footer{
  max-width:var(--maxw);margin:0 auto;padding:40px 24px 64px;
  border-top:1px solid var(--line);font-size:13.5px;color:var(--mute);
}
.site-footer p{margin-bottom:6px}
.footer-contact{font-size:13px;letter-spacing:.02em}

/* 响应式 */
@media(max-width:600px){
  body{font-size:16px}
  .site-header{padding:24px 20px 0}
  .site-nav{gap:16px;font-size:14px}
  .wrap{padding:0 20px}
  .intro{padding:44px 0 40px}
  .intro-name{font-size:27px}
  .post-title{font-size:19px}
  .site-footer{padding:32px 20px 48px}
}

/* 播放层 */
.player{position:fixed;inset:0;z-index:300;background:rgba(10,10,10,.96);display:flex;flex-direction:column}
.player[hidden]{display:none!important}
.player-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;
  color:#e8e8e8;font-size:14px;letter-spacing:.04em}
.player-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}
.player-close{background:none;border:0;color:#e8e8e8;font-size:20px;cursor:pointer;padding:4px 10px}
.player-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 22px 30px;min-height:0}
.player-stage video{max-width:100%;max-height:100%;background:#000;outline:none}
body{overflow-x:hidden}