/* 布兰卡的小站 —— 简明静态样式 v2
   参考学术主页的骨架：横幅 → 导航 → 标题 → 正文 → 页脚链接
   纯 CSS，无 JS、无外部字体/CDN（国内加载快） */

:root{
  --ink:#293d37;
  --ink-2:#42574e;
  --muted:#747d75;
  --line:#e2e5dc;
  --line-soft:#e8ebe3;
  --accent:#315c55;
  --accent-deep:#25483f;
  --accent-soft:#ebeee5;
  --bg:#f7f6f2;
  --bg-soft:#eff1e9;
  --radius:16px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.wrap{max-width:900px;margin:0 auto;padding:0 22px 44px;}

/* ===== 横幅 ===== */
.banner{
  margin:22px 0 0;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);background:var(--bg-soft);
}
.banner svg{display:block;width:100%;height:150px;}

/* ===== 页头 ===== */
.site-head{padding:26px 0 6px;}
.site-head h1{margin:0;font-size:27px;letter-spacing:.02em;font-weight:600;line-height:1.4;}
.site-head h1 a{color:var(--ink);text-decoration:none;}
.site-head h1 a:hover{color:var(--accent);}
.site-head .sub{margin:8px 0 0;color:var(--muted);font-size:13.5px;letter-spacing:.1em;}

