/* 引导页样式 */
.wrap{max-width:1040px;margin:0 auto;padding:34px 22px 60px;}
.hero{text-align:center;padding:40px 0 22px;}
.hero .h1{font-size:clamp(30px,6vw,58px);font-weight:900;}
.hero .lead{margin:16px auto 0;text-align:center;}

.sec{margin-top:48px;}
.sec-t{font-size:clamp(22px,3.5vw,32px);font-weight:900;margin-bottom:22px;padding-left:14px;border-left:5px solid var(--red);}

.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.steps{grid-template-columns:1fr;}}
.step{background:var(--card);border-radius:14px;padding:18px 16px;box-shadow:var(--shadow);border:1px solid var(--card-line);position:relative;}
.step .sn{width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,var(--red),var(--red-d));color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:10px;box-shadow:0 3px 8px rgba(142,42,32,.4);}
.step h3{font-size:17px;font-weight:900;margin-bottom:6px;}
.step p{font-size:13.5px;line-height:1.75;color:var(--ink-soft);}
.step b{color:var(--red-d);}

.board-map{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;}
.bm-grid{flex:1;min-width:300px;display:grid;grid-template-columns:repeat(13,1fr);gap:3px;
  background:#f3dada;padding:8px;border-radius:12px;box-shadow:inset 0 0 0 2px #e7b3b3;}
.bm-cell{aspect-ratio:1;border-radius:4px;background:var(--fog);font-size:9px;color:#8e2a20;display:flex;align-items:center;justify-content:center;font-weight:700;}
.bm-cell.sky{background:#4f86ff;color:#fff;}
.bm-cell.fog{background:#d9cfb4;}
.bm-cell.red{background:var(--red);color:#fff;}
.bm-legend{width:220px;display:flex;flex-direction:column;gap:12px;}
.bl{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-soft);}
.sw{width:18px;height:18px;border-radius:5px;flex-shrink:0;}
.sw.sky{background:#4f86ff;}.sw.fog{background:#d9cfb4;}.sw.red{background:var(--red);}.sw.blue{background:linear-gradient(90deg,#4f86ff,#2563eb);}

.keyrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;}
@media(max-width:760px){.keyrow{grid-template-columns:1fr;}}
.keypad{background:var(--card);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow);border-left:4px solid var(--red);}
.keypad b{display:block;font-size:15px;font-weight:900;margin-bottom:6px;color:var(--red-d);}
.keypad span{font-size:13.5px;line-height:1.7;color:var(--ink-soft);}

.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:820px){.rules{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.rules{grid-template-columns:1fr;}}
.rule{display:flex;gap:14px;background:var(--card);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow);border:1px solid var(--card-line);}
.rule .rk{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:linear-gradient(180deg,var(--red),var(--red-d));color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;}
.rule p{font-size:13.5px;line-height:1.75;color:var(--ink-soft);}
.rule b{color:var(--ink);}

.cta-center{text-align:center;}
.foot{margin-top:50px;text-align:center;font-size:13px;color:var(--ink-soft);letter-spacing:.06em;}
.scanline{position:fixed;left:0;right:0;top:0;height:140px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(192,57,43,.12),transparent);animation:scanMove 7s linear infinite;}
@keyframes scanMove{0%{transform:translateY(-140px)}100%{transform:translateY(100vh)}}