/* ===== PermainanSeru · Candy Arcade 设计语言 v2 ===== */
:root{--or:#0ea5a4;--or2:#0d7f7e;--bg:#f2fdfb;--card:#ffffff;--tx:#123b39;--mut:#5f8b88;--bd:#d6f2ee}
body{background:
  radial-gradient(900px 420px at 12% -8%,#d9fff7 0%,transparent 60%),
  radial-gradient(700px 380px at 92% 0%,#fff2e6 0%,transparent 55%),
  var(--bg)!important;
  font-family:'Nunito','Segoe UI',system-ui,sans-serif!important}
header{background:linear-gradient(100deg,#0ea5a4,#14b8a6 55%,#2dd4bf)!important;border:0!important;box-shadow:0 6px 24px rgba(14,165,164,.22)}
.hd{padding:16px 0!important}
.logo{letter-spacing:0!important;font-weight:900!important;text-transform:none!important}
.logo span{background:#fff!important;color:#0ea5a4!important;border-radius:14px!important;padding:2px 10px!important}
nav a{background:rgba(255,255,255,.16)!important;color:#fff!important;border-radius:999px!important;padding:6px 14px!important;margin-right:8px!important;font-size:.86rem!important;border:1px solid rgba(255,255,255,.25)}
nav a:hover{background:#fff!important;color:#0ea5a4!important}
.lang{background:#fff!important;color:#0ea5a4!important;border-radius:999px!important}
.hero{text-align:left!important;padding:42px 0 10px!important;max-width:760px}
.hero h1{font-size:2.55rem!important;line-height:1.15!important;color:#0f3d3b!important;font-weight:900!important;letter-spacing:-.5px}
.hero h1 em{color:#ff6b6b!important;font-style:normal}
.hero p{font-size:1.02rem!important;max-width:620px}
h2.sec{border:0!important;padding:0!important;margin:40px 0 16px!important;font-size:1.35rem!important;font-weight:900!important;color:#0f3d3b!important;display:flex;align-items:center;gap:10px}
h2.sec:before{content:"";width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ffd166,#ff6b6b);display:inline-block;flex:0 0 34px}
.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;gap:18px!important}
.card{border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 16px rgba(15,61,59,.08)!important;overflow:hidden!important;transition:transform .18s cubic-bezier(.2,.8,.3,1.2),box-shadow .18s!important}
.card:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 16px 32px rgba(14,165,164,.22)!important;outline:3px solid rgba(45,212,191,.35)}
.card img{aspect-ratio:4/3!important;object-fit:cover!important;border-radius:0!important}
.card b{display:block!important;padding:10px 12px 2px!important;font-size:.92rem!important;font-weight:800!important;line-height:1.3}
.card i{padding:0 12px 12px!important;color:#0ea5a4!important;font-style:normal!important;font-size:.74rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.6px}
.card .pl{background:rgba(14,165,164,.92)!important;border-radius:50%!important;width:44px!important;height:44px!important;line-height:44px!important}
.gcard{border-radius:20px!important;background:#fff!important;box-shadow:0 3px 12px rgba(15,61,59,.07)!important}