/* ===== 导航 ===== */
.nav{margin:20px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.nav a{
  display:block;padding:12px 18px;color:var(--accent);text-decoration:none;font-size:15px;
  border-bottom:2px solid transparent;transition:.15s;
}
.nav a:hover{background:var(--bg-soft);color:var(--accent-deep);}
.nav a.on{color:var(--accent-deep);font-weight:600;border-bottom-color:var(--accent);background:var(--accent-soft);}

/* ===== 正文标题 ===== */
main h2{
  font-size:18px;margin:36px 0 14px;padding-left:11px;border-left:3px solid var(--accent);
  font-weight:600;letter-spacing:.02em;line-height:1.5;
}
main h3{font-size:15.5px;margin:24px 0 8px;color:var(--ink-2);font-weight:600;}
main p{margin:0 0 13px;}

/* ===== 卡片 ===== */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;margin:16px 0 4px;}
.card{
  position:relative;display:block;padding:17px 19px;border:1px solid var(--line);border-radius:var(--radius);
  text-decoration:none;color:var(--ink);background:#fffefa;transition:.18s;overflow:hidden;
}
.card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);
  opacity:0;transition:.18s;
}
.card:hover{border-color:#b8c9ba;box-shadow:0 6px 18px rgba(49,92,85,.08);transform:translateY(-2px);}
.card:hover::before{opacity:1;}
.card-t{display:block;font-size:16px;font-weight:600;margin-bottom:5px;}
.card-d{display:block;color:var(--muted);font-size:13.5px;line-height:1.75;}

/* ===== 列表 ===== */
.list{list-style:none;margin:10px 0 4px;padding:0;}
.list li{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:10px 2px;border-bottom:1px dashed var(--line-soft);
}
.list li:last-child{border-bottom:none;}
.list a{color:var(--accent);text-decoration:none;}
.list a:hover{text-decoration:underline;color:var(--accent-deep);}
.list .date{color:var(--muted);font-size:13px;white-space:nowrap;}

/* ===== 提示块 ===== */
.note{
  margin:24px 0 0;padding:13px 16px;background:var(--accent-soft);border-left:3px solid var(--accent);
  color:#42574e;font-size:13.5px;border-radius:0 var(--radius) var(--radius) 0;
}

/* ===== 页脚（居中，像学术主页底部链接） ===== */
.foot{
  margin-top:50px;border-top:1px solid var(--line);padding:20px 0 6px;
  text-align:center;color:var(--muted);font-size:13px;
}
.foot .links{margin:0 0 10px;}
.foot .links a{color:var(--accent);text-decoration:none;margin:0 11px;}
.foot .links a:hover{text-decoration:underline;}
.foot .copy{margin:0;color:var(--muted);}
.foot .copy a{color:var(--muted);text-decoration:none;}
.foot .copy a:hover{color:var(--accent);}
.foot .top{display:inline-block;margin-top:8px;color:var(--muted);text-decoration:none;font-size:12.5px;}
.foot .top:hover{color:var(--accent);}

/* ===== 移动端 ===== */
@media (max-width:600px){
  .wrap{padding:0 16px 34px;}
  .banner{margin-top:16px;}
  .banner svg{height:110px;}
  .site-head{padding:18px 0 4px;}
  .site-head h1{font-size:22px;}
  .site-head .sub{font-size:12.5px;}
  .nav{margin:16px 0 22px;}
  .nav a{padding:11px 13px;font-size:14.5px;}
  main h2{margin-top:28px;}
  .list li{flex-direction:column;gap:3px;align-items:flex-start;}
}

/* ===== 文章页（诗文正文） ===== */
.article{padding-top:4px;}
.art-title{font-size:24px;line-height:1.5;margin:0 0 8px;font-weight:600;letter-spacing:.02em;}
.art-meta{color:var(--muted);font-size:13px;margin:0 0 24px;letter-spacing:.05em;}
.prose{
  font-family:"Songti SC",STSong,SimSun,"Noto Serif SC",Georgia,serif;
  font-size:17.5px;line-height:2.05;color:#293d37;
}
.prose h3{
  font-size:17px;margin:1.8em 0 .7em;padding-left:11px;
  border-left:3px solid var(--accent);font-weight:600;letter-spacing:.02em;
}
.prose p{margin:0 0 1.15em;}
.art-back{margin-top:34px;padding-top:16px;border-top:1px dashed var(--line-soft);}
.art-back a{color:var(--accent);text-decoration:none;font-size:14px;}
.art-back a:hover{text-decoration:underline;}

/* 上一篇 / 下一篇 */
.art-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  margin-top:36px;padding-top:20px;border-top:1px dashed var(--line-soft);
}
.art-nav a{
  display:block;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);
  background:#fffefa;color:var(--accent);text-decoration:none;font-size:14px;line-height:1.7;
  transition:.18s;
}
.art-nav a:hover{border-color:#b8c9ba;color:var(--accent-deep);box-shadow:0 6px 18px rgba(49,92,85,.08);}
.art-nav .nav-label{display:block;margin-bottom:2px;color:var(--muted);font-size:12.5px;letter-spacing:.08em;}
.art-nav .art-next{text-align:right;}
.art-nav .nav-empty{display:none;}
.art-nav-single{grid-template-columns:1fr;}
.art-nav-single .art-next{text-align:left;}

@media (max-width:600px){
  .art-title{font-size:20px;}
  .art-meta{margin-bottom:18px;}
  .prose{font-size:16.5px;line-height:2;}
  .art-nav{grid-template-columns:1fr;gap:10px;}
  .art-nav .art-next{text-align:left;}
}

/* ===== 工具页：随机一句诗 ===== */
.tool-intro{color:var(--muted);font-size:14px;margin:0 0 16px;}
.tool-card{
  cursor:pointer;user-select:none;background:#ebeee5;border:1px solid var(--line);
  border-radius:var(--radius);padding:48px 28px;text-align:center;transition:.2s;
  box-shadow:0 2px 10px rgba(49,92,85,.04);
}
.tool-card:hover{border-color:#b8c9ba;box-shadow:0 8px 22px rgba(49,92,85,.08);}
.tool-card:focus{outline:2px solid var(--accent);outline-offset:2px;}
.tool-card.tool-pop .tool-line{animation:toolPop .38s ease;}
@keyframes toolPop{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.tool-line{
  font-family:"Songti SC",STSong,SimSun,"Noto Serif SC",Georgia,serif;
  font-size:clamp(22px,4.4vw,34px);line-height:1.85;letter-spacing:.06em;color:#293d37;
}
.tool-meta{margin-top:16px;color:var(--muted);font-size:13.5px;letter-spacing:.08em;}
.tool-note{
  margin:20px auto 0;max-width:32em;padding-top:16px;border-top:1px dashed #d3ddce;
  color:#42574e;font-size:15px;line-height:1.9;letter-spacing:.03em;
}
.tool-note:empty{display:none;}
.tool-actions{display:flex;gap:12px;justify-content:center;margin:18px 0 8px;flex-wrap:wrap;}
.btn{
  appearance:none;border:1px solid #d3ddce;background:#e9ede4;color:#42574e;border-radius:999px;
  padding:.55em 1.7em;font-size:14px;cursor:pointer;letter-spacing:.1em;transition:.18s;font-family:inherit;
}
.btn:hover{border-color:var(--accent);color:var(--accent);}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;}
.tool-hint{text-align:center;color:var(--muted);font-size:12.5px;margin:6px 0 0;}
.tool-history{list-style:none;margin:10px 0 0;padding:0;}
.tool-history li{
  display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  padding:9px 2px;border-bottom:1px dashed var(--line-soft);font-size:14px;
}
.tool-history li:last-child{border-bottom:none;}
.tool-history .hl{font-family:"Songti SC",STSong,SimSun,"Noto Serif SC",Georgia,serif;color:#293d37;letter-spacing:.04em;}
.tool-history .tool-empty{color:var(--muted);justify-content:flex-start;}
@media (max-width:600px){
  .tool-card{padding:32px 18px;}
  .tool-line{font-size:22px;line-height:1.9;}
  .tool-history li{flex-direction:column;gap:2px;align-items:flex-start;}
}

/* ===== 文章内的行动提示块 ===== */
.cta{
  margin:30px 0 8px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);
  background:#e9ede4;text-align:center;
}
.cta p{margin:0 0 14px;color:#42574e;font-size:14.5px;letter-spacing:.02em;}
a.btn{display:inline-block;text-decoration:none;}
a.btn:hover{text-decoration:none;}
.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(49,92,85,.35);}
.prose a:hover{color:var(--accent-deep);border-bottom-color:var(--accent-deep);}

/* 与阅读 App 共用纸色、松绿和浅绿色表面，保持原有内容布局。 */
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
.app-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);}
.app-download strong{display:block;font-size:15px;font-weight:600;}
.app-download small{display:block;margin-top:3px;color:var(--muted);font-size:12.5px;}
.app-download .btn{flex-shrink:0;letter-spacing:0;border-radius:14px;}
@media(max-width:480px){.app-download{align-items:flex-start;flex-direction:column;gap:12px;}.app-download .btn{width:100%;text-align:center;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before{animation:none!important;transition:none!important;}.card:hover{transform:none;}}