:root{
  /* Brand · Seven */
  --seven-bg0: #071215;
  --seven-bg1: #0b1820;
  --seven-ink: #e6f3ef;
  --seven-muted: #9bc7bf;
  --seven-border: #17343a;

  /* 主青绿 / 深青绿 / 高亮薄荷 */
  --seven-primary: #10b0a2;
  --seven-primary-700: #0b4a46;
  --seven-mint: #45e1b7;

  /* 徽标里的黄绿作强调 */
  --seven-accent: #d1aa3b;

  /* 功能色 */
  --seven-red: #ff6b6b;
  --seven-amber: #ffd66b;

  /* 卡片与阴影 */
  --seven-card: #0e1a20;
  --seven-card-2: #0c1419;
  --seven-shadow: 0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{
  margin:0;height:100%;
  color:var(--seven-ink);
  font:14px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial;
  background:
    radial-gradient(1200px 800px at 15% -10%, #0f2a2f 0%, transparent 60%),
    radial-gradient(1000px 700px at 110% 10%, #0a2226 0%, transparent 55%),
    linear-gradient(180deg, var(--seven-bg0), var(--seven-bg1));
}

/* ------- 顶部导航 ------- */
.wrap{max-width:1180px;margin:22px auto;padding:0 16px}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px
}
.brand{
  display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--seven-ink)
}
.brand img{height:38px;width:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.brand .title{
  font-weight:800;letter-spacing:.06em
}
.brand .subtitle{
  margin-top:2px;font-size:12px;color:var(--seven-muted)
}

.nav-right{display:flex;gap:8px;flex-wrap:wrap}
.btn, .btn-link{
  border:1px solid var(--seven-border);
  background:linear-gradient(180deg,var(--seven-card),var(--seven-card-2));
  color:var(--seven-ink);padding:8px 12px;border-radius:10px;
  text-decoration:none;cursor:pointer
}
.btn:hover,.btn-link:hover{filter:brightness(1.08)}
.btn.primary{
  background:linear-gradient(180deg, var(--seven-primary), #089789);
  border-color:transparent;color:#06201d
}

/* ------- 卡片/容器 ------- */
.panel{
  background:linear-gradient(180deg,var(--seven-card),var(--seven-bg1));
  border:1px solid var(--seven-border);border-radius:16px;padding:16px;box-shadow:var(--seven-shadow)
}
.grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1020px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.grid{grid-template-columns:1fr}}

.card{
  border:1px solid var(--seven-border);border-radius:14px;padding:14px;
  background:linear-gradient(180deg,#0f1e22,#0b1418);box-shadow:var(--seven-shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease
}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.45);border-color:#24525a}

/* 标签/小徽章（用于Q&A标签/状态） */
.pill{
  display:inline-flex;gap:6px;align-items:center;
  border:1px solid var(--seven-border);border-radius:999px;
  padding:4px 9px;background:linear-gradient(180deg,#102329,#0c171b);font-size:12px;color:#cfe7e3
}
.pill.accent{border-color:#534418;color:#fff3c2;background:linear-gradient(180deg,#3a2d08,#2c2208)}
.pill.ok{border-color:#1d4f44;color:#0c2a1c;background:linear-gradient(180deg,#0f3a33,#0b2622)}