/* Kaiyun v4 coordinated site profiles. Explicit ky4 selectors only. */

body.ky4-v1 { --ky4-profile-accent:#315be8 !important; --ky4-profile-deep:#102354 !important; }
body.ky4-v1 .ky4-header { background:#0b1433 !important; }
body.ky4-v1 .ky4-header__inner { min-height:74px !important; }
body.ky4-v1 .ky4-hero__grid { grid-template-columns:1.35fr .85fr !important; gap:70px !important; }
body.ky4-v1 .ky4-hero__main { align-self:start !important; }
body.ky4-v1 .ky4-hero-board { border-radius:18px !important; background:rgba(18,41,94,.9) !important; }
body.ky4-v1 .ky4-scoreboard { border-radius:16px !important; }
body.ky4-v1 .ky4-gallery { grid-template-columns:1.65fr 1fr !important; }
body.ky4-v1 .ky4-metric-grid { grid-template-columns:repeat(3,1fr) !important; }
body.ky4-v1 .ky4-btn--primary { background:#ffd23f !important; color:#17214a !important; }
body.ky4-v1 .ky4-footer { background:#0b1433 !important; }

body.ky4-v2 { --ky4-profile-accent:#087ea4 !important; --ky4-profile-deep:#07364b !important; }
body.ky4-v2 .ky4-header { background:#f8fcff !important; border-bottom:1px solid #cfe6ee !important; }
body.ky4-v2 .ky4-header__inner { min-height:66px !important; }
body.ky4-v2 .ky4-nav a { color:#17384b !important; }
body.ky4-v2 .ky4-hero__grid { grid-template-columns:1.55fr .75fr !important; gap:42px !important; }
body.ky4-v2 .ky4-hero__main { padding-right:20px !important; }
body.ky4-v2 .ky4-hero-board { align-self:end !important; border-radius:8px !important; background:rgba(5,45,67,.92) !important; }
body.ky4-v2 .ky4-scoreboard { border-radius:8px !important; border:1px solid #cae2eb !important; }
body.ky4-v2 .ky4-gallery { grid-template-columns:2fr 1fr !important; }
body.ky4-v2 .ky4-metric-grid { grid-template-columns:1.35fr 1fr 1fr !important; }
body.ky4-v2 .ky4-btn--primary { background:#16b7ca !important; color:#062c3b !important; }
body.ky4-v2 .ky4-footer { background:#07364b !important; }

body.ky4-v3 { --ky4-profile-accent:#5367e8 !important; --ky4-profile-deep:#202b68 !important; }
body.ky4-v3 .ky4-header { background:#151d4c !important; }
body.ky4-v3 .ky4-header__inner { justify-content:center !important; gap:64px !important; }
body.ky4-v3 .ky4-nav { justify-content:center !important; }
body.ky4-v3 .ky4-hero__grid { grid-template-columns:1fr !important; gap:28px !important; text-align:center !important; }
body.ky4-v3 .ky4-hero__main { max-width:980px !important; margin-inline:auto !important; }
body.ky4-v3 .ky4-hero__actions { justify-content:center !important; }
body.ky4-v3 .ky4-hero-board { width:100% !important; max-width:1080px !important; margin:auto !important; border-radius:22px !important; background:rgba(25,38,92,.92) !important; }
body.ky4-v3 .ky4-scoreboard { border-radius:22px !important; }
body.ky4-v3 .ky4-gallery { grid-template-columns:repeat(3,1fr) !important; }
body.ky4-v3 .ky4-metric-grid { grid-template-columns:repeat(3,1fr) !important; }
body.ky4-v3 .ky4-btn--primary { background:#9fb0ff !important; color:#17205a !important; }
body.ky4-v3 .ky4-footer { background:#151d4c !important; text-align:center !important; }

body.ky4-v4 { --ky4-profile-accent:#0b8f83 !important; --ky4-profile-deep:#074a49 !important; }
body.ky4-v4 .ky4-header { background:#063d43 !important; }
body.ky4-v4 .ky4-header__inner { min-height:64px !important; }
body.ky4-v4 .ky4-hero__grid { grid-template-columns:.72fr 1.28fr !important; gap:36px !important; }
body.ky4-v4 .ky4-hero__main { align-self:center !important; }
body.ky4-v4 .ky4-hero-board { padding:14px !important; border-radius:12px !important; background:rgba(5,61,65,.94) !important; }
body.ky4-v4 .ky4-board-game { padding:12px 14px !important; }
body.ky4-v4 .ky4-scoreboard { border-radius:10px !important; }
body.ky4-v4 .ky4-gallery { grid-template-columns:1fr 1fr !important; }
body.ky4-v4 .ky4-metric-grid { grid-template-columns:repeat(4,1fr) !important; }
body.ky4-v4 .ky4-btn--primary { background:#4de0c2 !important; color:#073e3b !important; }
body.ky4-v4 .ky4-footer { background:#063d43 !important; }

body.ky4-v5 { --ky4-profile-accent:#5b4fe9 !important; --ky4-profile-deep:#2a2466 !important; }
body.ky4-v5 .ky4-header { background:#fff !important; border-bottom:3px solid #6358ef !important; }
body.ky4-v5 .ky4-header__inner { min-height:78px !important; }
body.ky4-v5 .ky4-nav a { color:#25225a !important; }
body.ky4-v5 .ky4-hero__grid { grid-template-columns:1.12fr .88fr !important; gap:24px !important; }
body.ky4-v5 .ky4-hero__main { position:relative !important; z-index:2 !important; }
body.ky4-v5 .ky4-hero__visual { transform:translateX(24px) !important; border-radius:32px 8px 32px 8px !important; }
body.ky4-v5 .ky4-hero-board { transform:translateX(-18px) !important; border-radius:8px 28px 8px 28px !important; background:rgba(38,31,91,.94) !important; }
body.ky4-v5 .ky4-scoreboard { border-radius:8px 24px 8px 24px !important; }
body.ky4-v5 .ky4-gallery { grid-template-columns:1.8fr .9fr !important; }
body.ky4-v5 .ky4-metric-grid { grid-template-columns:1.5fr 1fr 1fr !important; }
body.ky4-v5 .ky4-btn--primary { background:#ffcf55 !important; color:#2f265f !important; }
body.ky4-v5 .ky4-footer { background:#211b50 !important; }

body.ky4-v6 { --ky4-profile-accent:#1f6fff !important; --ky4-profile-deep:#08245e !important; }
body.ky4-v6 .ky4-header { background:#061a46 !important; }
body.ky4-v6 .ky4-header__inner { min-height:76px !important; }
body.ky4-v6 .ky4-hero { background:linear-gradient(120deg,#061b4e,#174eb8 60%,#2a74e9)!important; }
body.ky4-v6 .ky4-hero__grid { grid-template-columns:1fr 1fr !important; gap:54px !important; }
body.ky4-v6 .ky4-hero__main { align-self:center !important; }
body.ky4-v6 .ky4-hero-board { margin-top:30px !important; border-radius:26px !important; background:rgba(5,27,77,.88) !important; box-shadow:0 28px 70px rgba(1,13,48,.4) !important; }
body.ky4-v6 .ky4-scoreboard { border-radius:24px !important; }
body.ky4-v6 .ky4-gallery { grid-template-columns:1.4fr 1fr !important; }
body.ky4-v6 .ky4-metric-grid { grid-template-columns:repeat(3,1fr) !important; }
body.ky4-v6 .ky4-btn--primary { background:#ffd34f !important; color:#0b2458 !important; }
body.ky4-v6 .ky4-footer { background:#061a46 !important; }

body.ky4-v7 { --ky4-profile-accent:#2463c7 !important; --ky4-profile-deep:#143461 !important; }
body.ky4-v7 .ky4-header { background:#102b50 !important; }
body.ky4-v7 .ky4-header__inner { min-height:58px !important; }
body.ky4-v7 .ky4-nav { gap:18px !important; }
body.ky4-v7 .ky4-hero { padding-block:34px 48px !important; }
body.ky4-v7 .ky4-hero__grid { min-height:520px !important; grid-template-columns:1.15fr .85fr !important; gap:30px !important; }
body.ky4-v7 .ky4-hero__main { align-self:start !important; }
body.ky4-v7 .ky4-hero-board { padding:14px !important; border-radius:10px !important; background:rgba(16,46,89,.94) !important; }
body.ky4-v7 .ky4-scoreboard { border-radius:10px !important; }
body.ky4-v7 .ky4-gallery { grid-template-columns:repeat(2,1fr) !important; }
body.ky4-v7 .ky4-metric-grid { grid-template-columns:repeat(4,1fr) !important; gap:12px !important; }
body.ky4-v7 .ky4-btn--primary { background:#58c9ff !important; color:#102f55 !important; }
body.ky4-v7 .ky4-footer { background:#102b50 !important; }

body.ky4-v8 { --ky4-profile-accent:#3e5bd6 !important; --ky4-profile-deep:#27356e !important; }
body.ky4-v8 .ky4-header { background:rgba(255,255,255,.96) !important; border-bottom:1px solid #d9e1f2 !important; }
body.ky4-v8 .ky4-header__inner { min-height:72px !important; }
body.ky4-v8 .ky4-nav a { color:#27345d !important; }
body.ky4-v8 .ky4-hero { background:linear-gradient(135deg,#f9fbff,#dfe9ff)!important; color:#111a34!important; }
body.ky4-v8 .ky4-hero__grid { grid-template-columns:1.05fr .95fr !important; gap:48px !important; }
body.ky4-v8 .ky4-hero__main { padding:34px !important; border:1px solid #d8e2f4 !important; border-radius:26px !important; background:#fff !important; }
body.ky4-v8 .ky4-hero__copy :is(h1,h2,h3,strong,p,small) { color:#182246!important; }
body.ky4-v8 .ky4-hero-board { border:1px solid #cfdaf0 !important; border-radius:24px !important; background:#fff !important; color:#182246 !important; box-shadow:0 22px 60px rgba(51,72,126,.16) !important; }
body.ky4-v8 .ky4-board-game { background:#edf3ff !important; border-color:#d6e0f3 !important; }
body.ky4-v8 .ky4-scoreboard { border-radius:24px !important; }
body.ky4-v8 .ky4-gallery { grid-template-columns:1.25fr 1fr !important; }
body.ky4-v8 .ky4-metric-grid { grid-template-columns:repeat(3,1fr) !important; }
body.ky4-v8 .ky4-btn--primary { background:#405fd4 !important; color:#fff !important; }
body.ky4-v8 .ky4-footer { background:#27356e !important; }

@media (max-width:900px) {
  body.ky4-v1 .ky4-hero__grid,
  body.ky4-v2 .ky4-hero__grid,
  body.ky4-v3 .ky4-hero__grid,
  body.ky4-v4 .ky4-hero__grid,
  body.ky4-v5 .ky4-hero__grid,
  body.ky4-v6 .ky4-hero__grid,
  body.ky4-v7 .ky4-hero__grid,
  body.ky4-v8 .ky4-hero__grid { grid-template-columns:1fr !important; gap:28px !important; }
  body.ky4-v1 .ky4-metric-grid,
  body.ky4-v2 .ky4-metric-grid,
  body.ky4-v3 .ky4-metric-grid,
  body.ky4-v4 .ky4-metric-grid,
  body.ky4-v5 .ky4-metric-grid,
  body.ky4-v6 .ky4-metric-grid,
  body.ky4-v7 .ky4-metric-grid,
  body.ky4-v8 .ky4-metric-grid { grid-template-columns:repeat(2,1fr) !important; }
  body.ky4-v3 .ky4-header__inner,
  body.ky4-v5 .ky4-header__inner,
  body.ky4-v7 .ky4-header__inner,
  body.ky4-v8 .ky4-header__inner { justify-content:space-between !important; gap:20px !important; }
  body.ky4-v5 .ky4-hero__visual,
  body.ky4-v5 .ky4-hero-board { transform:none !important; }
}

@media (max-width:600px) {
  body.ky4-v1 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v2 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v3 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v4 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v5 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v6 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v7 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board),
  body.ky4-v8 :is(.ky4-hero__grid,.ky4-hero__main,.ky4-hero__copy,.ky4-hero-board) {
    min-width:0 !important;
    max-width:100% !important;
  }
  body.ky4-v1 .ky4-gallery,
  body.ky4-v2 .ky4-gallery,
  body.ky4-v3 .ky4-gallery,
  body.ky4-v4 .ky4-gallery,
  body.ky4-v5 .ky4-gallery,
  body.ky4-v6 .ky4-gallery,
  body.ky4-v7 .ky4-gallery,
  body.ky4-v8 .ky4-gallery { grid-template-columns:1fr !important; }
  body.ky4-v1 .ky4-metric-grid,
  body.ky4-v2 .ky4-metric-grid,
  body.ky4-v3 .ky4-metric-grid,
  body.ky4-v4 .ky4-metric-grid,
  body.ky4-v5 .ky4-metric-grid,
  body.ky4-v6 .ky4-metric-grid,
  body.ky4-v7 .ky4-metric-grid,
  body.ky4-v8 .ky4-metric-grid { grid-template-columns:1fr !important; }
  body.ky4-v1 .ky4-hero-board,
  body.ky4-v2 .ky4-hero-board,
  body.ky4-v3 .ky4-hero-board,
  body.ky4-v4 .ky4-hero-board,
  body.ky4-v5 .ky4-hero-board,
  body.ky4-v6 .ky4-hero-board,
  body.ky4-v7 .ky4-hero-board,
  body.ky4-v8 .ky4-hero-board { width:100% !important; padding:12px !important; border-radius:14px !important; }
  body.ky4-v8 .ky4-hero__main { padding:20px !important; }
}