@font-face{font-family:'RC-Title';src:url(fonts/baloo-800.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'RC';src:url(fonts/qs-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'RC';src:url(fonts/qs-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'RC';src:url(fonts/qs-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'RC';src:url(fonts/qs-700.woff2) format('woff2');font-weight:700;font-display:swap}

:root{
  --ink:#111;
  --blue:#29a9e1;
  --bg:#e8edf4;
  --soft:#f1f6fa;
  --muted:#5b6b7d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'RC','Segoe UI',system-ui,-apple-system,sans-serif;
  letter-spacing:.3px;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}

.wrap{
  position:relative;
  width:min(1000px,100%);
  margin:0 auto;
  padding:30px 18px 80px;
  text-align:center;
}
.backlink{
  display:inline-block;font-size:15px;font-weight:600;color:#26384a;text-decoration:none;
  border:1.6px solid var(--ink);background:#fff;border-radius:999px;padding:5px 15px;
}
.backlink:hover{background:var(--soft)}

.chead{margin:22px 0 30px}
.chead h1{
  font-family:'RC-Title';font-weight:800;margin:0;
  font-size:clamp(30px,6vw,54px);line-height:1.02;letter-spacing:-.5px;
}
.chead h1 span{color:var(--blue)}
.chead .sub{margin:12px 0 0;font-size:18px;font-weight:600;color:#26384a;letter-spacing:1px}
.chead .tip{margin:6px 0 0;font-size:15px;color:var(--muted)}

/* ===== 系列卡片 ===== */
.series{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:20px;
  text-align:left;
}
.card{
  display:block;text-decoration:none;color:inherit;background:#fff;
  border:1.8px solid var(--ink);border-radius:16px;overflow:hidden;
  transition:transform .15s,box-shadow .15s;
}
a.card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(20,35,60,.16)}
a.card:active{transform:translateY(-1px)}

.card .strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.4px solid #dfe5ec}
.card .strip img{width:100%;display:block;aspect-ratio:1/1;object-fit:contain;border-right:1px solid #e7ecf2;background:#fff}
.card .strip img:last-child{border-right:0}
.card .body{padding:14px 16px 16px}
.card .tag{
  display:inline-block;background:var(--ink);color:#fff;border-radius:7px;
  font-size:12.5px;font-weight:700;letter-spacing:1px;padding:3px 9px;
}
.card h3{font-family:'RC-Title';font-weight:800;font-size:23px;margin:9px 0 2px;line-height:1.15}
.card .zh{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 8px;letter-spacing:.5px}
.card p.desc{margin:0;font-size:14.5px;line-height:1.6;color:#33475c}
.card .go{
  display:flex;align-items:center;gap:6px;margin-top:12px;
  font-size:15px;font-weight:700;color:var(--blue);letter-spacing:.5px;
}

/* 敬请期待 */
.card.soon{
  align-self:start;
  border-style:dashed;border-color:#b9c4d2;background:rgba(255,255,255,.55);
  cursor:default;padding:24px 18px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
}
.card.soon .ph{font-family:'RC-Title';font-weight:800;font-size:22px;color:#93a3b6}
.card.soon .zh{color:#a4b2c2;margin-top:5px;font-size:13.5px}
.card.soon .note{font-size:13px;color:#a4b2c2;margin-top:12px;line-height:1.6}

.foot{margin:34px 0 0;font-size:13.5px;color:var(--muted)}

@media (max-width:420px){
  .wrap{padding:22px 14px 60px}
  .card h3{font-size:21px}
}