:root {
  color-scheme: light;
  --c2-ivory: #FAF6EE;
  --c2-cream: #FFFDF7;
  --c2-sand: #F1E8D8;
  --c2-ink: #2A1A12;
  --c2-muted: #7A6A5E;
  --c2-line: #E3D5BE;
  --c2-red: #C8102E;
  --c2-red-dark: #9C0B23;
  --c2-gold: #B8860B;
  --c2-gold-soft: #E9D9AE;
  --c2-jade: #0E7C5B;
}
html[data-skin="china2"] {
  --skin__bg_1: #FAF6EE !important;
  --skin__bg_1__toRgbString: 250,246,238 !important;
  --skin__bg_2: #FFFDF7 !important;
  --skin__bg_2__toRgbString: 255,253,247 !important;
  --skin__home_bg: #FAF6EE !important;
  --skin__home_bg__toRgbString: 250,246,238 !important;
  --skin__table_bg: #FFFDF7 !important;
  --skin__table_bg__toRgbString: 255,253,247 !important;
  --skin__filter_bg: #F1E8D8 !important;
  --skin__filter_bg__toRgbString: 241,232,216 !important;
  --skin__border: #E3D5BE !important;
  --skin__border__toRgbString: 227,213,190 !important;
  --skin__primary: #C8102E !important;
  --skin__primary__toRgbString: 200,16,46 !important;
  --skin__alt_primary: #B8860B !important;
  --skin__alt_primary__toRgbString: 184,134,11 !important;
  --skin__btmnav_active: #C8102E !important;
  --skin__btmnav_active__toRgbString: 200,16,46 !important;
  --skin__filter_active: #C8102E !important;
}
html[data-skin="china2"] body { background: var(--c2-ivory); color: var(--c2-ink); }
html[data-skin="china2"] #app { display: none !important; }
html[data-skin="china2"] body.modal-is-open, html[data-skin="china2"] body[class*="overflow"], html[data-skin="china2"] body[style*="overflow"] { overflow: auto !important; }
html[data-skin="china2"] .ui-popup, html[data-skin="china2"] .ui-dialog, html[data-skin="china2"] [class*="loginRegisterDialog"], html[data-skin="china2"] [class*="loginRegister"] { display: none !important; }
#c2-shell { min-height: 100vh; display: flex; background: var(--c2-ivory); color: var(--c2-ink); font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
#c2-side { width: 248px; flex: 0 0 248px; background: #2A1410; color: #F5EAD2; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; border-right: 3px solid var(--c2-gold); }
#c2-brand { display: flex; align-items: center; gap: 10px; padding: 18px 18px 14px; border-bottom: 1px solid rgba(233,217,174,.25); }
#c2-brand img { width: 40px; height: 40px; }
#c2-brand strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 19px; letter-spacing: .5px; }
#c2-brand small { color: var(--c2-gold-soft); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
#c2-nav { padding: 12px; display: flex; flex-direction: column; gap: 4px; overflow: auto; }
#c2-nav button { text-align: left; background: transparent; border: 1px solid transparent; color: #F5EAD2; border-radius: 8px; padding: 9px 10px; font-size: 13.5px; cursor: pointer; }
#c2-nav button[aria-current="true"], #c2-nav button:hover { background: rgba(200,16,46,.18); border-color: rgba(233,217,174,.35); }
#c2-jackpot-card { margin: auto 12px 12px; background: linear-gradient(160deg, #3A1A14, #200D0B); border: 1px solid var(--c2-gold); border-radius: 12px; padding: 12px; }
#c2-jackpot-card h3 { margin: 0 0 4px; font-size: 12px; color: var(--c2-gold-soft); letter-spacing: 1.5px; text-transform: uppercase; }
#c2-jackpot-card p { margin: 0; font-family: Georgia, serif; font-size: 22px; color: #fff; }
#c2-jackpot-card small { color: #D9C49A; }
#c2-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
#c2-ticker { background: #200D0B; color: var(--c2-gold-soft); font-size: 12.5px; overflow: hidden; white-space: nowrap; border-bottom: 2px solid var(--c2-gold); }
#c2-ticker span { display: inline-block; padding: 7px 0 7px 100%; animation: c2tick 28s linear infinite; }
@keyframes c2tick { to { transform: translateX(-100%); } }
#c2-top { display: flex; align-items: center; gap: 12px; padding: 12px 20px; background: var(--c2-cream); border-bottom: 1px solid var(--c2-line); position: sticky; top: 0; z-index: 30; }
#c2-menu-btn { display: none; border: 1px solid var(--c2-line); background: #fff; border-radius: 8px; padding: 8px 10px; cursor: pointer; }
#c2-search { flex: 1; display: flex; }
#c2-search input { width: 100%; border: 1px solid var(--c2-line); border-radius: 999px; padding: 10px 16px; font-size: 14px; background: #fff; color: var(--c2-ink); }
#c2-auth { display: flex; align-items: center; gap: 8px; }
#c2-auth button { border-radius: 999px; padding: 9px 16px; font-size: 13px; cursor: pointer; border: 1px solid var(--c2-red); }
#c2-login { background: #fff; color: var(--c2-red); }
#c2-register { background: var(--c2-red); color: #fff; }
#c2-register:hover { background: var(--c2-red-dark); }
#c2-guest { background: transparent; color: var(--c2-ink); border-color: var(--c2-line); }
#c2-balance { font-weight: 700; background: var(--c2-sand); border: 1px solid var(--c2-line); border-radius: 999px; padding: 8px 14px; font-size: 13px; }
#c2-hero { margin: 18px 20px 0; border: 1px solid var(--c2-line); border-radius: 16px; overflow: hidden; background: #200D0B; position: relative; aspect-ratio: 21/7; max-height: 320px; }
#c2-hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
#c2-hero figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 24px 16px; background: linear-gradient(180deg, transparent, rgba(20,8,6,.82)); color: #fff; }
#c2-hero h2 { margin: 0 0 4px; font-family: Georgia, serif; font-size: clamp(20px, 3vw, 34px); }
#c2-hero p { margin: 0; color: #F1E2C4; font-size: 13.5px; }
#c2-dots { position: absolute; right: 16px; top: 14px; display: flex; gap: 6px; }
#c2-dots button { width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; background: transparent; cursor: pointer; padding: 0; }
#c2-dots button[aria-current="true"] { background: var(--c2-gold); border-color: var(--c2-gold); }
.c2-section { padding: 20px 20px 0; }
.c2-sec-head { display: flex; align-items: baseline; gap: 12px; border-bottom: 2px solid var(--c2-ink); padding-bottom: 8px; margin-bottom: 12px; }
.c2-sec-num { font-family: Georgia, serif; color: var(--c2-red); font-size: 15px; }
.c2-sec-head h2 { font-family: Georgia, serif; margin: 0; font-size: 21px; }
.c2-sec-head button { margin-left: auto; background: none; border: none; color: var(--c2-red); cursor: pointer; font-size: 13px; }
.c2-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.c2-card { background: #fff; border: 1px solid var(--c2-line); border-radius: 12px; overflow: hidden; cursor: pointer; text-align: left; padding: 0; display: flex; flex-direction: column; }
.c2-card:hover { border-color: var(--c2-gold); box-shadow: 0 8px 22px rgba(42,26,18,.12); }
.c2-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; background: var(--c2-sand); display: block; }
.c2-card span { padding: 8px 9px 10px; font-size: 12.5px; font-weight: 600; color: var(--c2-ink); }
.c2-card small { padding: 0 9px 9px; color: var(--c2-muted); font-size: 11px; }
#c2-foot { margin: 26px 20px 22px; border-top: 1px solid var(--c2-line); padding-top: 14px; color: var(--c2-muted); font-size: 12px; display: flex; gap: 14px; flex-wrap: wrap; }
#c2-launch { position: fixed; inset: 0; z-index: 80; display: none; }
#c2-launch[data-open="1"] { display: block; }
#c2-launch-bg { position: absolute; inset: 0; background: rgba(32,13,11,.66); }
#c2-launch-box { position: absolute; inset: 4vh 4vw; background: #fff; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; border: 2px solid var(--c2-gold); }
#c2-launch-bar { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #2A1410; color: #F5EAD2; }
#c2-launch-bar button { margin-left: auto; background: var(--c2-red); color: #fff; border: none; border-radius: 8px; padding: 7px 12px; cursor: pointer; }
#c2-launch-box iframe { flex: 1; width: 100%; border: 0; background: #000; min-height: 60vh; }
#c2-toast { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); background: #2A1410; color: #F5EAD2; border: 1px solid var(--c2-gold); padding: 10px 16px; border-radius: 999px; font-size: 13px; z-index: 99; display: none; }
#c2-toast[data-show="1"] { display: block; }
@media (max-width: 1400px) { .c2-grid { grid-template-columns: repeat(5, minmax(0,1fr)); } }
@media (max-width: 1100px) { .c2-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } #c2-side { position: fixed; z-index: 60; transform: translateX(-105%); transition: transform .22s ease; } body[data-c2nav] #c2-side { transform: none; } #c2-menu-btn { display: inline-block; } }
@media (max-width: 768px) { .c2-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } #c2-hero { aspect-ratio: 16/9; margin: 12px 12px 0; } .c2-section { padding: 14px 12px 0; } #c2-top { padding: 10px 12px; } #c2-foot { margin: 20px 12px; } #c2-launch-box { inset: 2vh 2vw; } }
@media (prefers-reduced-motion: reduce) { #c2-ticker span { animation: none; padding-left: 12px; } }