/* ============================================================
   glass-bubble · 全局样式
   薄荷巧克力 × B612 夜空
   ============================================================ */
:root{
  /* 夜空底色 */
  --bg:        #1B2430;   /* 深蓝褐夜空 */
  --bg-soft:   #222D3B;   /* 卡片底 */
  --bg-card:   #26323F;   /* 卡片浮层 */
  --line:      #34404F;   /* 描边 */

  /* 薄荷巧克力 */
  --mint:      #8FD9C0;   /* 薄荷主色 */
  --mint-deep: #5FB89C;   /* 深薄荷 */
  --choco:     #6B4F3A;   /* 巧克力 */
  --cream:     #F3ECDF;   /* 奶油（主文字） */
  --cream-dim: #B6AE9E;   /* 次要文字 */

  /* 强调 */
  --star:      #F4D27A;   /* 星星金 */

  --radius:    16px;
  --shadow:    0 6px 24px rgba(0,0,0,.28);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(143,217,192,.10), transparent 60%),
    radial-gradient(900px 500px at 10% 110%, rgba(107,79,58,.18), transparent 55%),
    var(--bg);
  color:var(--cream);
  font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.7;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

/* 星点装饰层 */
.stars{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;}
.stars i{position:absolute;background:var(--star);border-radius:50%;animation:tw 3s infinite ease-in-out;}
@keyframes tw{0%,100%{opacity:.2;}50%{opacity:.9;}}

.wrap{max-width:760px;margin:0 auto;padding:0 18px 80px;position:relative;z-index:1;}

/* 顶栏 */
header.top{padding:28px 0 18px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .logo{width:42px;height:42px;flex:0 0 42px;}
.brand h1{font-size:21px;font-weight:700;letter-spacing:.5px;color:var(--cream);}
.brand .sub{font-size:12.5px;color:var(--mint);margin-top:1px;letter-spacing:2px;}

/* 导航 */
nav.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px;}
nav.tabs a{
  font-size:13.5px;text-decoration:none;color:var(--cream-dim);
  padding:8px 15px;border-radius:999px;border:1px solid var(--line);
  background:var(--bg-soft);transition:.15s;
}
nav.tabs a:hover{color:var(--cream);border-color:var(--mint-deep);}
nav.tabs a.active{background:var(--mint);color:#13301f;border-color:var(--mint);font-weight:600;}

/* 卡片 */
.card{
  background:var(--bg-card);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 18px;margin-bottom:14px;
  box-shadow:var(--shadow);
}
.card .meta{font-size:12px;color:var(--cream-dim);margin-top:8px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.tag{font-size:11px;padding:2px 9px;border-radius:999px;background:rgba(143,217,192,.14);color:var(--mint);border:1px solid rgba(143,217,192,.25);}
.tag.choco{background:rgba(107,79,58,.22);color:#D6B79B;border-color:rgba(214,183,155,.25);}

.card .title{font-size:16px;font-weight:600;color:var(--cream);margin-bottom:4px;}
.card .body{font-size:14.5px;color:var(--cream);white-space:pre-wrap;}

/* 作者气泡 */
.who{font-size:11px;padding:2px 9px;border-radius:999px;font-weight:600;}
.who.claude{background:rgba(143,217,192,.16);color:var(--mint);}
.who.leah{background:rgba(244,210,122,.16);color:var(--star);}

/* 区块标题 */
.section-h{font-size:15px;color:var(--mint);margin:22px 0 12px;letter-spacing:1px;font-weight:600;display:flex;align-items:center;gap:8px;}
.section-h::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);}

/* 表单 */
.form{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.form input,.form textarea,.form select{
  font:inherit;font-size:14px;color:var(--cream);
  background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;
  padding:10px 12px;resize:vertical;
}
.form textarea{min-height:70px;}
.form input::placeholder,.form textarea::placeholder{color:#6E7785;}
.row{display:flex;gap:10px;flex-wrap:wrap;}
.row > *{flex:1;min-width:120px;}
button.btn{
  font:inherit;font-size:14px;font-weight:600;cursor:pointer;
  background:var(--mint);color:#13301f;border:none;border-radius:10px;
  padding:10px 18px;transition:.15s;align-self:flex-start;
}
button.btn:hover{background:var(--mint-deep);}
button.btn.ghost{background:transparent;color:var(--cream-dim);border:1px solid var(--line);}

/* 首页大数字 / 概览 */
.hero{
  background:linear-gradient(135deg, rgba(143,217,192,.10), rgba(107,79,58,.12));
  border:1px solid var(--line);border-radius:22px;padding:26px 22px;margin-bottom:22px;
  position:relative;overflow:hidden;
}
.hero .days{font-size:44px;font-weight:800;color:var(--mint);line-height:1;}
.hero .days small{font-size:15px;color:var(--cream-dim);font-weight:500;margin-left:8px;}
.hero p{color:var(--cream-dim);font-size:13.5px;margin-top:10px;}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.stat{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;}
.stat .n{font-size:26px;font-weight:700;color:var(--cream);}
.stat .l{font-size:12px;color:var(--cream-dim);margin-top:3px;}

.empty{color:var(--cream-dim);font-size:13.5px;text-align:center;padding:30px 0;}
.loading{color:var(--mint);font-size:13px;text-align:center;padding:20px 0;}

footer{text-align:center;color:#5A6472;font-size:12px;padding:30px 0 10px;}

@media (max-width:520px){
  .brand h1{font-size:19px;}
  .hero .days{font-size:38px;}
}