@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&family=Inter:wght@400;600&display=swap');

body { margin:0; font-family:'Inter',sans-serif; background:#0B0E11; color:#EAECEF; }

.navbar{
  position:fixed; top:0; width:100%;
  display:flex; justify-content:space-between; align-items:center;
  background:rgba(11,14,17,.9); padding:.8rem 2rem; backdrop-filter:blur(8px); z-index:10;
}
.navbar .logo{ display:flex; align-items:center; gap:8px; color:#FCD535; font-weight:600; }
.navbar img{ width:28px; }
.navbar nav a{ color:#EAECEF; margin:0 .8rem; text-decoration:none; }
.navbar nav a:hover{ color:#FCD535; }

.hero{
  text-align:center; padding:10rem 1rem 6rem;
  background: radial-gradient(circle at top,#1E2329 0%,#0B0E11 70%);
}
.hero h1{ font-family:'IBM Plex Sans',sans-serif; font-size:3rem; color:#FCD535; margin-bottom:1rem; }
.hero p{ color:#B7BDC6; font-size:1.2rem; margin-bottom:1rem; }
.slogan{ font-size:1.1rem; color:#FCD535; margin:.5rem 0 2rem; letter-spacing:.5px; text-align:center; }

.btn-primary,.btn-secondary{ padding:.8rem 1.6rem; border-radius:8px; text-decoration:none; font-weight:600; }
.btn-primary{ background:#FCD535; color:#0B0E11; } .btn-primary:hover{ background:#ffdc5c; }
.btn-secondary{ border:1px solid #FCD535; color:#FCD535; } .btn-secondary:hover{ background:#FCD53522; }

section{ padding:5rem 2rem; max-width:1200px; margin:0 auto; }
h2{ font-family:'IBM Plex Sans',sans-serif; color:#FCD535; text-align:center; margin-bottom:2rem; }

.card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
.card{
  background:#1E2329; border-radius:12px; padding:2rem; text-align:center; transition:.3s all;
}
.card:hover{ transform:translateY(-6px); box-shadow:0 0 15px #FCD53544; }

.news-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.2rem; }
.news-item{ background:#1E2329; padding:1.5rem; border-radius:10px; transition:.3s; }
.news-item:hover{ box-shadow:0 0 12px #FCD53544; }
.news-item h4{ color:#FCD535; margin:0 0 .5rem; font-size:1.1rem; }
.news-item p{ color:#B7BDC6; font-size:.95rem; }

.contact{text-align:center;}
.contact .qr{ width:160px; margin-top:1rem; border:2px solid #EAECEF; border-radius:8px; }

footer{ background:#0B0E11; text-align:center; padding:2rem; font-size:.9rem; color:#9CA3AF; }

/* ===== Academy（新手学堂） ===== */
.academy .subhead{
  font-family:'IBM Plex Sans',sans-serif; color:#FCD535; margin:2rem 0 1rem; font-size:1.25rem;
}

/* 新手十课：两列卡片 + 金色编号徽章（移动端一列） */
.lessons-grid{ display:grid; grid-template-columns:repeat(2,minmax(260px,1fr)); gap:1rem; }
@media(max-width:720px){ .lessons-grid{ grid-template-columns:1fr; } }
.lesson-card{
  display:flex; align-items:center; gap:1rem; background:#1E2329; border:1px solid #2a2f36;
  border-radius:12px; padding:1rem 1.2rem; transition:.25s;
}
.lesson-card:hover{ transform:translateY(-4px); box-shadow:0 0 12px #FCD53544; }
.lesson-card .badge{
  min-width:38px; height:38px; border-radius:50%;
  background:#FCD535; color:#0B0E11; display:flex; align-items:center; justify-content:center; font-weight:700;
}
.lesson-card a{ color:#EAECEF; text-decoration:none; font-weight:600; line-height:1.5; }
.lesson-card a:hover{ color:#FCD535; }

/* FAQ & 术语 */
.accordion .item{ background:#1E2329; border-radius:12px; margin-bottom:.8rem; overflow:hidden; border:1px solid #2a2f36; }
.accordion .q{ cursor:pointer; padding:1rem 1.2rem; font-weight:600; display:flex; justify-content:space-between; align-items:center; }
.accordion .a{ display:none; padding:0 1.2rem 1rem 1.2rem; color:#B7BDC6; }
.accordion .item.open .a{ display:block; } .accordion .item.open .q{ color:#FCD535; }

.glossary{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.glossary .term{ background:#1E2329; border-radius:12px; padding:1rem 1.2rem; border:1px solid #2a2f36; }
.glossary .term h4{ margin:.2rem 0 .4rem; color:#FCD535; }