/*
Theme Name: B1UE
Theme URI: https://www.b1ue.net
Author: blue
Author URI: https://www.b1ue.net
Description: 为 B1UE'S DAY 定制的极简主题。暖白底 + 朱红点缀 + 雅黑字体 + GSAP 动画。
Version: 1.0
License: MIT
Text Domain: b1ue
*/

:root {
  --bg:      #fafaf8;
  --surface: #fff;
  --ink:     #1a1816;
  --ink-mid: #4a4640;
  --ink-dim: #8c8680;
  --accent:  #c44233;
  --rule:    #e8e4de;
  --rule2:   #f0ece6;
  --font:    "Microsoft YaHei","PingFang SC",sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);
  line-height:1.7;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(196,66,51,.04) 0%,transparent 60%),
    linear-gradient(180deg,#fdfcfa 0%,var(--bg) 300px);
  min-height:100vh;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.25;
  background-image:radial-gradient(circle,var(--rule) 1px,transparent 1px);
  background-size:20px 20px;
}

/* Header */
.site-header{
  text-align:center;padding:80px 24px 48px;position:relative;z-index:1;
}
.site-header .mark{
  display:inline-block;width:6px;height:6px;background:var(--accent);
  margin-bottom:20px;
  animation:b1ue-pulse 3s ease-in-out infinite;
}
@keyframes b1ue-pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}
.site-title{
  font-size:36px;font-weight:900;letter-spacing:6px;color:var(--ink);
  line-height:1.2;margin-bottom:8px;
}
.site-title a{color:var(--ink);text-decoration:none}
.site-title i{font-style:normal;color:var(--accent)}
.site-description{
  font-size:10px;color:var(--ink-dim);letter-spacing:4px;text-transform:uppercase;
}
.site-header .rule{
  width:40px;height:2px;background:var(--accent);
  margin:20px auto 0;
}

/* Posts */
.posts{
  max-width:660px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:1;
}
.post{
  padding:28px 0;border-bottom:1px solid var(--rule2);
  transition:all .3s;position:relative;
}
.post::before{
  content:'';position:absolute;left:-16px;top:36px;
  width:4px;height:0;background:var(--accent);
  border-radius:2px;transition:height .3s;
}
.post:hover::before{height:calc(100% - 56px)}
.post:hover{padding-left:8px}
.post .post-date{
  font-size:9px;color:var(--ink-dim);letter-spacing:2px;
  margin-bottom:6px;font-weight:600;
}
.post .post-title{
  font-size:18px;font-weight:700;letter-spacing:1px;
  line-height:1.4;margin-bottom:6px;
}
.post .post-title a{color:var(--ink);text-decoration:none;transition:color .25s}
.post .post-title a:hover{color:var(--accent)}
.post .post-excerpt{
  font-size:12px;color:var(--ink-mid);line-height:1.8;
}
.post .post-meta{
  margin-top:8px;font-size:9px;color:var(--ink-dim);
  display:flex;gap:14px;align-items:center;
}
.post .post-meta .dot{
  width:3px;height:3px;background:var(--accent);border-radius:50%;
}
.post.sticky .post-title{font-size:20px}

/* Footer */
.site-footer{
  text-align:center;padding:44px 24px 60px;
  position:relative;z-index:1;
}
.site-footer .copyright{
  font-size:10px;color:var(--ink-dim);letter-spacing:1px;margin-bottom:6px;
}
.site-footer .memorial{
  font-size:11px;color:var(--ink-dim);letter-spacing:1px;
}

/* Pagination */
.nav-links{
  text-align:center;padding:40px 0 0;max-width:660px;margin:0 auto;
  display:flex;justify-content:center;gap:8px;
}
.nav-links a{
  font-size:18px;color:var(--ink-dim);text-decoration:none;
  width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--rule);border-radius:50%;transition:all .25s;
}
.nav-links a:hover{color:var(--accent);border-color:var(--accent)}

/* Watermark */
body::after{
  content:'B1UE.NET';
  position:fixed;inset:0;pointer-events:none;z-index:0;
  display:flex;align-items:center;justify-content:center;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:80px;font-weight:900;
  color:rgba(0,0,0,.015);letter-spacing:12px;
  transform:rotate(-15deg);white-space:nowrap;
}

@media(max-width:600px){
  .site-title{font-size:28px;letter-spacing:3px}
  .post{padding:20px 0}
  .post:hover{padding-left:4px}
  .post::before{left:-8px}
  .post .post-title{font-size:16px}
  .post.sticky .post-title{font-size:18px}
}

.wp-caption{max-width:100%}
.wp-caption-text{font-size:11px;color:var(--ink-dim);text-align:center}
.aligncenter{display:block;margin:0 auto}
.alignleft{float:left;margin-right:16px}
.alignright{float:right;margin-left:16px}
.single .post-content{display:flow-root}
.screen-reader-text{display:none}