.ckr-splash { --g900: #0d3312; --g800: #1b5e20; --g700: #2e7d32; --g500: #43a047; --gold: #c9a227; --gold-l: #e6c65c; --cream: #fbf8ef;
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99990; overflow-y: auto; -webkit-overflow-scrolling: touch;
  display: flex; box-sizing: border-box; padding: 34px 24px; color: #fff; text-align: center; font-family: 'Prompt', Tahoma, sans-serif;
  background: radial-gradient(1100px 520px at 50% -8%, rgba(230, 198, 92, .22), transparent 60%), linear-gradient(160deg, #0d3312 0%, #1b5e20 55%, #0d3312 100%);
  isolation: isolate; transition: opacity .3s ease; }
.ckr-splash::before { content: ""; position: fixed; top: -40px; right: -40px; bottom: -40px; left: -40px; z-index: -1;
  background: url('/images/splash/10-4-66.png') 30% center / cover no-repeat; filter: blur(22px) saturate(1.1); opacity: .13; }
.ckr-splash:target, .ckr-splash.is-closed { display: none; }
.ckr-splash:focus { outline: none; }
.ckr-splash.is-leaving { opacity: 0; }
.ckr-splash *, .ckr-splash *::before, .ckr-splash *::after { box-sizing: border-box; }
.ckr-splash .ckr-splash__inner { margin: auto; width: 100%; max-width: 1140px; }
.ckr-splash .ckr-splash__head { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-bottom: 20px; }
.ckr-splash .ckr-splash__logo { width: 100px; height: 100px; border-radius: 50%; background: #fff; padding: 10px; box-shadow: 0 0 0 4px rgba(230, 198, 92, .55), 0 12px 30px rgba(0, 0, 0, .35); }
.ckr-splash .ckr-splash__logo img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 0; }
.ckr-splash h1.ckr-splash__name { margin: 0; padding: 0; border: 0; font-size: 32px; font-weight: 700; line-height: 1.3; color: #fff !important; letter-spacing: .2px; text-transform: none; }
.ckr-splash p.ckr-splash__sub { margin: 2px 0 0; font-size: 18px; font-weight: 500; color: var(--gold-l); }
.ckr-splash .ckr-splash__rule { width: 90px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, transparent, var(--gold), transparent); margin: 8px auto 0; }
.ckr-splash p.ckr-splash__welcome { margin: 0 0 4px; font-size: 24px; font-weight: 600; color: #fff; }
.ckr-splash p.ckr-splash__hint { margin: 0 0 26px; font-size: 17px; color: rgba(255, 255, 255, .8); }

.ckr-splash .ckr-splash__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 540px)); gap: 32px; justify-content: center; }
.ckr-splash a.ckr-choice { display: flex; flex-direction: column; text-align: left; text-decoration: none !important; color: #1f2d20 !important;
  background: linear-gradient(180deg, #fff, var(--cream)); border-radius: 20px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .6);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .34); transition: transform .25s ease, box-shadow .25s ease; }
.ckr-splash a.ckr-choice:hover, .ckr-splash a.ckr-choice:focus-visible { transform: translateY(-6px); box-shadow: 0 26px 54px rgba(0, 0, 0, .45), 0 0 0 3px var(--gold-l); outline: none; }
.ckr-splash .ckr-choice__screen { display: block; margin: 18px 18px 0; border-radius: 12px; overflow: hidden; background: #e9efe8; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
.ckr-splash .ckr-choice__bar { display: flex; align-items: center; gap: 6px; height: 26px; padding: 0 12px; background: #dfe6de; }
.ckr-splash .ckr-choice__bar i { width: 9px; height: 9px; border-radius: 50%; background: #b9c4b8; }
.ckr-splash .ckr-choice__bar span { margin-left: 8px; height: 15px; flex: 1; border-radius: 8px; background: #fff; font-size: 10.5px; line-height: 15px; font-weight: 500; color: #6b7a6a; padding-left: 10px; overflow: hidden; white-space: nowrap; }
.ckr-splash .ckr-choice__view { display: block; position: relative; height: 240px; overflow: hidden; }
.ckr-splash .ckr-choice__view--old { background: #f3f8f3; padding: 10px; }
.ckr-splash .ckr-choice__view--old img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ckr-splash .ckr-choice__lines { display: grid; margin-top: 10px; grid-template-columns: 2fr 1fr; gap: 8px; }
.ckr-splash .ckr-choice__lines b { display: block; height: 60px; border-radius: 6px; background: #d6e3d4; }
.ckr-splash .ckr-choice__lines b + b { background: #e3ebe1; }
.ckr-splash .ckr-choice__lines b:nth-child(3) { height: 44px; background: #e3ebe1; }
.ckr-splash .ckr-choice__lines b:nth-child(4) { height: 44px; background: #d6e3d4; }
.ckr-splash .ckr-choice__view--new { background: url('/images/splash/popup-newweb.jpg') 97% 64% / 230% auto no-repeat #0d3312; }
.ckr-splash .ckr-choice__body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 20px 24px 24px; }
.ckr-splash .ckr-choice__title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 27px; font-weight: 700; line-height: 1.3; color: var(--g800); }
.ckr-splash .ckr-choice__badge { display: inline-block; font-size: 15px; font-weight: 600; color: #7a5b00; background: #fff3cc; border: 1px solid var(--gold); border-radius: 999px; padding: 2px 12px; line-height: 1.5; }
.ckr-splash .ckr-choice__desc { display: block; margin: 0 0 14px; font-size: 17px; line-height: 1.6; color: #4a5a4b; }
.ckr-splash .ckr-choice__btn { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: auto; height: 56px; border-radius: 14px; font-size: 19px; font-weight: 700; }
.ckr-splash .ckr-choice--old .ckr-choice__btn { background: linear-gradient(135deg, var(--g800), var(--g500)); color: #fff; box-shadow: 0 6px 14px rgba(27, 94, 32, .35); }
.ckr-splash .ckr-choice--new .ckr-choice__btn { background: linear-gradient(135deg, #e6c65c, #c9a227); color: #3a2c00; box-shadow: 0 6px 14px rgba(201, 162, 39, .4); }
.ckr-splash .ckr-choice__btn svg { width: 20px; height: 20px; }
.ckr-splash p.ckr-splash__foot { margin: 26px 0 0; font-size: 15px; color: rgba(255, 255, 255, .72); }
.ckr-splash p.ckr-splash__foot a { color: var(--gold-l) !important; text-decoration: none; }
html.ckr-splash-lock, html.ckr-splash-lock body { overflow: hidden; }
html.ckr-splash-lock .chatway--frame-container, html.ckr-splash-lock .chatway--trigger-container { visibility: hidden !important; }
@media (max-width: 860px) {
  .ckr-splash { padding: 26px 16px; }
  .ckr-splash .ckr-splash__choices { grid-template-columns: minmax(0, 560px); gap: 20px; }
  .ckr-splash h1.ckr-splash__name { font-size: 25px; }
  .ckr-splash .ckr-splash__logo { width: 84px; height: 84px; }
  .ckr-splash .ckr-choice__view { height: 190px; }
  .ckr-splash .ckr-choice__title { font-size: 24px; }
}
@media (min-width: 861px) and (max-height: 920px) {
  .ckr-splash { padding: 20px 24px; }
  .ckr-splash .ckr-splash__logo { width: 80px; height: 80px; padding: 8px; }
  .ckr-splash .ckr-splash__head { gap: 8px; margin-bottom: 12px; }
  .ckr-splash h1.ckr-splash__name { font-size: 28px; }
  .ckr-splash p.ckr-splash__hint { margin-bottom: 18px; }
  .ckr-splash .ckr-choice__view { height: 200px; }
  .ckr-splash .ckr-choice__body { padding: 16px 24px 20px; }
  .ckr-splash p.ckr-splash__foot { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) { .ckr-splash, .ckr-splash a.ckr-choice { transition: none; } }
@media (max-width: 480px) {
  .ckr-splash h1.ckr-splash__name { font-size: 20px; }
  .ckr-splash p.ckr-splash__sub { font-size: 15px; }
  .ckr-splash .ckr-choice__title { font-size: 22px; }
  .ckr-splash .ckr-choice__desc { font-size: 15.5px; }
}