.player-demo-notice[data-v-58f5bb4f] {
  flex: 0 0 auto;
  margin: 0;
  padding: .625rem .875rem;
  border-block: 1px solid #e7bd52;
  color: #694506;
  background: #fff2c2;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
}

.player-loading strong[data-v-04c03f29]{max-width:calc(100vw - 40px);text-align:center}
.player-loading button[data-v-04c03f29]{width:auto;padding-inline:1.5rem;white-space:nowrap}

.service-icon[data-v-f98a57b0] { position: relative; display: inline-flex; align-items: center; justify-content: center; line-height: 1;
}
.service-unread-dot[data-v-f98a57b0] { position: absolute; top: -.2rem; right: -.25rem; width: .5rem; height: .5rem; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 2px #fff;
}

button.player-header-action[data-v-c6413e99] {
  display: inline-flex !important; align-items: center; justify-content: center;
  gap: .3rem; width: auto !important; height: auto !important; min-height: 2.125rem;
  padding: .4rem .6rem !important; border: 1px solid var(--palette-accent, #287de9) !important;
  border-radius: .625rem !important; background: var(--palette-surface, #fff) !important;
  color: var(--palette-accent, #287de9) !important; font-size: .8125rem; font-weight: 600; white-space: nowrap;
}
button.player-header-action.download[data-v-c6413e99] { background: linear-gradient(115deg, var(--palette-button-start, #287de9), var(--palette-button-end, #4199ef)) !important; border-color: var(--palette-primary, #287de9) !important; color: #fff !important;
}
button.player-header-action svg[data-v-c6413e99] { width: 1.125rem !important; height: 1.125rem !important; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round;
}
button.player-header-action[data-v-c6413e99]:hover { filter: brightness(1.06);
}

.lobby-overview[data-v-cd71e7cf] { width: 100%; min-width: 0; flex: 0 0 auto;
}
.lobby-overview .topbar[data-v-cd71e7cf] { display: flex; height: auto !important; min-height: 4.25rem; flex-wrap: nowrap; gap: .625rem; padding-block: .625rem !important;
}
.lobby-brand-space[data-v-cd71e7cf] { flex: 1 1 0; min-width: 0;
}
.lobby-overview .topbar .topbar-logo[data-v-cd71e7cf] { position: static !important; transform: none !important; width: max-content !important; max-width: none !important;
}
.lobby-overview .topbar .topbar-logo strong[data-v-cd71e7cf] { max-width: none; overflow: visible;
}
.lobby-overview .topbar .top-actions[data-v-cd71e7cf] { position: static; transform: none; display: flex; flex: 0 0 auto; flex-wrap: nowrap; gap: .5rem; margin: 0;
}

.payment-account-row[data-v-69d7967c] { display: flex; align-items: center; justify-content: center; gap: .625rem; width: 100%;
}
.payment-account-row strong[data-v-69d7967c] { min-width: 0; overflow-wrap: anywhere;
}
.payment-copy[data-v-69d7967c] { flex: 0 0 auto; padding: .3rem .6rem; border: 1px solid var(--palette-accent, #287de9); border-radius: .5rem; color: var(--palette-accent, #287de9); background: var(--palette-surface, #fff); font-size: .75rem; white-space: nowrap;
}
.point-filter-controls[data-v-69d7967c] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem;
}
.point-periods[data-v-69d7967c] { display: flex; gap: .375rem;
}
.point-periods button[data-v-69d7967c] { padding: .4rem .5rem; border: 1px solid var(--palette-line, #d9e9f6); border-radius: .5rem; color: var(--palette-text, #142a48); background: var(--palette-surface, #fff); font-size: .75rem; line-height: 1.4; white-space: nowrap;
}
.point-periods button[aria-pressed="true"][data-v-69d7967c] { border-color: var(--palette-accent, #287de9); color: var(--palette-accent, #287de9); background: color-mix(in srgb, var(--palette-accent, #287de9) 10%, var(--palette-surface, #fff));
}
.point-transfer-totals[data-v-69d7967c] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .875rem; margin: .625rem 1.25rem; color: var(--palette-muted, #7890ad); font-size: .75rem;
}
.point-transfer-totals > span[data-v-69d7967c] { white-space: nowrap;
}
.point-transfer-totals b[data-v-69d7967c] { color: var(--palette-text, #142a48); font-variant-numeric: tabular-nums;
}
.point-record-error[data-v-69d7967c] { margin: .625rem 1.25rem; color: var(--palette-danger, #ef6574);
}
.finance-mode-field[data-v-69d7967c] { display: grid; gap: .5rem; color: var(--palette-muted, #7890ad); font-size: .75rem;
}
#finance-mode[data-v-69d7967c] { display: flex; flex-wrap: wrap; gap: .5rem;
}
#finance-mode button[data-v-69d7967c] { flex: 0 0 auto; width: auto; min-height: 2rem; padding: .375rem .625rem; border: 1px solid var(--palette-line, #d9e9f6); border-radius: .5rem; background: var(--palette-surface, #fff); color: var(--palette-text, #142a48); font-size: .8125rem; font-weight: 500; line-height: 1.25; white-space: nowrap; box-shadow: none;
}
#finance-mode button[aria-pressed="true"][data-v-69d7967c] { border-color: var(--palette-accent, #287de9); color: var(--palette-accent, #287de9); background: color-mix(in srgb, var(--palette-accent, #287de9) 10%, var(--palette-surface, #fff)); font-weight: 600;
}
#finance-mode button[data-v-69d7967c]:disabled { opacity: 1; cursor: wait; color: var(--palette-muted, #7890ad); background: var(--palette-surface-soft, #eef8ff);
}
.finance-mode-empty[data-v-69d7967c] { padding: .375rem 0;
}

.service-center-content[data-v-4b7697e1]{display:grid;gap:1rem;padding:1rem;color:var(--palette-text,#173351)}
.service-center-card[data-v-4b7697e1]{border:1px solid var(--palette-line,#dfE7f2);border-radius:1.1rem;background:var(--palette-surface,#fff);box-shadow:0 3px 12px #18375d08;overflow:hidden}
.service-notice-link[data-v-4b7697e1]{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;text-align:left;color:inherit;font:inherit;cursor:pointer}
.service-notice-link>strong[data-v-4b7697e1]{flex:1}
.service-center-icon[data-v-4b7697e1]{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.service-center-icon[data-v-4b7697e1],.service-question-icon[data-v-4b7697e1]{color:var(--palette-accent,#287de9)}
.service-info-row[data-v-4b7697e1],.service-custom-link[data-v-4b7697e1]{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;min-height:3.625rem}
.service-info-row+.service-info-row[data-v-4b7697e1],.service-custom-link[data-v-4b7697e1]:not(:first-child){border-top:1px solid var(--palette-line,#dfe7f2)}
.service-contact-icon[data-v-4b7697e1]{width:1.125rem;height:1.125rem;flex:none;fill:none;stroke:var(--palette-accent,#287de9);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-contact-copy[data-v-4b7697e1]{flex:1;min-width:0;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}
.service-contact-copy strong[data-v-4b7697e1]{font-weight:600}
.service-info-row button[data-v-4b7697e1],.service-link-action[data-v-4b7697e1]{flex:none;border:0;border-radius:999px;padding:.4rem .875rem;background:var(--palette-accent,#287de9);color:#fff;font:inherit;font-size:.75rem;line-height:1.5;white-space:nowrap}
.service-custom-link[data-v-4b7697e1]{color:inherit;text-decoration:none}
.service-custom-link>strong[data-v-4b7697e1]{flex:1;min-width:0;font-size:.875rem;font-weight:500;overflow-wrap:anywhere}
.service-link-action[data-v-4b7697e1]{background:var(--palette-success,#199f83)}
.service-faq article+article[data-v-4b7697e1]{border-top:1px solid var(--palette-line,#dfe7f2)}
.service-faq article>button[data-v-4b7697e1]{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;white-space:normal}
.service-faq button strong[data-v-4b7697e1]{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5}
.service-faq-arrow[data-v-4b7697e1]{flex:none;transition:transform .2s}.service-faq-arrow.expanded[data-v-4b7697e1]{transform:rotate(180deg)}
.service-faq p[data-v-4b7697e1]{margin:0;padding:0 1rem 1rem 3rem;font-size:.875rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--palette-muted,#63758d)}
.service-online-button[data-v-4b7697e1]{width:100%;min-height:3rem;border-radius:1rem;font-size:1rem;margin:.25rem 0}

.player-demo-service-note[data-v-437197dc] { grid-column: 1 / -1; margin: 0; color: #694506; font-size: .8125rem; line-height: 1.5;
}
.demo-service button[data-v-437197dc]:disabled, .demo-service textarea[data-v-437197dc]:disabled { opacity: 1; cursor: not-allowed; color: #5e7183; background: #eaf0f5; box-shadow: none;
}

.mine-profile-top[data-v-bc30f999] { flex-wrap: wrap;
}
.mine-profile-top > div[data-v-bc30f999] { flex: 1 0 8.5rem;
}
.mine-profile-top nav[data-v-bc30f999] { margin-left: auto; align-items: center;
}
.shared-image-viewer {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 4.5rem 1.25rem 1.5rem;
  color: #fff;
  background: rgba(2, 8, 18, 0.92);
  backdrop-filter: blur(0.5rem);
}

.shared-image-viewer-stage {
  width: 100%;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}

.shared-image-viewer-canvas {
  display: grid;
  min-width: 100%;
  min-height: 100%;
  place-items: center;
}

.shared-image-viewer-stage img {
  display: block;
  max-width: min(92vw, 100%);
  max-height: calc(100vh - 8rem);
  object-fit: contain;
  transition: width 120ms ease, height 120ms ease;
  user-select: none;
}

.shared-image-viewer-toolbar {
  position: fixed;
  z-index: 1;
  top: 1rem;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 0.875rem;
  background: rgba(10, 22, 39, 0.94);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.35);
  transform: translateX(-50%);
}

.shared-image-viewer button {
  display: grid;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.625rem;
  color: #fff;
  background: #152b48;
  font: inherit;
  font-size: 0.875rem;
  cursor: pointer;
}

.shared-image-viewer button:hover {
  background: #245284;
}

.shared-image-viewer output {
  min-width: 4.25rem;
  color: #dcecff;
  font-size: 0.875rem;
  text-align: center;
}

.shared-image-viewer-close {
  position: fixed;
  z-index: 2;
  top: 1rem;
  right: 1rem;
  font-size: 1.375rem !important;
}

@media (max-width: 640px) {
  .shared-image-viewer {
    padding: 4.25rem 0.75rem 1rem;
  }

  .shared-image-viewer-stage img {
    max-width: 96vw;
    max-height: calc(100vh - 7rem);
  }

  .shared-image-viewer-toolbar {
    left: 0.75rem;
    transform: none;
  }
}
.room-bill-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5em;white-space:normal}.room-bill-rows>span{min-width:0;overflow-wrap:anywhere}
:root{--blue:#2d9df4;--blue-deep:#1f7fe4;--ink:#142a48;--muted:#7890ad;--line:#d9e9f6;--soft:#eef8ff;--white:#fff;--danger:#ef6574;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--palette-surface, #e9f2fb);font-synthesis:none}
/* Player 尺寸策略：文字、间距和组件尺寸使用 rem；精细边框、阴影、断点及画布绘制保留 px。 */
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0,var(--palette-surface, #f9fcff) 0,var(--palette-surface, #eaf3fb) 48%,var(--palette-surface-soft, #e1ebf5) 100%)}button,input{font:inherit}button{cursor:pointer;outline:none}button:focus-visible{outline:2px solid rgba(var(--palette-focus-rgb, 45,157,244),0.55);outline-offset:0.125rem}.bottom-nav button:focus-visible{border-radius:0.75rem;outline:0;background:var(--palette-surface, #edf8ff)}button:disabled{cursor:wait;opacity:.58}[hidden]{display:none!important}.form-error{min-height:1.25rem;margin:0.25rem 0 0;color:var(--danger);font-size:0.75rem;line-height:1.5}.primary-button{width:100%;min-height:3rem;border:0;border-radius:0.9375rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #55baff),var(--palette-primary, #2589ec));box-shadow:0 11px 24px rgba(var(--palette-shadow-rgb, 39,143,233),0.24);font-weight:800}

/* 登录注册 */
.auth-view{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:2rem 1.25rem;background:linear-gradient(145deg,var(--palette-surface, #edf9ff) 0,var(--palette-surface, #e2f1ff) 50%,var(--palette-surface, #f4f9ff) 100%)}.auth-view:before{position:absolute;content:"";inset:0;background-image:linear-gradient(rgba(var(--palette-primary-rgb, 60,150,230),0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--palette-primary-rgb, 60,150,230),0.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.auth-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.auth-glow-a{top:-6.875rem;right:5%;width:22.5rem;height:22.5rem;background:radial-gradient(circle,var(--palette-primary, #8ed7ff),transparent 68%)}.auth-glow-b{bottom:-10rem;left:4%;width:26.25rem;height:26.25rem;background:radial-gradient(circle,var(--palette-surface-soft, #b2e8ff),transparent 68%)}.auth-shell{position:relative;width:min(29.375rem,100%);padding:1.875rem 2rem 1.625rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.9);border-radius:1.875rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.88);box-shadow:0 30px 90px rgba(var(--palette-shadow-rgb, 48,108,163),0.17),inset 0 1px var(--palette-shadow, #fff);backdrop-filter:blur(18px)}.auth-brand{display:flex;align-items:center;gap:0.8125rem;margin-bottom:1.5rem}.brand-mark{display:grid;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:var(--palette-surface, #e4f5ff);box-shadow:0 8px 24px rgba(var(--palette-shadow-rgb, 43,148,235),0.15)}.brand-mark img{width:2.5625rem;height:2.5625rem;object-fit:contain}.auth-brand small,.auth-brand strong{display:block}.auth-brand small{margin-bottom:0.1875rem;color:var(--palette-muted, #7b98b6);font-size:0.75rem;font-weight:800;letter-spacing:.16em}.auth-brand strong{font-size:1.125rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1.5625rem;padding:0.25rem;border-radius:0.8125rem;background:var(--palette-surface, #edf5fb)}.auth-tabs button{height:2.5rem;border:0;border-radius:0.625rem;color:var(--palette-muted, #7990aa);background:transparent;font-size:0.8125rem;font-weight:700}.auth-tabs button.active{color:var(--palette-accent, #177dd6);background:var(--palette-surface, #fff);box-shadow:0 6px 18px rgba(var(--palette-shadow-rgb, 37,100,157),0.1)}.auth-intro{margin-bottom:1.375rem}.auth-intro p{margin:0 0 0.375rem;color:var(--palette-accent, #3098ec);font-size:0.75rem;font-weight:900;letter-spacing:.18em}.auth-intro h1{margin:0;font-size:1.75rem;letter-spacing:-.04em}.auth-intro span{display:block;margin-top:0.4375rem;color:var(--palette-muted, #8297ae);font-size:0.75rem}.auth-form{display:grid;gap:0.9375rem}.auth-form>label,.form-pair>label{display:grid;gap:0.4375rem;color:var(--palette-muted, #667f99);font-size:0.75rem;font-weight:700}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.auth-input{display:flex;align-items:center;height:3.125rem;border:1px solid var(--palette-line, #d9e8f4);border-radius:0.875rem;background:var(--palette-surface, #f8fbfe);transition:.2s}.auth-input:focus-within{border-color:var(--palette-focus, #65b8f7);background:var(--palette-surface, #fff);box-shadow:0 0 0 4px rgba(var(--palette-shadow-rgb, 50,156,239),0.1)}.auth-input i{display:grid;width:2.625rem;place-items:center;color:var(--palette-accent, #58aef0);font-style:normal;font-size:1.0625rem}.auth-input input{min-width:0;flex:1;height:100%;border:0;outline:0;color:var(--palette-text, #1c3653);background:transparent;font-size:0.8125rem}.auth-input input::placeholder{color:var(--palette-muted, #a9bacb)}.auth-input button{height:100%;padding:0 0.875rem;border:0;color:var(--palette-accent, #409ee9);background:transparent;font-size:0.75rem}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 7.625rem;gap:0.625rem}.captcha-image{height:3.125rem;overflow:hidden;padding:0;border:1px solid var(--palette-line, #d9e8f4);border-radius:0.875rem;background:var(--palette-surface, #eef7fd)}.captcha-image img{display:block;width:100%;height:100%;object-fit:contain}.auth-submit{display:flex;align-items:center;justify-content:space-between;height:3.25rem;margin-top:0.125rem;padding:0 1.1875rem;border:0;border-radius:0.9375rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #58bfff),var(--palette-primary, #2589ec));box-shadow:0 12px 26px rgba(var(--palette-shadow-rgb, 38,139,232),0.25);font-size:0.875rem;font-weight:800}.auth-submit span{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:0.5625rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.18);font-size:1.0625rem}.auth-session{display:flex;align-items:center;justify-content:center;gap:0.4375rem;margin:1.1875rem 0 0;color:var(--palette-muted, #91a4b7);font-size:0.75rem}.auth-session i{width:0.375rem;height:0.375rem;border-radius:50%;background:var(--palette-green, #54d0aa);box-shadow:0 0 0 4px rgba(var(--palette-shadow-rgb, 84,208,170),0.12)}

.form-pair>label,.form-pair .auth-input{min-width:0}.form-pair .auth-input{width:100%}

/* 主容器 */
.phone-page{position:relative;width:min(53.75rem,100%);min-height:100vh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,var(--palette-surface, #fbfdff) 0,var(--palette-surface, #ecf7ff) 18%,var(--palette-surface, #edf7fd) 100%);box-shadow:0 0 70px rgba(var(--palette-shadow-rgb, 54,93,131),0.14)}.page-scroll{min-height:100vh;padding:0 0 7rem}.tab-panel{min-height:calc(100vh - 5.875rem)}.topbar{display:flex;align-items:center;justify-content:space-between;height:4.5rem;padding:0 1.6875rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.94)}.topbar-logo{display:flex;align-items:center;gap:0.625rem;min-width:0}.topbar-logo img{width:2.25rem;height:2.25rem;object-fit:contain}.topbar-logo strong{overflow:hidden;max-width:24.375rem;font-size:1.0625rem;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;gap:0.5625rem}.top-actions button,.sub-header>button,.mine-hero>button{display:grid;width:2.375rem;height:2.375rem;place-items:center;border:1px solid var(--palette-line, #d8e9f7);border-radius:0.8125rem;color:var(--palette-accent, #288fe5);background:var(--palette-surface, #f1f9ff);font-weight:900;box-shadow:0 7px 17px rgba(var(--palette-shadow-rgb, 31,121,197),0.1)}

/* 首页 */
.hero{position:relative;aspect-ratio:860/300;overflow:hidden;margin:0;border-radius:0 0 1.75rem 1.75rem;background:var(--palette-primary, #91d5ff);box-shadow:0 14px 28px rgba(var(--palette-shadow-rgb, 53,140,211),0.14)}.hero>img{display:block;width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;z-index:2;top:50%;left:6%;display:grid;max-width:45%;transform:translateY(-50%)}.hero-copy span{width:max-content;margin-bottom:0.5625rem;padding:0.3125rem 0.5625rem;border-radius:62.4375rem;color:var(--palette-accent, #1377ca);background:rgba(var(--palette-surface-rgb, 255,255,255),0.75);font-size:0.75rem;font-weight:900;letter-spacing:.13em}.hero-copy strong{color:var(--palette-text, #173b65);font-size:1.8125rem;line-height:1.15;letter-spacing:-.04em}.hero-copy small{margin-top:0.6875rem;color:var(--palette-text, #41688b);font-size:0.75rem}.hero-dots{position:absolute;z-index:3;right:1.4375rem;bottom:0.9375rem;display:flex;gap:0.3125rem}.hero-dots i{width:0.375rem;height:0.375rem;border-radius:0.625rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.55)}.hero-dots i.active{width:1.25rem;background:var(--palette-surface, #fff)}.notice-bar{display:grid;grid-template-columns:1.875rem minmax(0,1fr) auto;align-items:center;gap:0.5rem;margin:0.75rem 1.25rem 0;padding:0.5625rem 0.8125rem;border:1px solid var(--palette-line, #dcebf5);border-radius:62.4375rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.88);box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 60,108,149),0.06)}.notice-icon{display:grid;width:1.6875rem;height:1.6875rem;place-items:center;border-radius:50%;color:#fff;background:var(--palette-primary, #57b2f4)}.notice-bar>div{overflow:hidden}.notice-bar p{display:block;overflow:hidden;margin:0;color:var(--palette-muted, #607b98);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}.notice-bar button{border:0;color:var(--palette-accent, #3999e5);background:transparent;font-size:0.75rem}.account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;margin:0.875rem 1.25rem 0;padding:1.25rem 1.5rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.95);border-radius:1.375rem;background:var(--palette-surface, #fff);box-shadow:0 13px 34px rgba(var(--palette-shadow-rgb, 54,116,166),0.1)}.account-copy>span{color:var(--palette-muted, #83a1bb);font-size:0.75rem;font-weight:900;letter-spacing:.15em}.account-copy>div{display:flex;align-items:baseline;gap:0.5625rem;margin-top:0.25rem}.account-copy>div strong{font-size:1rem}.account-copy>div small{color:var(--palette-muted, #8da3b8);font-size:0.75rem}.account-copy p{display:flex;align-items:baseline;gap:0.625rem;margin:0.5rem 0 0}.account-copy b{color:var(--palette-text, #152c47);font-size:2.125rem;line-height:1}.account-copy em{color:var(--palette-muted, #8ca1b6);font-size:0.75rem;font-style:normal}.quick-actions{display:flex;gap:1.375rem}.quick-actions button{display:grid;gap:0.375rem;justify-items:center;border:0;color:var(--palette-muted, #58738f);background:transparent;font-size:0.75rem}.quick-actions i{display:grid;width:2.6875rem;height:2.6875rem;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #60c5ff),var(--palette-primary, #258ded));box-shadow:0 8px 18px rgba(var(--palette-shadow-rgb, 38,146,233),0.27);font-size:1.0625rem;font-style:normal}.section-title{display:flex;align-items:end;justify-content:space-between;margin:1.75rem 1.5rem 0.8125rem}.section-title small,.sub-header small,.mine-hero small,.mine-card-head small{color:var(--palette-accent, #4aa8ed);font-size:0.75rem;font-weight:900;letter-spacing:.16em}.section-title h2{margin:0.25rem 0 0;font-size:1.25rem}.section-title button{border:0;color:var(--palette-accent, #4b9fe0);background:transparent;font-size:0.75rem}.featured-rooms{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:repeat(2,9.6875rem);gap:0.75rem;padding:0 1.25rem}.featured-room{position:relative;overflow:hidden;padding:0;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.95);border-radius:1.25rem;background:linear-gradient(140deg,var(--palette-surface-soft, #dff5ff),var(--palette-surface-soft, #a8dcff));box-shadow:0 10px 24px rgba(var(--palette-shadow-rgb, 47,120,180),0.1);text-align:left}.featured-room:first-child{grid-row:1/3}.featured-room img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured-room.has-icon img{inset:auto 2% 3% auto;width:62%;height:78%;object-fit:contain}.room-copy{position:absolute;z-index:2;top:1.25rem;left:1.25rem;display:grid;max-width:60%}.room-copy strong{color:var(--palette-text, #163a60);font-size:1.25rem}.room-copy span{margin-top:0.3125rem;color:var(--palette-accent, #527897);font-size:0.75rem;line-height:1.5}.room-copy em{width:max-content;margin-top:0.6875rem;padding:0.3125rem 0.5rem;border-radius:62.4375rem;color:var(--palette-accent, #238bdb);background:rgba(var(--palette-surface-rgb, 255,255,255),0.72);font-size:0.75rem;font-style:normal}.featured-room.sleep:after,.room-item.sleep:after{position:absolute;z-index:4;content:"休息中";top:0.75rem;right:0.75rem;padding:0.3125rem 0.5rem;border-radius:62.4375rem;color:#fff;background:rgba(var(--palette-overlay-rgb, 42,68,95),0.72);font-size:0.75rem}.home-activities{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;padding:1.5rem 1.25rem 0}.home-activity{display:flex;align-items:center;gap:0.8125rem;padding:0.8125rem;border:1px solid var(--palette-line, #e1edf6);border-radius:1.0625rem;background:var(--palette-surface, #fff);box-shadow:0 8px 20px rgba(var(--palette-shadow-rgb, 56,105,145),0.06)}.home-activity img{width:3.375rem;height:3.375rem;border-radius:0.875rem;object-fit:cover;background:var(--palette-surface-soft, #dff2ff)}.home-activity div{min-width:0}.home-activity strong,.home-activity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-activity strong{font-size:0.75rem}.home-activity span{margin-top:0.3125rem;color:var(--palette-muted, #8ca0b4);font-size:0.75rem}

/* 子页面与房间 */
.sub-header{display:flex;align-items:center;gap:1rem;padding:1.625rem 1.5rem 1.25rem;background:var(--palette-surface, #fff)}.sub-header>button,.mine-hero>button{font-size:1.5rem}.sub-header div{min-width:0}.sub-header h1{margin:0.25rem 0 0;font-size:1.5625rem}.sub-header>span{margin-left:auto;color:var(--palette-muted, #8198b0);font-size:0.75rem}.game-filters{display:flex;gap:0.5rem;overflow-x:auto;padding:0.875rem 1.25rem}.game-filters button{flex:0 0 auto;height:2.1875rem;padding:0 0.9375rem;border:1px solid var(--palette-line, #d9e8f4);border-radius:62.4375rem;color:var(--palette-muted, #718ba5);background:var(--palette-surface, #fff);font-size:0.75rem}.game-filters button.active{border-color:var(--palette-focus, #399ce9);color:#fff;background:linear-gradient(135deg,var(--palette-primary, #59bbfb),var(--palette-primary, #2c8ee9));box-shadow:0 7px 16px rgba(var(--palette-shadow-rgb, 49,148,229),0.2)}.room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8125rem;padding:0.25rem 1.25rem 1.5rem}.room-item{position:relative;display:grid;grid-template-columns:6.375rem minmax(0,1fr);min-height:8rem;overflow:hidden;padding:0;border:1px solid var(--palette-line, #dceaf5);border-radius:1.1875rem;background:var(--palette-surface, #fff);box-shadow:0 9px 21px rgba(var(--palette-shadow-rgb, 54,105,148),0.07);text-align:left}.room-item>img{width:100%;height:100%;object-fit:cover;background:var(--palette-surface-soft, #dff3ff)}.room-item>div{align-self:center;min-width:0;padding:1rem 0.875rem}.room-item strong,.room-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item strong{font-size:0.875rem}.room-item span{margin-top:0.375rem;color:var(--palette-accent, #338fd6);font-size:0.75rem}.empty{grid-column:1/-1;padding:4.375rem 1.25rem;color:var(--palette-muted, #8ca1b5);text-align:center}

/* 活动与我的 */
.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.875rem;padding:0.9375rem 1.25rem 1.75rem}.activity-card{overflow:hidden;padding:0;border:1px solid var(--palette-line, #dceaf5);border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 10px 25px rgba(var(--palette-shadow-rgb, 50,105,149),0.08);text-align:left}.activity-card img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;background:linear-gradient(135deg,var(--palette-surface-soft, #c9edff),var(--palette-primary, #6ec3ff))}.activity-card div{padding:1rem}.activity-card strong,.activity-card span{display:block}.activity-card strong{font-size:0.875rem}.activity-card span{overflow:hidden;margin-top:0.4375rem;color:var(--palette-muted, #8197ad);font-size:0.75rem;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.mine-hero{display:flex;align-items:center;gap:1rem;padding:1.75rem 1.5625rem 4.375rem;background:linear-gradient(145deg,var(--palette-surface-soft, #b9eaff),var(--palette-primary, #54b4fa));border-radius:0 0 2.125rem 2.125rem}.mine-hero>button{align-self:flex-start;background:rgba(var(--palette-surface-rgb, 255,255,255),0.68)}.mine-avatar{display:grid;width:4.5rem;height:4.5rem;place-items:center;border:4px solid rgba(var(--palette-line-rgb, 255,255,255),0.8);border-radius:1.5rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #318fe4),var(--palette-primary, #176ec8));box-shadow:0 15px 30px rgba(var(--palette-shadow-rgb, 20,105,181),0.25);font-size:1.625rem;font-weight:900}.mine-hero h1{margin:0.3125rem 0 0.125rem;color:var(--palette-text, #153857);font-size:1.5rem}.mine-hero p{margin:0;color:var(--palette-accent, #42779d);font-size:0.75rem}.mine-hero small{color:#fff}.mine-balance{display:grid;grid-template-columns:repeat(3,1fr);margin:-2.625rem 1.25rem 1rem;padding:1.3125rem 0.625rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.95);border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 13px 32px rgba(var(--palette-shadow-rgb, 44,108,158),0.13)}.mine-balance div{padding:0 0.875rem;text-align:center}.mine-balance div+div{border-left:1px solid var(--palette-line, #e2edf5)}.mine-balance span,.mine-balance strong{display:block}.mine-balance span{color:var(--palette-muted, #8aa0b5);font-size:0.75rem}.mine-balance strong{margin-top:0.4375rem;font-size:1.125rem}.mine-card{margin:0.8125rem 1.25rem;padding:1.375rem;border:1px solid var(--palette-line, #deebf5);border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 9px 24px rgba(var(--palette-shadow-rgb, 51,102,144),0.07)}.mine-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1875rem}.mine-card-head h2{margin:0.3125rem 0 0;font-size:1.0625rem}.mine-card-head>span{padding:0.375rem 0.5625rem;border-radius:62.4375rem;color:var(--palette-accent, #318fda);background:var(--palette-surface, #eaf7ff);font-size:0.75rem}.mine-card form{display:grid;grid-template-columns:1fr 1fr;gap:0.8125rem}.mine-card form label{display:grid;gap:0.4375rem;color:var(--palette-muted, #71889f);font-size:0.75rem}.mine-card form input{height:2.8125rem;padding:0 0.75rem;border:1px solid var(--palette-line, #d8e7f2);border-radius:0.75rem;outline:0;color:var(--palette-text, #1a3550);background:var(--palette-surface, #f8fbfe)}.mine-card form input:focus{border-color:var(--palette-focus, #5ab3f5);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 47,151,233),0.1)}.mine-card form .form-error,.mine-card form .primary-button{grid-column:1/-1}.menu-card{padding:0.3125rem 1.125rem}.menu-card button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0.9375rem 0.125rem;border:0;color:var(--palette-text, #294761);background:transparent}.menu-card button+button{border-top:1px solid var(--palette-line, #e3edf5)}.menu-card button>span{display:flex;align-items:center;gap:0.75rem}.menu-card i{display:grid;width:2.3125rem;height:2.3125rem;place-items:center;border-radius:0.75rem;color:var(--palette-accent, #2489dd);background:var(--palette-surface, #e8f6ff);font-style:normal}.menu-card b{font-size:0.75rem}.menu-card em{color:var(--palette-muted, #95a9bb);font-size:1.25rem;font-style:normal}.menu-card .logout{color:var(--palette-danger, #d85f70)}.menu-card .logout i{color:var(--palette-danger, #e76574);background:var(--palette-surface, #fff0f2)}

/* 底栏、弹层与提示 */
.bottom-nav{position:fixed;z-index:20;right:50%;bottom:0;display:grid;width:min(53.75rem,100%);grid-template-columns:repeat(5,1fr);padding:0.5625rem 1rem calc(0.5rem + env(safe-area-inset-bottom));border-top:1px solid rgba(var(--palette-line-rgb, 210,229,242),0.9);background:rgba(var(--palette-surface-rgb, 255,255,255),0.95);box-shadow:0 -10px 30px rgba(var(--palette-shadow-rgb, 58,101,137),0.09);transform:translateX(50%);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;gap:0.1875rem;justify-items:center;min-height:3.5625rem;border:0;color:var(--palette-muted, #92a6b9);background:transparent;font-size:0.75rem}.bottom-nav i{display:grid;width:1.875rem;height:1.875rem;place-items:center;border-radius:0.6875rem;font-size:1.0625rem;font-style:normal}.bottom-nav button.active{color:var(--palette-accent, #278fe6)}.bottom-nav button.active i{background:var(--palette-surface, #e9f7ff)}.bottom-nav .nav-center{position:relative;color:var(--palette-accent, #3b91d8)}.bottom-nav .nav-center i{width:3.1875rem;height:3.1875rem;margin-top:-1.5625rem;border:5px solid var(--palette-line, #f6fbff);border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #58bdff),var(--palette-primary, #1984e7));box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 28,130,219),0.28)}.dialog{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(var(--palette-overlay-rgb, 25,52,77),0.48);backdrop-filter:blur(8px)}.dialog-card{position:relative;width:min(26.875rem,100%);max-height:calc(100vh - 2.5rem);overflow-y:auto;padding:1.875rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.9);border-radius:1.5625rem;background:var(--palette-surface, #fff);box-shadow:0 30px 80px rgba(var(--palette-shadow-rgb, 25,63,95),0.28)}.dialog-close{position:absolute;top:0.9375rem;right:0.9375rem;display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:0.625rem;color:var(--palette-muted, #6f8aa4);background:var(--palette-surface, #edf6fc);font-size:1.1875rem}.dialog-code{display:block;margin-bottom:0.5rem;color:var(--palette-accent, #3196e6);font-size:0.75rem;font-weight:900;letter-spacing:.16em}.dialog-card h2{margin:0;color:var(--palette-text, #173551);font-size:1.4375rem}.dialog-card>p{color:var(--palette-muted, #71889f);font-size:0.75rem;line-height:1.8;white-space:pre-wrap}.dialog-meta{display:grid;grid-template-columns:1fr;gap:0.5625rem;margin:1.25rem 0}.dialog-meta span{padding:0.75rem;border:1px solid var(--palette-line, #dceaf4);border-radius:0.75rem;color:var(--palette-muted, #7890a7);background:var(--palette-surface, #f7fbfe);font-size:0.75rem}.dialog-meta b{display:block;margin-top:0.3125rem;color:var(--palette-text, #1d4467);font-size:0.8125rem}.activity-dialog-card>img{display:block;width:calc(100% + 3.75rem);max-height:13.75rem;margin:-1.875rem -1.875rem 1.5rem;object-fit:cover;background:var(--palette-surface-soft, #dff3ff)}.popup-card{text-align:center}.popup-badge{display:inline-block;margin-bottom:0.8125rem;padding:0.375rem 0.6875rem;border-radius:62.4375rem;color:var(--palette-accent, #2587d7);background:var(--palette-surface, #e6f6ff);font-size:0.75rem;font-weight:900;letter-spacing:.15em}.popup-card label{display:flex;align-items:center;justify-content:center;gap:0.4375rem;margin:1.125rem 0;color:var(--palette-muted, #7890a6);font-size:0.75rem}.popup-card input{accent-color:#3199e9}.toasts{position:fixed;z-index:60;top:1.125rem;left:50%;display:grid;gap:0.5625rem;width:min(24.375rem,calc(100% - 1.875rem));transform:translateX(-50%)}.toast{display:flex;align-items:flex-start;gap:0.6875rem;padding:0.8125rem 0.875rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.8);border-radius:0.9375rem;color:var(--palette-text, #31506b);background:rgba(var(--palette-surface-rgb, 255,255,255),0.95);box-shadow:0 16px 38px rgba(var(--palette-shadow-rgb, 32,77,113),0.17);backdrop-filter:blur(12px)}.toast i{flex:0 0 auto;width:0.4375rem;height:0.4375rem;margin-top:0.3125rem;border-radius:50%;background:var(--palette-primary, #43b2f7);box-shadow:0 0 0 5px rgba(var(--palette-shadow-rgb, 67,178,247),0.12)}.toast.error i{background:var(--palette-warm, #ef6574);box-shadow:0 0 0 5px rgba(var(--palette-shadow-rgb, 239,101,116),0.12)}.toast strong,.toast span{display:block}.toast strong{font-size:0.75rem}.toast span{margin-top:0.25rem;color:var(--palette-muted, #7890a6);font-size:0.75rem;line-height:1.5}

@media(max-width:700px){.phone-page{box-shadow:none}.topbar{height:3.75rem;padding:0 1rem}.topbar-logo img{width:2rem;height:2rem}.topbar-logo strong{max-width:13.125rem;font-size:0.875rem}.top-actions button{width:2.125rem;height:2.125rem}.hero{border-radius:0 0 1.25rem 1.25rem}.hero-copy{left:5%;max-width:50%}.hero-copy strong{font-size:1.25rem}.hero-copy small{font-size:0.75rem}.notice-bar{margin:0.5625rem 0.75rem 0;padding-block:0.4375rem}.account-card{margin:0.625rem 0.75rem 0;padding:1rem;gap:0.625rem}.account-copy b{font-size:1.75rem}.quick-actions{gap:0.6875rem}.quick-actions i{width:2.375rem;height:2.375rem}.section-title{margin:1.4375rem 1rem 0.6875rem}.featured-rooms{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,8.125rem);gap:0.5625rem;padding:0 0.75rem}.room-copy{top:0.9375rem;left:0.9375rem}.room-copy strong{font-size:1rem}.home-activities{padding:1.125rem 0.75rem 0}.sub-header{padding:1.25rem 1rem 0.9375rem}.game-filters{padding-inline:0.75rem}.room-list{gap:0.625rem;padding:0.1875rem 0.75rem 1.25rem}.room-item{grid-template-columns:5.25rem minmax(0,1fr);min-height:6.875rem}.room-item>div{padding:0.75rem 0.625rem}.activity-list{gap:0.625rem;padding:0.75rem}.mine-hero{padding:1.375rem 1rem 3.9375rem}.mine-balance{margin-inline:0.75rem}.mine-card{margin-inline:0.75rem}.bottom-nav{padding-inline:0.3125rem}}
@media(max-width:470px){.auth-view{padding:0;background:var(--palette-surface, #eef8ff)}.auth-shell{min-height:100vh;padding:1.5625rem 1.25rem;border:0;border-radius:0;background:rgba(var(--palette-surface-rgb, 255,255,255),0.92);box-shadow:none}.auth-brand{margin-bottom:1.25rem}.auth-tabs{margin-bottom:1.3125rem}.auth-intro h1{font-size:1.5625rem}.form-pair{grid-template-columns:1fr}.auth-input,.captcha-image{height:3rem}.captcha-row{grid-template-columns:minmax(0,1fr) 6.75rem}.hero{aspect-ratio:390/158}.hero-copy strong{font-size:1.0625rem}.hero-copy small{display:none}.account-card{grid-template-columns:minmax(0,1fr) auto}.account-copy>span{display:none}.account-copy>div{display:block}.account-copy>div small{display:block;margin-top:0.125rem}.account-copy p{margin-top:0.4375rem}.account-copy em{display:none}.quick-actions{gap:0.4375rem}.quick-actions button:nth-child(2){display:none}.featured-rooms{grid-template-rows:repeat(2,7.5625rem)}.room-copy{max-width:68%}.room-copy span{display:none}.featured-room:first-child .room-copy strong{font-size:1.125rem}.home-activities{grid-template-columns:1fr}.room-list{grid-template-columns:1fr}.room-item{grid-template-columns:5.875rem minmax(0,1fr)}.activity-list{grid-template-columns:1fr}.mine-hero{gap:0.75rem}.mine-avatar{width:3.8125rem;height:3.8125rem;border-radius:1.25rem}.mine-balance{padding-inline:0.125rem}.mine-balance div{padding-inline:0.4375rem}.mine-balance strong{font-size:0.9375rem}.mine-card{padding:1.125rem}.mine-card form{grid-template-columns:1fr}.mine-card form .form-error,.mine-card form .primary-button{grid-column:1}.dialog-card{padding:1.5rem}.activity-dialog-card>img{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1.3125rem}.bottom-nav button{font-size:0.75rem}}

/* 上下分、客服、代理与玩家资料 */
.sub-tabs{display:flex;gap:0.5rem;overflow-x:auto;padding:1.0625rem 1.25rem 0.1875rem}.sub-tabs button,.payment-tabs button{flex:0 0 auto;height:2.375rem;padding:0 1rem;border:1px solid var(--palette-line, #d7e7f3);border-radius:62.4375rem;color:var(--palette-muted, #718ba5);background:var(--palette-surface, #fff);font-size:0.75rem;font-weight:700}.sub-tabs button.active,.payment-tabs button.active{border-color:var(--palette-focus, #399ce9);color:#fff;background:linear-gradient(135deg,var(--palette-primary, #59bbfb),var(--palette-primary, #2c8ee9));box-shadow:0 7px 16px rgba(var(--palette-shadow-rgb, 49,148,229),0.2)}.finance-shell{padding-bottom:1.75rem}.finance-card{margin:0.875rem 1.25rem;padding:1.4375rem;border:1px solid var(--palette-line, #dceaf5);border-radius:1.3125rem;background:var(--palette-surface, #fff);box-shadow:0 10px 26px rgba(var(--palette-shadow-rgb, 49,105,151),0.08)}.finance-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.finance-card-head small,.agent-card>span,.contact-card>span,.chat-card header small,.agent-list-head span{color:var(--palette-accent, #3d9de7);font-size:0.75rem;font-weight:900;letter-spacing:.16em}.finance-card-head h2,.agent-card h2,.contact-card h2,.chat-card h2,.agent-list-head h2{margin:0.3125rem 0 0;font-size:1.1875rem}.finance-card-head>span{padding:0.375rem 0.5625rem;border-radius:62.4375rem;color:var(--palette-accent, #2493dd);background:var(--palette-surface, #e9f7ff);font-size:0.75rem}.finance-card-head>span.closed{color:var(--palette-danger, #d95d6d);background:var(--palette-surface, #fff0f2)}.finance-warning{padding:0.6875rem 0.8125rem;border-radius:0.75rem;color:var(--palette-danger, #bf5664);background:var(--palette-surface, #fff1f3);font-size:0.75rem}.finance-card form{display:grid;gap:0.875rem}.finance-card form>label,.finance-card .form-pair label,.payment-root form>label{display:grid;gap:0.4375rem;color:var(--palette-muted, #6e879f);font-size:0.75rem}.finance-card input,.finance-card select,.finance-card textarea,.payment-root input{width:100%;padding:0 0.8125rem;border:1px solid var(--palette-line, #d7e7f3);border-radius:0.75rem;outline:0;color:var(--palette-text, #183752);background:var(--palette-surface, #f8fbfe)}.finance-card input,.finance-card select,.payment-root input{height:2.875rem}.finance-card textarea{padding-block:0.6875rem;resize:vertical}.finance-card input:focus,.finance-card select:focus,.finance-card textarea:focus,.payment-root input:focus{border-color:var(--palette-focus, #53acf0);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 45,157,244),0.1)}.payment-preview{min-height:5.625rem;border:1px dashed var(--palette-line, #c9deed);border-radius:0.875rem;background:var(--palette-surface, #f4faff)}.payment-preview.image{display:flex;align-items:center;gap:0.9375rem;padding:0.75rem;color:var(--palette-muted, #718ba3);font-size:0.75rem}.payment-preview.image img{width:5.625rem;height:5.625rem;border-radius:0.625rem;object-fit:contain;background:var(--palette-surface, #fff)}.payment-preview.text{display:grid;align-content:center;gap:0.3125rem;padding:1rem}.payment-preview.text span{color:var(--palette-muted, #728aa2);font-size:0.75rem}.payment-preview.text strong{color:var(--palette-text, #1e486c);font-size:1.0625rem}.payment-preview.text small{color:var(--palette-muted, #88a0b4)}.empty-payment{display:grid;place-items:center;color:var(--palette-muted, #8ba1b5);font-size:0.75rem}.player-record-list{display:grid;gap:0.625rem;padding:0.9375rem 1.25rem}.player-record-list article{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;gap:0.75rem;align-items:center;padding:0.9375rem;border:1px solid var(--palette-line, #dceaf5);border-radius:1rem;background:var(--palette-surface, #fff);box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 47,101,145),0.05)}.player-record-icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:0.8125rem;font-weight:900}.player-record-icon.up{color:var(--palette-success, #178d71);background:var(--palette-surface-soft, #e3faf3)}.player-record-icon.down{color:var(--palette-danger, #d65b6b);background:var(--palette-surface, #fff0f2)}.player-record-list strong,.player-record-list small,.player-record-list p{display:block}.player-record-list article>div{min-width:0}.player-record-list article>div strong{font-size:0.75rem}.player-record-list article>div small{margin-top:0.3125rem;color:var(--palette-muted, #8aa0b4);font-size:0.75rem}.player-record-list p{overflow:hidden;margin:0.3125rem 0 0;color:var(--palette-muted, #728aa2);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}.player-record-list article>b{color:var(--palette-muted, #50718c);font-size:0.75rem}.player-record-list .record-state-1{color:var(--palette-danger, #d49326)}.player-record-list .record-state-2{color:var(--palette-success, #198b70)}.player-record-list .record-state-3{color:var(--palette-danger, #d65b6b)}.player-pages{display:flex;justify-content:center;gap:0.4375rem;padding:0.5rem 1.25rem}.player-pages button{width:2.125rem;height:2.125rem;border:1px solid var(--palette-line, #d6e7f3);border-radius:0.625rem;color:var(--palette-muted, #66829c);background:var(--palette-surface, #fff)}.player-pages button.active{border-color:var(--palette-focus, #3599e7);color:#fff;background:var(--palette-primary, #3599e7)}.player-service-root,.agent-root{padding:0.9375rem 1.25rem 1.75rem}.chat-card,.contact-card,.agent-card{overflow:hidden;padding:1.4375rem;border:1px solid var(--palette-line, #dceaf5);border-radius:1.3125rem;background:var(--palette-surface, #fff);box-shadow:0 10px 26px rgba(var(--palette-shadow-rgb, 49,105,151),0.08)}.chat-card header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.0625rem;border-bottom:1px solid var(--palette-line, #e2edf5)}.chat-card header>span{padding:0.375rem 0.5625rem;border-radius:62.4375rem;color:var(--palette-accent, #238ed9);background:var(--palette-surface, #eaf7ff);font-size:0.75rem}.player-service-messages{display:flex;height:29.375rem;flex-direction:column;gap:0.625rem;overflow:auto;padding:1.25rem 0.25rem}.player-message{display:grid;align-self:flex-start;max-width:76%;gap:0.25rem}.player-message.mine{align-self:flex-end;justify-items:end}.player-message>div{padding:0.625rem 0.8125rem;border-radius:0.25rem 0.9375rem 0.9375rem;color:var(--palette-text, #43617c);background:var(--palette-surface, #edf5fb);font-size:0.75rem;line-height:1.6;white-space:pre-wrap}.player-message.mine>div{border-radius:0.9375rem 0.25rem 0.9375rem 0.9375rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #54b7f8),var(--palette-primary, #268be9))}.player-message.revoked>div{color:var(--palette-muted, #8ca0b3);background:var(--palette-surface, #f1f4f6);font-style:italic}.player-message small{color:var(--palette-muted, #98aabc);font-size:0.75rem}.chat-card form{display:grid;grid-template-columns:minmax(0,1fr) 8.125rem;gap:0.625rem;padding-top:0.875rem;border-top:1px solid var(--palette-line, #e2edf5)}.chat-card textarea{min-height:3.625rem;resize:none;padding:0.6875rem 0.75rem;border:1px solid var(--palette-line, #d7e7f3);border-radius:0.8125rem;outline:0;color:var(--palette-text, #193651);background:var(--palette-surface, #f8fbfe)}.chat-card textarea:focus{border-color:var(--palette-focus, #53acf0)}.contact-card{display:grid;justify-items:center;max-width:32.5rem;margin:0.9375rem auto;text-align:center}.contact-card h2{margin-top:0.5625rem}.contact-card p,.agent-card p{color:var(--palette-muted, #7890a7);font-size:0.75rem;line-height:1.8}.contact-card img{width:min(17.5rem,80%);aspect-ratio:1;margin:0.9375rem;border-radius:1.125rem;object-fit:contain;background:var(--palette-surface, #f4faff)}.contact-card .primary-button{display:grid;width:min(17.5rem,100%);place-items:center;text-decoration:none}.agent-root{display:grid;gap:0.8125rem}.agent-card.locked{text-align:center}.invite-link{display:flex;gap:0.5625rem;margin-top:1.125rem}.invite-link input{min-width:0;flex:1;height:2.75rem;padding:0 0.75rem;border:1px solid var(--palette-line, #d7e7f3);border-radius:0.75rem;color:var(--palette-text, #4b6c86);background:var(--palette-surface, #f7fbfe);outline:0}.invite-link button{padding:0 1rem;border:0;border-radius:0.75rem;color:#fff;background:var(--palette-primary, #2d95e8);font-weight:800}.agent-list-head{display:flex;align-items:center;justify-content:space-between}.agent-list-head>strong{display:grid;width:2.875rem;height:2.875rem;place-items:center;border-radius:0.875rem;color:var(--palette-accent, #1884d5);background:var(--palette-surface, #e6f6ff);font-size:1.125rem}.agent-player-list{display:grid;margin:1.0625rem -1.4375rem -1.4375rem}.agent-player-list article{display:grid;grid-template-columns:2.625rem minmax(0,1fr) auto;gap:0.6875rem;align-items:center;padding:0.8125rem 1.4375rem;border-top:1px solid var(--palette-line, #e2edf5)}.agent-player-list article>span{display:grid;width:2.625rem;height:2.625rem;place-items:center;border-radius:0.8125rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #59baf9),var(--palette-primary, #2d8be4));font-weight:900}.agent-player-list strong,.agent-player-list small{display:block}.agent-player-list strong{font-size:0.75rem}.agent-player-list small{margin-top:0.25rem;color:var(--palette-muted, #8ca1b5);font-size:0.75rem}.agent-player-list article>b{color:var(--palette-muted, #8298ad);font-size:0.75rem}.mine-avatar.has-image{color:transparent;background-position:center;background-size:cover}.payment-root{display:grid;gap:0.875rem}.payment-tabs{display:flex;gap:0.4375rem;overflow-x:auto}.payment-tabs button{height:2.125rem;padding-inline:0.8125rem}.payment-root form{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}.payment-root form .form-error,.payment-root form .primary-button,.payment-current-image,.payment-current-empty,.payment-clear{grid-column:1/-1}.payment-current-image{display:block;width:9.375rem;height:9.375rem;margin:0 auto;border:1px solid var(--palette-line, #dceaf5);border-radius:1rem;object-fit:contain;background:var(--palette-surface, #f5fbff)}.payment-current-empty{padding:1.875rem;border:1px dashed var(--palette-line, #c9deed);border-radius:0.875rem;color:var(--palette-muted, #91a5b7);text-align:center}.payment-clear{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start!important}.payment-clear input{width:auto!important;height:auto!important;accent-color:#2d95e8}
@media(max-width:700px){.sub-tabs{padding-inline:0.75rem}.finance-card,.player-service-root,.agent-root{margin-inline:0.75rem}.finance-card{margin-top:0.75rem}.player-service-root,.agent-root{padding-inline:0}.player-service-messages{height:26.25rem}.chat-card form{grid-template-columns:1fr}.chat-card form .primary-button{min-height:2.75rem}.payment-root form{grid-template-columns:1fr}.payment-root form .form-error,.payment-root form .primary-button,.payment-current-image,.payment-current-empty,.payment-clear{grid-column:1}.agent-player-list article{padding-inline:1.0625rem}}
@media(max-width:470px){.quick-actions button:nth-child(2){display:grid}.finance-card{padding:1.125rem}.finance-card .form-pair{grid-template-columns:1fr}.player-record-list{padding-inline:0.75rem}.player-record-list article{grid-template-columns:2.5rem minmax(0,1fr)}.player-record-list article>b{grid-column:2}.player-service-root,.agent-root{margin-inline:0}.chat-card,.contact-card,.agent-card{border-radius:0;border-inline:0}.player-message{max-width:88%}.invite-link{flex-direction:column}.invite-link button{height:2.625rem}.agent-player-list article>b{display:none}}

/* 代理返点汇总与账单 */
.agent-reward-stats{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem}.agent-reward-stats>div{padding:1.1875rem 1.3125rem;border:1px solid var(--palette-line, #dceaf5);border-radius:1.125rem;background:linear-gradient(145deg,var(--palette-surface, #fff),var(--palette-surface, #f3faff));box-shadow:0 8px 22px rgba(var(--palette-shadow-rgb, 49,105,151),0.07)}.agent-reward-stats span,.agent-reward-stats strong,.agent-reward-stats small{display:block}.agent-reward-stats span{color:var(--palette-accent, #3d9de7);font-size:0.75rem;font-weight:900;letter-spacing:.14em}.agent-reward-stats strong{margin:0.5rem 0 0.25rem;color:var(--palette-text, #183f60);font-size:1.5rem}.agent-reward-stats small{color:var(--palette-muted, #8aa0b4);font-size:0.75rem}.agent-reward-list{display:grid;margin:1.0625rem -1.4375rem -1.4375rem}.agent-reward-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0.75rem;align-items:center;padding:0.875rem 1.4375rem;border-top:1px solid var(--palette-line, #e2edf5)}.agent-reward-list strong,.agent-reward-list small{display:block}.agent-reward-list strong{color:var(--palette-text, #315571);font-size:0.75rem}.agent-reward-list small{margin-top:0.3125rem;color:var(--palette-muted, #91a5b7);font-size:0.75rem}.agent-reward-list article>span{color:var(--palette-muted, #7991a7);font-size:0.75rem}.agent-reward-list article>b{color:var(--palette-success, #188b70);font-size:0.8125rem}
@media(max-width:470px){.agent-reward-stats{padding-inline:0.75rem}.agent-reward-stats>div{padding:1rem}.agent-reward-stats strong{font-size:1.25rem}.agent-reward-list article{grid-template-columns:minmax(0,1fr) auto;padding-inline:1.0625rem}.agent-reward-list article>span{grid-column:1}.agent-reward-list article>b{grid-column:2;grid-row:1/3}}

/* 收款图片保留完整画面，使用统一图片上传流程 */
.payment-qr-note{display:block;color:var(--palette-muted, #8ba0b4);font-size:0.75rem;line-height:1.55}.payment-current-image,.payment-preview.image img,.contact-card img{image-rendering:auto}

/* 玩家签到、幸运转盘与福利记录 */
.benefit-root{display:grid;gap:0.875rem;padding:1rem 1.25rem 2.125rem}.benefit-checkin-card,.benefit-wheel-card,.benefit-log-card{overflow:hidden;border:1px solid var(--palette-line, #dceaf5);border-radius:1.375rem;background:var(--palette-surface, #fff);box-shadow:0 10px 27px rgba(var(--palette-shadow-rgb, 48,104,150),0.08)}.benefit-checkin-card{padding:1.4375rem;background:linear-gradient(145deg,var(--palette-surface, #fff),var(--palette-surface, #f2faff))}.benefit-checkin-copy>span,.benefit-wheel-card header span,.benefit-log-card header span{color:var(--palette-accent, #3199e8);font-size:0.75rem;font-weight:900;letter-spacing:.16em}.benefit-checkin-copy h2,.benefit-wheel-card h2,.benefit-log-card h2{margin:0.3125rem 0 0;color:var(--palette-text, #183a57);font-size:1.1875rem}.benefit-checkin-copy p{margin:0.5rem 0 0;color:var(--palette-muted, #7890a7);font-size:0.75rem;line-height:1.65}.benefit-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0.4375rem;margin:1.3125rem 0}.benefit-days div{display:grid;gap:0.375rem;justify-items:center;color:var(--palette-muted, #93a6b8);font-size:0.75rem}.benefit-days i{display:grid;width:2.125rem;height:2.125rem;place-items:center;border:1px solid var(--palette-line, #d5e7f3);border-radius:0.6875rem;color:var(--palette-muted, #7992a8);background:var(--palette-surface, #f7fbfe);font-style:normal;font-weight:800}.benefit-days div.complete{color:var(--palette-accent, #268bd9)}.benefit-days div.complete i{border-color:var(--palette-line, #78c4f6);color:#fff;background:linear-gradient(145deg,var(--palette-primary, #59bbfa),var(--palette-primary, #268ce7));box-shadow:0 7px 15px rgba(var(--palette-shadow-rgb, 45,148,231),0.2)}.benefit-checkin-action{display:flex;align-items:center;justify-content:space-between;gap:0.875rem;padding-top:1.0625rem;border-top:1px solid var(--palette-line, #e3edf5)}.benefit-checkin-action>div{flex:0 0 5.125rem}.benefit-checkin-action strong,.benefit-checkin-action small{display:block}.benefit-checkin-action strong{color:var(--palette-text, #245176);font-size:1.125rem;white-space:nowrap}.benefit-checkin-action small{margin-top:0.1875rem;color:var(--palette-muted, #8ba0b4);font-size:0.75rem}.benefit-checkin-action .primary-button{flex:0 1 15rem;width:auto;min-width:9.375rem}.benefit-wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.875rem}.benefit-wheel-card{padding:1.3125rem;text-align:center}.benefit-wheel-card>header,.benefit-log-card>header{display:flex;align-items:center;justify-content:space-between;text-align:left}.benefit-wheel-card header>strong{display:flex;align-items:baseline;gap:0.25rem;padding:0.4375rem 0.625rem;border-radius:62.4375rem;color:var(--palette-accent, #278fdc);background:var(--palette-surface, #e9f7ff);font-size:0.75rem}.benefit-wheel-card header>strong b{font-size:1rem}.benefit-wheel-card.premium header>strong{color:var(--palette-danger, #a96716);background:var(--palette-surface-soft, #fff4dc)}.benefit-wheel-stage{position:relative;width:14.5rem;height:14.5rem;margin:1.375rem auto 1.0625rem}.benefit-wheel{position:absolute;inset:0.4375rem;border:8px solid var(--palette-line, #f0f7fc);border-radius:50%;background:conic-gradient(var(--palette-primary, #75ccfb) 0 60deg,var(--palette-surface, #e5f6ff) 60deg 120deg,var(--palette-primary, #75ccfb) 120deg 180deg,var(--palette-surface, #e5f6ff) 180deg 240deg,var(--palette-primary, #75ccfb) 240deg 300deg,var(--palette-surface, #e5f6ff) 300deg 360deg);box-shadow:0 13px 34px rgba(var(--palette-shadow-rgb, 46,137,205),0.18),inset 0 0 0 2px var(--palette-shadow, #fff)}.premium .benefit-wheel{background:conic-gradient(var(--palette-warm, #ffd27a) 0 60deg,var(--palette-surface-soft, #fff3d3) 60deg 120deg,var(--palette-warm, #ffd27a) 120deg 180deg,var(--palette-surface-soft, #fff3d3) 180deg 240deg,var(--palette-warm, #ffd27a) 240deg 300deg,var(--palette-surface-soft, #fff3d3) 300deg 360deg);box-shadow:0 13px 34px rgba(var(--palette-shadow-rgb, 206,145,45),0.18),inset 0 0 0 2px var(--palette-shadow, #fff)}.benefit-wheel.spinning{transition:transform 1.1s cubic-bezier(.16,.78,.2,1)}.benefit-wheel-value{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:3.25rem;height:2.5rem;place-content:center;transform:translate(-50%,-50%) rotate(calc(var(--slot)*60deg)) translateY(-4.75rem) rotate(calc(var(--slot)*-60deg));border-radius:0.625rem;color:var(--palette-text, #276b9e);text-align:center;transition:.2s}.premium .benefit-wheel-value{color:var(--palette-danger, #986218)}.benefit-wheel-value b,.benefit-wheel-value small{display:block}.benefit-wheel-value b{font-size:0.8125rem}.benefit-wheel-value small{font-size:0.75rem}.benefit-wheel-value.winner{color:#fff;background:var(--palette-primary, #228de5);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 30,130,214),0.28)}.premium .benefit-wheel-value.winner{background:var(--palette-warm, #d99a35);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 191,124,22),0.28)}.benefit-wheel-center{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:4.5rem;height:4.5rem;place-items:center;border:7px solid rgba(var(--palette-line-rgb, 255,255,255),0.92);border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #55b8fa),var(--palette-primary, #237fd7));box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 34,126,203),0.26);transform:translate(-50%,-50%);font-size:0.75rem;font-weight:900;letter-spacing:.1em}.premium .benefit-wheel-center{background:linear-gradient(145deg,var(--palette-warm, #efbb5d),var(--palette-warm, #c78122));box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 188,121,24),0.24)}.benefit-pointer{position:absolute;z-index:5;top:-0.0625rem;left:50%;color:var(--palette-accent, #1f79c5);transform:translateX(-50%);font-size:1.375rem;font-style:normal;filter:drop-shadow(0 3px 2px rgba(32,105,161,.2))}.premium .benefit-pointer{color:var(--palette-danger, #bd7a21)}.benefit-wheel-card>p{min-height:2rem;margin:0 0 0.875rem;color:var(--palette-muted, #7b91a6);font-size:0.75rem;line-height:1.65}.benefit-draw-button{width:100%;height:2.8125rem;border:0;border-radius:0.8125rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #55b9f8),var(--palette-primary, #2587e4));box-shadow:0 8px 19px rgba(var(--palette-shadow-rgb, 38,137,221),0.2);font-weight:800}.benefit-draw-button.premium{background:linear-gradient(135deg,var(--palette-warm, #edbd68),var(--palette-warm, #ca8528));box-shadow:0 8px 19px rgba(var(--palette-shadow-rgb, 194,126,31),0.18)}.benefit-draw-button:disabled{color:var(--palette-muted, #91a4b6);background:var(--palette-surface, #edf3f7);box-shadow:none}.benefit-log-card>header{padding:1.1875rem 1.3125rem;border-bottom:1px solid var(--palette-line, #e2edf5)}.benefit-log-card header button{height:2.125rem;padding:0 0.75rem;border:1px solid var(--palette-line, #d6e6f2);border-radius:0.625rem;color:var(--palette-muted, #638099);background:var(--palette-surface, #f7fbfe);font-size:0.75rem}.benefit-log-list{display:grid;padding:0.3125rem 1.25rem}.benefit-log-list article{display:grid;grid-template-columns:2.625rem minmax(0,1fr) auto;gap:0.75rem;align-items:center;padding:0.875rem 0.125rem;border-bottom:1px solid var(--palette-line, #e5eef5)}.benefit-log-list article:last-child{border-bottom:0}.benefit-log-icon{display:grid;width:2.625rem;height:2.625rem;place-items:center;border-radius:0.8125rem;color:var(--palette-accent, #288eda);background:var(--palette-surface, #e9f7ff);font-weight:900}.benefit-log-list strong,.benefit-log-list small{display:block}.benefit-log-list strong{color:var(--palette-text, #244762);font-size:0.75rem}.benefit-log-list small{margin-top:0.3125rem;color:var(--palette-muted, #8297aa);font-size:0.75rem}.benefit-log-list time{color:var(--palette-muted, #8ba0b3);font-size:0.75rem}.benefit-log-card .player-pages{padding:0.5rem 1.25rem 1.125rem}
@media(max-width:700px){.benefit-root{padding:0.75rem 0.75rem 1.75rem}.benefit-wheel-grid{grid-template-columns:1fr}.benefit-wheel-card{padding:1.1875rem}.benefit-wheel-stage{width:14.125rem;height:14.125rem}.benefit-header>span{display:none}}
@media(max-width:470px){.benefit-root{padding-inline:0}.benefit-checkin-card,.benefit-wheel-card,.benefit-log-card{border-inline:0;border-radius:0}.benefit-checkin-card{padding:1.125rem 0.875rem}.benefit-days{gap:0.1875rem}.benefit-days i{width:1.9375rem;height:1.9375rem;border-radius:0.625rem}.benefit-days span{font-size:0.75rem}.benefit-checkin-action .primary-button{min-width:8rem}.benefit-log-list{padding-inline:0.875rem}.benefit-log-list article{grid-template-columns:2.375rem minmax(0,1fr)}.benefit-log-icon{width:2.375rem;height:2.375rem}.benefit-log-list time{grid-column:2}.benefit-wheel-stage{width:13.875rem;height:13.875rem}}

/* 公共聊天室 */
.group-chat-root{padding:0.875rem 1.25rem 2.125rem}.group-chat-card{overflow:hidden;border:1px solid var(--palette-line, #dceaf5);border-radius:1.375rem;background:var(--palette-surface, #fff);box-shadow:0 11px 29px rgba(var(--palette-shadow-rgb, 47,105,151),0.09)}.chat-load-older{display:block;margin:0.75rem auto 0;padding:0.4375rem 0.8125rem;border:1px solid var(--palette-line, #d8e8f3);border-radius:62.4375rem;color:var(--palette-muted, #66839c);background:var(--palette-surface, #f6fbfe);font-size:0.75rem}.group-chat-messages{display:flex;height:min(36.875rem,calc(100vh - 16.25rem));min-height:24.375rem;flex-direction:column;gap:0.8125rem;overflow-y:auto;padding:1.125rem 1.375rem;scroll-behavior:smooth}.group-chat-message{display:grid;width:min(78%,35rem);grid-template-columns:2.5rem minmax(0,1fr);gap:0.5625rem;align-self:flex-start}.group-chat-message.mine{grid-template-columns:minmax(0,1fr) 2.5rem;align-self:flex-end}.group-chat-message.mine .group-chat-avatar{grid-column:2}.group-chat-message.mine>div{grid-row:1;grid-column:1;justify-items:end}.group-chat-avatar{display:grid;width:2.5rem;height:2.5rem;place-items:center;overflow:hidden;border-radius:0.8125rem;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #67c6fb),var(--palette-primary, #2d90e5));font-size:0.8125rem;font-weight:900}.group-chat-avatar img{width:100%;height:100%;object-fit:cover}.group-chat-message.operator .group-chat-avatar{background:linear-gradient(145deg,var(--palette-primary, #77b7ff),var(--palette-primary, #536ee7))}.group-chat-message>div{display:grid;min-width:0}.group-chat-message header{display:flex;align-items:center;gap:0.5rem;margin:0 0.1875rem 0.25rem}.group-chat-message.mine header{justify-content:flex-end}.group-chat-message header strong{overflow:hidden;color:var(--palette-muted, #668099);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}.group-chat-message header time{color:var(--palette-muted, #a0b0bf);font-size:0.75rem;white-space:nowrap}.group-chat-message p{margin:0;padding:0.625rem 0.8125rem;border-radius:0.25rem 0.9375rem 0.9375rem;color:var(--palette-text, #405f79);background:var(--palette-surface, #edf5fb);font-size:0.75rem;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.group-chat-message.mine p{border-radius:0.9375rem 0.25rem 0.9375rem 0.9375rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #55b9fa),var(--palette-primary, #278be6));box-shadow:0 6px 15px rgba(var(--palette-shadow-rgb, 39,139,230),0.16)}.group-chat-message.operator p{color:var(--palette-text, #40567d);background:var(--palette-surface, #edf0ff)}.group-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:0.625rem;padding:0.875rem 1.125rem 1.0625rem;border-top:1px solid var(--palette-line, #e2edf5);background:var(--palette-surface, #fbfdff)}.chat-quick-replies{display:flex;grid-column:1/-1;gap:0.4375rem;overflow-x:auto;padding:0 0.0625rem 0.125rem;scrollbar-width:thin}.chat-quick-replies[hidden]{display:none}.chat-quick-replies button{flex:0 0 auto;max-width:16.25rem;padding:0.4375rem 0.6875rem;overflow:hidden;border:1px solid var(--palette-line, #d6e8f5);border-radius:62.4375rem;color:var(--palette-text, #48718e);background:var(--palette-surface, #f3f9fd);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}.chat-quick-replies button:hover{border-color:var(--palette-focus, #69b8ef);color:var(--palette-accent, #258ed9);background:var(--palette-surface, #eaf7ff)}.chat-quick-replies button:disabled{opacity:.55;cursor:not-allowed}.group-chat-form textarea{min-height:3.625rem;padding:0.6875rem 0.8125rem;border:1px solid var(--palette-line, #d6e7f3);border-radius:0.8125rem;outline:0;color:var(--palette-text, #1d3c58);background:var(--palette-surface, #fff);resize:none}.group-chat-form textarea:focus{border-color:var(--palette-focus, #50abef);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 45,157,244),0.09)}.group-chat-form .primary-button{min-height:3.625rem}.sub-header>span.closed{color:var(--palette-danger, #d65d6c);background:var(--palette-surface, #fff0f2)}
@media(max-width:700px){.group-chat-root{padding:0.75rem 0.75rem 1.75rem}.group-chat-messages{height:calc(100vh - 15.3125rem);padding-inline:0.9375rem}.group-chat-message{width:88%}}
@media(max-width:470px){.group-chat-root{padding-inline:0}.group-chat-card{border-inline:0;border-radius:0}.group-chat-messages{height:calc(100vh - 14.875rem);min-height:22.5rem;padding:0.875rem 0.75rem}.group-chat-message{width:94%;grid-template-columns:2.25rem minmax(0,1fr)}.group-chat-message.mine{grid-template-columns:minmax(0,1fr) 2.25rem}.group-chat-avatar{width:2.25rem;height:2.25rem;border-radius:0.6875rem}.group-chat-form{grid-template-columns:1fr;padding:0.6875rem 0.75rem calc(0.8125rem + env(safe-area-inset-bottom))}.group-chat-form .primary-button{min-height:2.75rem}.chat-load-older{margin-top:0.5625rem}}

/* 聊天页扣除固定底部导航高度，消息列表内部滚动，输入区始终完整可见。 */
#chat-panel{display:flex;height:calc(100dvh - 4.6875rem - env(safe-area-inset-bottom));min-height:0;flex-direction:column;overflow:hidden}#chat-panel>.sub-header{flex:0 0 auto}#chat-panel>.group-chat-root{min-height:0;flex:1;padding-bottom:0}#chat-panel .group-chat-card{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr) auto}#chat-panel .chat-load-older{grid-row:1}#chat-panel .group-chat-messages{height:auto;min-height:0;grid-row:2}#chat-panel .group-chat-form{grid-row:3}

/* 正式游戏房间、下注输入和开奖历史 */
.game-room-panel{padding-bottom:1.5rem}.game-room-header{position:sticky;z-index:18;top:0;background:rgba(var(--palette-surface-rgb, 255,255,255),0.96);backdrop-filter:blur(15px)}.game-room-header>span{color:var(--palette-success, #16896e);background:var(--palette-surface, #e8faf4)}.game-room-header>span.closed{color:var(--palette-danger, #d65b69);background:var(--palette-surface, #fff0f2)}.game-draw-card{overflow:hidden;margin:1rem 1.25rem;padding:1.375rem 1.5rem 1.25rem;border-radius:1.5rem;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(var(--palette-primary-rgb, 100,205,255),0.38),transparent 36%),linear-gradient(145deg,var(--palette-primary, #173d68),var(--palette-primary, #176da6));box-shadow:0 18px 38px rgba(var(--palette-shadow-rgb, 25,90,139),0.24)}.game-draw-head,.game-draw-foot,.game-current-card>header,.game-bet-title,.game-history-card>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.game-draw-head span,.game-draw-head strong,.game-countdown small,.game-countdown b{display:block}.game-draw-head span{color:var(--palette-accent, #a9d9f6);font-size:0.75rem;font-weight:800;letter-spacing:.09em}.game-draw-head strong{margin-top:0.3125rem;font-size:1.0625rem}.game-countdown{text-align:right}.game-countdown small{color:var(--palette-accent, #a9d9f6);font-size:0.75rem}.game-countdown b{margin-top:0.125rem;font-size:1.75rem;font-variant-numeric:tabular-nums;letter-spacing:.05em}.game-draw-balls{display:flex;flex-wrap:wrap;gap:0.5625rem;align-items:center;justify-content:center;min-height:4.5rem;margin:1.25rem 0;padding:0.8125rem;border-radius:1.125rem;background:rgba(255,255,255,.1)}.game-draw-balls>span{color:#b9d7eb;font-size:0.75rem}.game-ball{position:relative;display:grid;width:2.6875rem;height:2.6875rem;place-items:center;border:3px solid rgba(var(--palette-line-rgb, 255,255,255),0.75);border-radius:50%;color:#fff;background:var(--palette-primary, #3d9deb);box-shadow:0 7px 14px rgba(var(--palette-shadow-rgb, 6,41,69),0.24),inset 0 0 0 2px rgba(var(--palette-shadow-rgb, 255,255,255),0.22);font-size:1rem;font-style:normal;font-weight:900}.game-ball small{position:absolute;top:-0.4375rem;left:-0.3125rem;display:grid;width:1.0625rem;height:1.0625rem;place-items:center;border-radius:50%;color:var(--palette-text, #40637e);background:var(--palette-surface, #fff);font-size:0.75rem}.game-ball-0,.game-ball-5{background:var(--palette-warm, #e2a42d)}.game-ball-1,.game-ball-6{background:var(--palette-primary, #268fe5)}.game-ball-2,.game-ball-7{background:var(--palette-green, #31af8c)}.game-ball-3,.game-ball-8{background:var(--palette-warm, #df6673)}.game-ball-4,.game-ball-9{background:var(--palette-primary, #8368d9)}.game-draw-foot{color:var(--palette-muted, #c8e5f6);font-size:0.75rem}.game-draw-foot span:last-child{white-space:nowrap}.game-room-notice{margin:0 1.25rem 0.875rem;padding:0.75rem 0.9375rem;border:1px solid var(--palette-line, #cee6f6);border-radius:0.875rem;color:var(--palette-text, #487390);background:var(--palette-surface, #f6fcff);font-size:0.75rem;line-height:1.65}.game-current-card,.game-bet-shell,.game-history-card{margin:0.875rem 1.25rem;border:1px solid var(--palette-line, #dceaf5);border-radius:1.375rem;background:var(--palette-surface, #fff);box-shadow:0 10px 26px rgba(var(--palette-shadow-rgb, 47,103,148),0.08)}.game-current-card{padding:1.25rem 1.375rem}.game-current-card small,.game-bet-title small{color:var(--palette-accent, #3b9ce7);font-size:0.75rem;font-weight:900;letter-spacing:.15em}.game-current-card h2,.game-bet-title h2{margin:0.3125rem 0 0;font-size:1.1875rem}.game-current-card header>strong{padding:0.5rem 0.75rem;border-radius:62.4375rem;color:var(--palette-accent, #228edb);background:var(--palette-surface, #eaf7ff);font-size:0.8125rem}.game-current-content{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.game-current-content>span{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.6875rem;border:1px solid var(--palette-line, #d8e8f3);border-radius:0.6875rem;color:var(--palette-muted, #71899f);background:var(--palette-surface, #f8fbfe);font-size:0.75rem}.game-current-content b{color:var(--palette-text, #2b587a);font-size:0.75rem}.game-current-content em{color:var(--palette-accent, #288fdb);font-style:normal;font-weight:800}.game-bet-shell{padding:1.3125rem}.game-bet-title>span{color:var(--palette-muted, #8499ad);font-size:0.75rem}.game-bet-groups{display:grid;gap:0.6875rem;margin-top:1.125rem}.game-bet-group{overflow:hidden;border:1px solid var(--palette-line, #dceaf5);border-radius:1.0625rem;background:var(--palette-surface, #fbfdff)}.game-bet-group>summary{display:flex;align-items:center;justify-content:space-between;gap:0.9375rem;min-height:3.6875rem;padding:0.6875rem 1rem;cursor:pointer;list-style:none;background:var(--palette-surface, #f6fbff)}.game-bet-group>summary::-webkit-details-marker{display:none}.game-bet-group>summary strong,.game-bet-group>summary small{display:block}.game-bet-group>summary strong{color:var(--palette-text, #2a4d68);font-size:0.875rem}.game-bet-group>summary small{margin-top:0.25rem;color:var(--palette-muted, #8a9eaf);font-size:0.75rem}.game-bet-group>summary>span{padding:0.3125rem 0.5rem;border-radius:62.4375rem;color:var(--palette-accent, #318fd3);background:var(--palette-surface, #e5f5ff);font-size:0.75rem}.game-bet-group[open]>summary{border-bottom:1px solid var(--palette-line, #deebf4)}.game-bet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.5625rem;padding:0.8125rem}.game-bet-item{display:grid;grid-template-columns:minmax(0,1fr) 5.125rem;gap:0.4375rem;align-items:center;min-height:3.625rem;padding:0.5rem 0.5625rem;border:1px solid var(--palette-line, #dfeaf3);border-radius:0.8125rem;background:var(--palette-surface, #fff)}.game-bet-item span{min-width:0}.game-bet-item b,.game-bet-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-bet-item b{color:var(--palette-text, #31536e);font-size:0.75rem}.game-bet-item small{margin-top:0.25rem;color:var(--palette-accent, #4b9dde);font-size:0.75rem}.game-bet-item input{width:100%;height:2.375rem;padding:0 0.5rem;border:1px solid var(--palette-line, #cfe2f0);border-radius:0.5625rem;outline:0;color:var(--palette-text, #1c4a70);background:var(--palette-surface, #f6fbff);text-align:center;font-size:0.75rem;font-weight:800}.game-bet-item input:focus{border-color:var(--palette-focus, #43a5ee);background:var(--palette-surface, #fff);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 45,157,244),0.1)}.game-submit-card{position:sticky;z-index:16;bottom:5.125rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.125rem;align-items:center;margin:0.9375rem 1.25rem;padding:0.875rem 1.0625rem;border:1px solid rgba(var(--palette-line-rgb, 194,221,240),0.95);border-radius:1.1875rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.96);box-shadow:0 15px 36px rgba(var(--palette-shadow-rgb, 41,91,131),0.18);backdrop-filter:blur(15px)}.game-submit-card>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:0.5625rem;align-items:baseline}.game-submit-card>div:first-child span,.game-submit-card>div:first-child small{color:var(--palette-muted, #8197aa);font-size:0.75rem}.game-submit-card>div:first-child strong{color:var(--palette-text, #1f74b5);font-size:1.25rem}.game-submit-card>div:first-child small{grid-column:1/-1;margin-top:0.125rem}.game-submit-card>div:last-child{display:flex;justify-content:flex-end;gap:0.5rem}.game-submit-card button{min-height:2.625rem;padding:0 0.9375rem;border:0;border-radius:0.75rem;font-size:0.75rem;font-weight:800}.game-cancel-button{color:var(--palette-danger, #cf5967);background:var(--palette-surface, #fff0f2)}.game-replace-button{color:var(--palette-accent, #247fbd);background:var(--palette-surface, #eaf7ff)}.game-append-button{color:#fff;background:linear-gradient(135deg,var(--palette-primary, #52b7f8),var(--palette-primary, #2689e5));box-shadow:0 7px 16px rgba(var(--palette-shadow-rgb, 38,137,225),0.2)}.game-history-card{overflow:hidden}.game-history-card>header{padding:0.875rem 1.0625rem;border-bottom:1px solid var(--palette-line, #e0ebf4)}.game-history-tabs{display:flex;gap:0.4375rem}.game-history-tabs button,.game-history-card>header>button{height:2.1875rem;padding:0 0.8125rem;border:1px solid var(--palette-line, #d7e6f1);border-radius:0.625rem;color:var(--palette-muted, #6e879c);background:var(--palette-surface, #f8fbfd);font-size:0.75rem}.game-history-tabs button.active{border-color:var(--palette-focus, #3a9ce6);color:#fff;background:var(--palette-primary, #3a9ce6)}.game-history-content{display:grid;padding:0.25rem 1.125rem 0.5625rem}.game-bet-history,.game-draw-history{display:grid;grid-template-columns:8.25rem minmax(0,1fr) 10rem;gap:1rem;align-items:center;padding:0.9375rem 0.125rem;border-bottom:1px solid var(--palette-line, #e5eef5)}.game-bet-history:last-child,.game-draw-history:last-child{border-bottom:0}.game-bet-history strong,.game-bet-history small,.game-draw-history strong,.game-draw-history small{display:block}.game-bet-history strong,.game-draw-history strong{color:var(--palette-text, #294c68);font-size:0.75rem}.game-bet-history small,.game-draw-history small{margin-top:0.3125rem;color:var(--palette-muted, #8ba0b2);font-size:0.75rem}.game-bet-history>p{overflow:hidden;margin:0;color:var(--palette-muted, #668199);font-size:0.75rem;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.game-history-result{text-align:right}.game-history-result span,.game-history-result b,.game-history-result small{display:block}.game-history-result span{font-size:0.75rem}.game-history-result .state-0{color:var(--palette-danger, #cf8a24)}.game-history-result .state-1{color:var(--palette-success, #188a6e)}.game-history-result .state-2{color:var(--palette-muted, #66879f)}.game-history-result b{margin-top:0.1875rem;color:var(--palette-text, #276d9f);font-size:0.875rem}.game-draw-history>div:nth-child(2){display:flex;flex-wrap:wrap;gap:0.25rem}.game-draw-history i{display:grid;width:1.5625rem;height:1.5625rem;place-items:center;border-radius:50%;color:#fff;background:var(--palette-primary, #368fd3);font-size:0.75rem;font-style:normal;font-weight:800}.game-draw-history>span{color:var(--palette-muted, #557792);font-size:0.75rem;text-align:right}
@media(max-width:760px){.game-bet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-bet-history,.game-draw-history{grid-template-columns:7.1875rem minmax(0,1fr) 7.8125rem}}
@media(max-width:600px){.game-room-panel{padding-bottom:0.5rem}.game-draw-card{margin:0.6875rem 0.75rem;padding:1.125rem 0.875rem;border-radius:1.25rem}.game-draw-balls{gap:0.4375rem;margin-block:1rem;padding-inline:0.4375rem}.game-ball{width:2.3125rem;height:2.3125rem;border-width:2px;font-size:0.875rem}.game-room-notice,.game-current-card,.game-bet-shell,.game-history-card,.game-submit-card{margin-inline:0.75rem}.game-current-card,.game-bet-shell{padding:1.0625rem 0.875rem}.game-bet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.4375rem;padding:0.5625rem}.game-bet-item{grid-template-columns:minmax(0,1fr) 4.25rem;min-height:3.4375rem;padding:0.4375rem}.game-bet-item input{height:2.25rem;padding-inline:0.3125rem}.game-submit-card{bottom:4.75rem;grid-template-columns:1fr;padding:0.6875rem 0.75rem;gap:0.5625rem}.game-submit-card>div:first-child{grid-template-columns:auto auto 1fr}.game-submit-card>div:first-child small{grid-row:1;grid-column:3;justify-self:end;margin:0}.game-submit-card>div:last-child{display:grid;grid-template-columns:.85fr 1fr 1.15fr}.game-submit-card button{min-height:2.5rem;padding-inline:0.4375rem}.game-bet-history,.game-draw-history{grid-template-columns:1fr auto;gap:0.5rem 0.75rem}.game-bet-history>p,.game-draw-history>div:nth-child(2){grid-row:2;grid-column:1/-1;white-space:normal}.game-history-result{grid-row:1/2;grid-column:2}.game-draw-history>span{grid-row:1;grid-column:2}.game-history-content{padding-inline:0.8125rem}}
@media(max-width:390px){.game-bet-grid{grid-template-columns:1fr}.game-bet-item{grid-template-columns:minmax(0,1fr) 5.75rem}.game-submit-card button{font-size:0.75rem}.game-draw-head strong{font-size:0.875rem}.game-countdown b{font-size:1.5rem}}

/* 平台外观、内置浏览器提示、结构聊天室、数字键盘与红包 */
body[data-skin="2"]{--player-accent:#8064dc}body[data-skin="2"] .auth-submit,body[data-skin="2"] .primary-button,body[data-skin="2"] .game-append-button{background:linear-gradient(135deg,var(--palette-primary, #9a7bef),var(--palette-primary, #6c50cf))}body[data-skin="3"]{--player-accent:#e69b35}body[data-skin="3"] .auth-submit,body[data-skin="3"] .primary-button,body[data-skin="3"] .game-append-button{background:linear-gradient(135deg,var(--palette-warm, #f1ba61),var(--palette-warm, #d58427))}
.group-chat-message.kind-3{width:min(86%,36.875rem)}.group-chat-message.kind-3>div{width:100%}.player-forecast-card{min-width:16.25rem;padding:0.875rem 1rem;border:1px solid var(--palette-line, #c9e3f4);border-radius:1.0625rem;background:linear-gradient(145deg,var(--palette-surface, #eef9ff),var(--palette-surface, #f9fcff));box-shadow:0 8px 20px rgba(var(--palette-shadow-rgb, 39,129,193),0.08)}.player-forecast-card span,.player-forecast-card strong{display:block}.player-forecast-card span{color:var(--palette-accent, #3699df);font-size:0.75rem;font-weight:900;letter-spacing:.16em}.player-forecast-card strong{margin:0.4375rem 0;color:var(--palette-text, #28506f);font-size:0.8125rem}.player-forecast-card p{margin:0!important;padding:0!important;color:var(--palette-muted, #66829a)!important;background:none!important;box-shadow:none!important;font-size:0.75rem!important;line-height:1.7}.player-red-packet-card{display:grid;width:100%;min-width:17.1875rem;grid-template-columns:2.625rem minmax(0,1fr) auto;gap:0.6875rem;align-items:center;padding:0.8125rem;border:0;border-radius:1.0625rem;color:#fff;background:radial-gradient(circle at 12% 15%,rgba(255,226,170,.2),transparent 30%),linear-gradient(145deg,#df5361,#bd2e40);box-shadow:0 10px 22px rgba(174,46,63,.2);text-align:left}.player-red-packet-card>span{display:grid;width:2.625rem;height:2.625rem;place-items:center;border:1px solid rgba(255,241,196,.42);border-radius:0.8125rem;color:#fff1c3;background:rgba(96,13,27,.2);font-size:1.125rem;font-weight:900}.player-red-packet-card small,.player-red-packet-card strong,.player-red-packet-card p{display:block}.player-red-packet-card small{color:#ffd7dc;font-size:0.75rem;letter-spacing:.14em}.player-red-packet-card strong{margin:0.25rem 0;color:#fff;font-size:0.75rem}.player-red-packet-card p{overflow:hidden;margin:0!important;padding:0!important;color:#ffdfe3!important;background:none!important;box-shadow:none!important;font-size:0.75rem!important;text-overflow:ellipsis;white-space:nowrap}.player-red-packet-card em{color:#ffe4e7;font-size:0.75rem;font-style:normal;white-space:nowrap}.group-chat-message.mine.kind-3 .player-red-packet-card{text-align:left}
.keypad-card{width:min(22.5rem,calc(100% - 1.75rem));padding:1.5625rem}.keypad-value{display:block;margin:1.125rem 0;padding:0.9375rem;border:1px solid var(--palette-line, #d7e7f2);border-radius:0.875rem;color:var(--palette-accent, #237fc4);background:var(--palette-surface, #f5faff);font-size:1.6875rem;text-align:right;font-variant-numeric:tabular-nums}.game-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5625rem}.game-keypad button{height:3.1875rem;border:1px solid var(--palette-line, #d5e6f2);border-radius:0.8125rem;color:var(--palette-text, #315775);background:var(--palette-surface, #f7fbfe);font-size:1.0625rem;font-weight:800}.game-keypad button:active{border-color:var(--palette-focus, #58ade9);color:#fff;background:var(--palette-primary, #3b9ee8)}.keypad-card>.primary-button{width:100%;margin-top:0.75rem}.game-bet-item input[readonly]{cursor:pointer;color:var(--palette-accent, #247dbd);background:var(--palette-surface, #eef8ff)}
.player-red-packet-shell{overflow:hidden;width:min(26.875rem,calc(100% - 1.5rem));max-height:min(47.5rem,calc(100dvh - 1.625rem));padding:0;background:#fff}.player-red-packet-head{padding:1.875rem 1.5625rem 1.5625rem;color:#fff;background:radial-gradient(circle at 15% 12%,rgba(255,230,178,.2),transparent 34%),linear-gradient(145deg,#df5261,#b9283c);text-align:center}.player-red-packet-head>span{display:grid;width:3.625rem;height:3.625rem;margin:0 auto 0.75rem;place-items:center;border:1px solid rgba(255,239,192,.42);border-radius:1.125rem;color:#fff0bd;background:rgba(102,11,27,.22);font-size:1.5625rem;font-weight:900}.player-red-packet-head small{color:#ffd5db;font-size:0.75rem;font-weight:900;letter-spacing:.18em}.player-red-packet-head h2{margin:0.4375rem 0 0.375rem;font-size:1.3125rem}.player-red-packet-head p{margin:0;color:#ffe0e4;font-size:0.75rem;line-height:1.6}.player-red-packet-head b{display:block;margin-top:0.75rem;color:#fff0bd;font-size:0.75rem}.player-red-packet-body{padding:1.25rem}.player-red-packet-body>strong{display:block;color:#385873;font-size:0.75rem;text-align:center}.player-red-packet-body>.primary-button{width:100%;margin:0.875rem 0;background:linear-gradient(135deg,#e45965,#c93245)}.player-red-packet-body>.primary-button:disabled{color:#a0aab4;background:#edf1f4}.packet-claims-title{display:flex;align-items:center;justify-content:space-between;padding:0.8125rem 0 0.5rem;border-top:1px solid var(--palette-line, #e3edf4)}.packet-claims-title span{color:var(--palette-text, #34536c);font-size:0.75rem;font-weight:800}.packet-claims-title small{color:var(--palette-muted, #9aabb9);font-size:0.75rem}.player-red-packet-claims{display:grid;max-height:15.625rem;overflow-y:auto}.player-red-packet-claims article{display:grid;grid-template-columns:2.1875rem minmax(0,1fr) auto;gap:0.625rem;align-items:center;padding:0.5625rem 0.125rem;border-bottom:1px solid #e7eff5}.packet-claim-avatar{display:grid;width:2.1875rem;height:2.1875rem;place-items:center;overflow:hidden;border-radius:0.6875rem;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #65bdf6),var(--palette-primary, #318cdb));font-size:0.75rem;font-weight:900}.packet-claim-avatar img{width:100%;height:100%;object-fit:cover}.player-red-packet-claims strong,.player-red-packet-claims small{display:block}.player-red-packet-claims strong{color:#3b5971;font-size:0.75rem}.player-red-packet-claims small{margin-top:0.1875rem;color:#9aabb9;font-size:0.75rem}.player-red-packet-claims b{color:#d94a59;font-size:0.75rem}
.game-draw-history.manual{background:var(--palette-surface, #f3fcf9)}.game-draw-history.manual small{color:var(--palette-success, #1c9777)}.game-draw-history.invalid{background:var(--palette-surface, #fff5f6)}.game-draw-history.invalid small,.game-draw-history.invalid>span{color:var(--palette-danger, #d65363)}
@media(max-width:470px){.group-chat-message.kind-3{width:96%}.player-forecast-card,.player-red-packet-card{min-width:0}.player-red-packet-card{grid-template-columns:2.375rem minmax(0,1fr) auto}.player-red-packet-card>span{width:2.375rem;height:2.375rem}.keypad-card{padding:1.3125rem}.game-keypad button{height:3rem}.player-red-packet-body{padding:1rem}.player-red-packet-head{padding:1.6875rem 1.1875rem 1.375rem}}

/* 同玩法合并开启后，玩家大厅按玩法名称分组并沿用管理控制台保存的顺序。 */
.room-list.merged{grid-template-columns:1fr}.player-room-group{overflow:hidden;border:1px solid var(--palette-line, #d8e8f4);border-radius:1.25rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.72);box-shadow:0 9px 22px rgba(var(--palette-shadow-rgb, 54,105,148),0.06)}.player-room-group>header{display:flex;align-items:center;justify-content:space-between;padding:0.9375rem 1.125rem;border-bottom:1px solid var(--palette-line, #dfebf4);background:linear-gradient(135deg,var(--palette-surface, #f7fcff),var(--palette-surface, #eaf6ff))}.player-room-group>header strong{color:var(--palette-text, #244e72);font-size:0.875rem}.player-room-group>header span{padding:0.3125rem 0.5rem;border-radius:62.4375rem;color:var(--palette-accent, #348fd4);background:var(--palette-surface, #fff);font-size:0.75rem}.player-room-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;padding:0.8125rem}.player-room-group .room-item{box-shadow:none}
@media(max-width:470px){.player-room-group{border-radius:1rem}.player-room-group>header{padding:0.8125rem 0.875rem}.player-room-group>div{grid-template-columns:1fr;gap:0.5625rem;padding:0.5625rem}}

/* 多条平台收款资料与客服常见问题。 */
.payment-preview-list{display:grid;gap:0.625rem}.payment-preview-list .payment-preview{margin:0}.payment-preview.text.custom{display:grid;grid-template-columns:minmax(0,1fr);column-gap:0.8125rem;align-items:center}.payment-preview.text.custom.has-image{grid-template-columns:4.5rem minmax(0,1fr)}.payment-preview.text.custom img{grid-row:1/4;width:4.5rem;height:4.5rem;object-fit:contain;border:1px solid var(--palette-line, #d9e8f2);border-radius:0.6875rem;background:var(--palette-surface, #fff)}.payment-preview.text.custom>span,.payment-preview.text.custom>.payment-account-row,.payment-preview.text.custom>small{grid-column:-2;min-width:0}.player-service-questions{padding:0.75rem 1.0625rem;border-top:1px solid var(--palette-line, #e2edf5);background:var(--palette-surface, #f8fcff)}.player-service-questions>strong{display:block;margin-bottom:0.5rem;color:var(--palette-muted, #5c7890);font-size:0.75rem}.player-service-questions>div{display:flex;gap:0.4375rem;overflow-x:auto;padding-bottom:0.125rem}.player-service-questions button{flex:0 0 auto;max-width:16.25rem;padding:0.4375rem 0.6875rem;overflow:hidden;border:1px solid var(--palette-line, #d4e7f4);border-radius:62.4375rem;color:var(--palette-accent, #397cae);background:var(--palette-surface, #fff);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}.player-service-questions button:active{border-color:var(--palette-focus, #43a2e8);color:#fff;background:var(--palette-primary, #43a2e8)}
@media(max-width:470px){.payment-preview.text.custom.has-image{grid-template-columns:3.625rem minmax(0,1fr)}.payment-preview.text.custom img{width:3.625rem;height:3.625rem}.player-service-questions{padding-inline:0.75rem}}

/* 游戏房间独立消息流，消息条目直接复用公共聊天室结构。 */
.game-room-chat-messages{display:flex;max-height:24.375rem;min-height:9.375rem;flex-direction:column;gap:0.625rem;overflow:auto;padding:0.875rem;background:var(--palette-surface, #f7fbfe);scroll-behavior:smooth}
@media(max-width:700px){.game-room-chat-messages{max-height:21.25rem;padding:0.6875rem}}
@media(max-width:470px){.game-room-chat-messages{max-height:19.375rem}}

/* Player端只按手机比例呈现；桌面访问同样收窄，验证码完整缩放显示。 */
.phone-page,.bottom-nav{width:min(26.875rem,100%)}.auth-shell{width:min(26.875rem,100%)}.captcha-image{position:relative}.captcha-image img{width:100%;height:100%;object-fit:contain;object-position:center}.captcha-image small{position:absolute;right:0.25rem;bottom:0.1875rem;padding:0.0625rem 0.25rem;border-radius:0.25rem;color:#fff;background:rgba(var(--palette-overlay-rgb, 20,52,76),0.72);font-size:0.75rem}

.player-loading{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 22%,var(--palette-surface-soft, #dff3ff),var(--palette-surface, #f6fbff) 62%)}.player-loading>div{display:grid;justify-items:center;gap:0.75rem}.player-loading img{width:3.25rem;height:3.25rem}.player-loading i{display:block;width:5.375rem;height:0.1875rem;overflow:hidden;border-radius:6.1875rem;background:var(--palette-surface-soft, #d7eaf6)}.player-loading i:after{display:block;width:38%;height:100%;border-radius:inherit;content:"";background:var(--palette-primary, #3ca0e8);animation:player-loading 1s ease-in-out infinite alternate}.player-loading strong{color:var(--palette-muted, #52738c);font-size:0.75rem;letter-spacing:.05em}@keyframes player-loading{to{transform:translateX(150%)}}

/* 平台可配置或玩家可上传的图片按实际区域拉伸显示，不使用裁切。 */
.brand-mark img,.topbar-logo img,.hero>img,.featured-room img,.featured-room.has-icon img,.room-item>img,.home-activity img,.activity-card img,.activity-dialog-card>img,.payment-preview.image img{object-fit:fill!important;object-position:center!important}
/* 公开APP下载页：自动识别设备，页面只保留名称、单个下载按钮和带图标二维码。 */
.app-download-view{position:relative;min-height:100dvh;overflow:hidden;color:var(--palette-text, #284761);background:radial-gradient(circle at 50% -10%,var(--palette-surface-soft, #bce8ff) 0,transparent 43%),linear-gradient(180deg,var(--palette-surface, #edf9ff),var(--palette-surface, #f8fbfd))}.app-download-glow{position:absolute;width:24.375rem;height:24.375rem;right:-11.875rem;bottom:-11.25rem;border-radius:50%;background:rgba(var(--palette-primary-rgb, 76,168,234),0.15);filter:blur(5px)}.app-download-shell{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(26.875rem,100%);min-height:100dvh;margin:auto;padding:2.125rem 1.5rem 1.75rem}.app-download-loading,.app-download-empty,.app-download-content{grid-row:1/3;display:grid;justify-items:center;align-content:center;text-align:center}.app-download-loading{gap:0.9375rem}.app-download-loading i{width:2.875rem;height:2.875rem;border:5px solid var(--palette-line, #d5eaf6);border-top-color:var(--palette-focus, #3c9cdf);border-radius:50%;animation:app-download-spin .9s linear infinite}.app-download-loading strong{color:var(--palette-muted, #63849b);font-size:0.9375rem}.app-download-empty{gap:0.8125rem}.app-download-empty>span{display:grid;width:4.75rem;height:4.75rem;place-items:center;border:1px solid var(--palette-line, #cfe5f3);border-radius:1.5rem;color:var(--palette-accent, #459edc);background:var(--palette-surface, #fff);font-size:1.9375rem;box-shadow:0 13px 30px rgba(var(--palette-shadow-rgb, 50,119,168),0.1)}.app-download-empty h1{margin:0.5rem 0 0;font-size:1.5625rem}.app-download-empty p{max-width:18.75rem;margin:0;color:var(--palette-muted, #7891a4);font-size:0.875rem;line-height:1.7}.app-download-content{grid-row:1;gap:1.5rem;padding:1.125rem 0 0.5rem}.app-download-content h1{max-width:100%;margin:0;color:var(--palette-text, #244965);font-size:clamp(1.6875rem,8vw,2.125rem);line-height:1.2;overflow-wrap:anywhere}.app-download-action{display:flex;width:min(19.375rem,100%);min-height:4rem;align-items:center;justify-content:center;gap:0.75rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.42);border-radius:1.25rem;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #49a9eb),var(--palette-primary, #277fcb));box-shadow:0 14px 29px rgba(var(--palette-shadow-rgb, 39,128,203),0.24);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.app-download-action:active{transform:translateY(0.125rem);box-shadow:0 9px 20px rgba(var(--palette-shadow-rgb, 39,128,203),0.2)}.app-download-action span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:0.75rem;color:var(--palette-accent, #328fd3);background:var(--palette-surface, #fff);font-size:1.5rem;font-weight:800;line-height:1}.app-download-action strong{font-size:1.125rem;letter-spacing:.04em}.app-download-qrcode{position:relative;width:min(16.25rem,72vw);aspect-ratio:1;padding:0.6875rem;border:1px solid var(--palette-line, #d3e8f5);border-radius:1.5rem;background:var(--palette-surface, #fff);box-shadow:0 16px 34px rgba(var(--palette-shadow-rgb, 48,113,161),0.13)}.app-download-qrcode>img{display:block;width:100%;height:100%;border-radius:0.875rem;object-fit:contain}.app-download-qrcode>span{position:absolute;left:50%;top:50%;display:grid;width:3.625rem;height:3.625rem;padding:0.3125rem;place-items:center;transform:translate(-50%,-50%);border-radius:1.0625rem;background:var(--palette-surface, #fff);box-shadow:0 3px 12px rgba(var(--palette-shadow-rgb, 31,86,126),0.18)}.app-download-qrcode>span img{display:block;width:100%;height:100%;border-radius:0.75rem;object-fit:fill}.app-download-point{grid-row:2;margin:0.875rem 0 0;color:var(--palette-accent, #5f88a4);font-size:0.9375rem;font-weight:700;letter-spacing:.06em;text-align:center}.app-download-point:before{display:inline-block;width:0.375rem;height:0.375rem;margin-right:0.5rem;border-radius:50%;content:"";vertical-align:0.125rem;background:var(--palette-primary, #45a5e5);box-shadow:0 0 0 5px rgba(var(--palette-shadow-rgb, 69,165,229),0.1)}@keyframes app-download-spin{to{transform:rotate(360deg)}}
@media(max-height:700px){.app-download-shell{padding-block:1.25rem 1.125rem}.app-download-content{gap:1rem}.app-download-qrcode{width:min(13.75rem,62vw)}.app-download-point{margin-top:0.5rem}}

/* 大厅房间把玩法规则收进独立按钮，房间主体仍保持整块可点击。 */
.featured-room>.room-entry{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;text-align:left}.featured-room>.room-entry>img{position:absolute;inset:0;width:100%;height:100%}.featured-room.has-icon>.room-entry>img{inset:auto 2% 3% auto;width:62%;height:78%}.room-rule-button{position:absolute;z-index:6;top:0.6875rem;right:0.6875rem;min-height:1.8125rem;padding:0 0.625rem;border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.9);border-radius:62.4375rem;color:var(--palette-accent, #267fbd);background:rgba(var(--palette-surface-rgb, 255,255,255),0.9);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 34,98,145),0.13);font-size:0.75rem;font-weight:800;backdrop-filter:blur(8px)}.room-rule-button:active{color:#fff;background:var(--palette-primary, #3699e3)}.featured-room.sleep:after,.room-item.sleep:after{right:auto;left:0.6875rem}.room-item{display:block}.room-item>.room-entry{display:grid;width:100%;min-height:8rem;grid-template-columns:6.375rem minmax(0,1fr);padding:0;border:0;background:transparent;text-align:left}.room-item>.room-entry>img{width:100%;height:100%;object-fit:fill;background:var(--palette-surface-soft, #dff3ff)}.room-item>.room-entry>span{align-self:center;min-width:0;padding:1rem 0.875rem}.room-item>.room-entry strong,.room-item>.room-entry em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item>.room-entry strong{padding-right:4.125rem;color:var(--palette-text, #263f57);font-size:0.875rem}.room-item>.room-entry em{margin-top:0.375rem;color:var(--palette-accent, #338fd6);font-size:0.75rem;font-style:normal}

/* KK皮肤投注页：页签、专业选号、群投命令和统一金额操作区。 */
.game-page-tabs{position:sticky;z-index:17;top:4.6875rem;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0.75rem 0.75rem;overflow:hidden;border:1px solid var(--palette-line, #d8e8f3);border-radius:0.875rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.96);box-shadow:0 8px 20px rgba(var(--palette-shadow-rgb, 39,95,137),0.08);backdrop-filter:blur(14px)}.game-page-tabs button{min-height:2.6875rem;border:0;border-right:1px solid var(--palette-line, #e4edf4);color:var(--palette-muted, #71889c);background:transparent;font-size:0.75rem;font-weight:800}.game-page-tabs button:last-child{border-right:0}.game-page-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--palette-primary, #50b3f4),var(--palette-primary, #288ce4))}.game-view-panel{min-width:0}.game-bet-shell{padding:0;overflow:hidden}.game-bet-title{min-height:4rem;padding:0.875rem 1rem;border-bottom:1px solid var(--palette-line, #e0ebf4)}.game-bet-title>button{height:2.1875rem;padding:0 0.875rem;border:1px solid var(--palette-line, #c8e4f5);border-radius:62.4375rem;color:var(--palette-accent, #2887c8);background:var(--palette-surface, #eef9ff);font-size:0.75rem;font-weight:800}.game-professional-mode{display:grid;min-height:18.125rem;grid-template-columns:5.125rem minmax(0,1fr)}.game-bet-categories{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--palette-line, #dfeaf3);background:var(--palette-surface, #f7fbfe)}.game-bet-categories button{min-height:3.4375rem;padding:0.5rem;border:0;border-bottom:1px solid var(--palette-line, #e3edf4);color:var(--palette-muted, #6f879a);background:transparent;font-size:0.75rem}.game-bet-categories button.active{position:relative;color:var(--palette-accent, #278edb);background:var(--palette-surface, #fff);font-weight:900}.game-bet-categories button.active:after{position:absolute;right:-0.0625rem;bottom:0;left:0;height:0.1875rem;content:"";background:var(--palette-primary, #329ae7)}.game-bet-groups{display:block;min-width:0;margin:0;background:var(--palette-surface, #f1f6fb)}.game-bet-groups>header{display:flex;min-height:3.0625rem;align-items:center;justify-content:space-between;gap:0.625rem;padding:0.625rem 0.75rem;color:var(--palette-text, #527086);background:var(--palette-surface, #eef5fa)}.game-bet-groups>header strong,.game-bet-groups>header small{display:block}.game-bet-groups>header strong{font-size:0.75rem}.game-bet-groups>header small{margin-top:0.1875rem;color:var(--palette-muted, #8ba0b1);font-size:0.75rem}.game-bet-groups>header>span{color:var(--palette-muted, #7890a5);font-size:0.75rem}.game-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.4375rem;padding:0.5rem}.game-choice{display:grid;min-height:3.4375rem;place-content:center;gap:0.1875rem;border:1px solid var(--palette-line, #dce7ef);border-radius:0.5rem;color:var(--palette-muted, #5f7486);background:var(--palette-surface, #fff);box-shadow:0 3px 8px rgba(var(--palette-shadow-rgb, 48,92,126),0.04);text-align:center}.game-choice strong{font-size:0.8125rem}.game-choice span{color:var(--palette-muted, #8194a5);font-size:0.75rem}.game-choice.active{border-color:var(--palette-focus, #2797e8);color:#fff;background:linear-gradient(145deg,var(--palette-primary, #55b8f6),var(--palette-primary, #2789e2));box-shadow:0 7px 15px rgba(var(--palette-shadow-rgb, 35,140,221),0.22)}.game-choice.active span{color:#e5f6ff}.game-choice:disabled{cursor:not-allowed;opacity:.58}.game-group-mode{padding:1.125rem;background:var(--palette-surface, #f4f8fc)}.game-group-mode>label{display:block;margin-bottom:0.5625rem;color:var(--palette-text, #355772);font-size:0.75rem;font-weight:800}.game-group-mode textarea{display:block;width:100%;min-height:5.75rem;padding:0.8125rem 0.875rem;resize:vertical;border:1px solid var(--palette-line, #cfdfea);border-radius:0.8125rem;outline:0;color:var(--palette-text, #294e69);background:var(--palette-surface, #fff);font:0.875rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.game-group-mode textarea:focus{border-color:var(--palette-focus, #3b9ee8);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 59,158,232),0.11)}.game-group-mode>div{display:flex;align-items:center;justify-content:space-between;gap:0.625rem;margin-top:0.625rem}.game-group-mode>div span{color:var(--palette-muted, #8499aa);font-size:0.75rem}.game-group-mode>div button{min-width:5.75rem;height:2.5rem;border:0;border-radius:0.6875rem;color:#fff;background:linear-gradient(135deg,var(--palette-primary, #50b3f4),var(--palette-primary, #288ce4));font-size:0.75rem;font-weight:900}.game-submit-card{position:sticky;z-index:16;bottom:4.75rem;display:grid;grid-template-columns:1fr;margin:0.75rem;padding:0.75rem;border-radius:1.125rem}.game-submit-summary{display:grid!important;grid-template-columns:auto auto 1fr auto!important;column-gap:0.5rem!important;align-items:center!important}.game-submit-summary>span{color:var(--palette-muted, #7990a3);font-size:0.75rem}.game-submit-summary>strong{color:var(--palette-accent, #2487cf);font-size:1.125rem!important}.game-submit-summary>small{grid-row:auto!important;grid-column:auto!important;justify-self:end;color:var(--palette-muted, #8196a8);font-size:0.75rem}.game-submit-summary>small b{color:var(--palette-text, #466982)}.game-replace-option{display:flex;grid-row:1/2;align-items:center;gap:0.375rem;margin-right:0.25rem;color:var(--palette-text, #526f86);font-size:0.75rem;font-weight:800}.game-replace-option input{position:absolute;opacity:0}.game-replace-option i{display:block;width:1.125rem;height:1.125rem;border:1px solid var(--palette-line, #c5d8e6);border-radius:0.375rem;background:var(--palette-surface, #fff)}.game-replace-option input:checked+i{border-color:var(--palette-focus, #3699e4);background:var(--palette-primary, #3699e4);box-shadow:inset 0 0 0 4px var(--palette-shadow, #fff)}.game-stake-control{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:0.5rem!important;margin-top:0.625rem}.game-quick-coins{display:flex!important;gap:0.375rem!important}.game-quick-coins button{width:2.375rem;min-height:2.5rem!important;padding:0!important;border:1px solid var(--palette-line, #cce2f0)!important;border-radius:50%!important;color:var(--palette-accent, #2f91d8);background:var(--palette-surface, #eef8ff);font-size:0.75rem!important;font-weight:900}.game-quick-coins button:active{color:#fff;background:var(--palette-primary, #3499e5)}.game-stake-control>input{min-width:0;height:2.625rem;padding:0 0.75rem;border:1px solid var(--palette-line, #cadde9);border-radius:0.6875rem;outline:0;color:var(--palette-text, #244d6b);background:var(--palette-surface, #fff);font-size:0.75rem}.game-stake-control>input:focus{border-color:var(--palette-focus, #3c9de7);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 60,157,231),0.1)}.game-submit-actions{display:grid!important;grid-template-columns:.8fr 1fr 1.2fr;gap:0.4375rem!important;margin-top:0.5625rem}.game-submit-actions button{min-height:2.625rem!important}.game-reset-button{color:var(--palette-muted, #607b91);background:var(--palette-surface, #edf3f7)}.game-rule-card{margin:0.875rem 0.75rem;padding:1.375rem;border:1px solid var(--palette-line, #d7e8f4);border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 10px 25px rgba(var(--palette-shadow-rgb, 46,101,143),0.08)}.game-rule-card>span{color:var(--palette-accent, #3b99df);font-size:0.75rem;font-weight:900;letter-spacing:.13em}.game-rule-card h2{margin:0.375rem 0 0.9375rem;color:var(--palette-text, #294a63);font-size:1.1875rem}.game-rule-card p{margin:0;color:var(--palette-muted, #5f7c92);font-size:0.75rem;line-height:1.85;white-space:pre-wrap}.game-history-card>header>div>small,.game-history-card>header>div>h2{display:block;margin:0}.game-history-card>header>div>small{color:var(--palette-accent, #3b98de);font-size:0.75rem;font-weight:900}.game-history-card>header>div>h2{margin-top:0.25rem;color:var(--palette-text, #294b64);font-size:1.0625rem}

@media(max-width:470px){.featured-room .room-rule-button{top:0.5rem;right:0.5rem;min-height:1.6875rem;padding-inline:0.5rem}.room-item>.room-entry{grid-template-columns:5.875rem minmax(0,1fr);min-height:6.875rem}.room-item>.room-entry>span{padding:0.75rem 0.625rem}.room-item>.room-entry strong{padding-right:3.875rem}.game-draw-card{padding-top:0.9375rem;padding-bottom:0.875rem}.game-draw-balls{min-height:3.625rem}.game-page-tabs{top:3.75rem}.game-current-card{padding-block:0.875rem}.game-current-content{margin-top:0.6875rem}.game-bet-shell{margin-inline:0;border-inline:0;border-radius:0}.game-submit-card{margin-inline:0.5rem;padding:0.625rem}.game-professional-mode{grid-template-columns:4.625rem minmax(0,1fr)}.game-bet-categories button{min-height:3.25rem;font-size:0.75rem}.game-choice-grid{gap:0.375rem;padding:0.4375rem}.game-choice{min-height:3.25rem}.game-quick-coins button{width:2.125rem}.game-stake-control{grid-template-columns:auto minmax(5.75rem,1fr)}.game-submit-summary{grid-template-columns:auto auto minmax(0,1fr) auto!important}.game-submit-summary>small{white-space:nowrap}}
@media(max-width:360px){.game-page-tabs button{font-size:0.75rem}.game-professional-mode{grid-template-columns:4.25rem minmax(0,1fr)}.game-choice-grid{grid-template-columns:1fr}.game-stake-control{grid-template-columns:1fr}.game-quick-coins{justify-content:center}.game-quick-coins button{width:2.625rem}.game-submit-summary{grid-template-columns:auto 1fr auto!important}.game-submit-summary>span{display:none}.game-submit-summary>small{grid-column:3!important}}

/* 游戏房间严格采用旧版KK的全屏结构：紧凑开奖区、左侧玩法、浮动模式切换和底部操作台。 */
body.player-room-active{overflow:hidden;background:var(--palette-surface, #e8edf8)}
body.player-room-active .phone-page,body.player-room-active .page-scroll{height:100dvh;min-height:0}
body.player-room-active .page-scroll{padding-bottom:0}
.game-room-panel{display:flex;height:100dvh;min-height:0;flex-direction:column;overflow:hidden;padding-bottom:0;color:var(--palette-text, #203957);background:var(--palette-surface, #e8edf8)}
.game-kk-top{position:relative;z-index:3;flex:0 0 12.1875rem;overflow:hidden;background:linear-gradient(135deg,var(--palette-surface, #eef5ff) 0,var(--palette-surface, #e4effe) 46%,var(--palette-surface, #eff5ff) 100%)}
.game-kk-top:before,.game-kk-top:after{position:absolute;z-index:-1;content:"";pointer-events:none;transform:skewX(-20deg)}
.game-kk-top:before{top:-2.8125rem;left:24%;width:28%;height:14.375rem;background:rgba(var(--palette-surface-soft-rgb, 201,221,246),0.64)}
.game-kk-top:after{top:-2.1875rem;left:55%;width:15%;height:13.75rem;background:rgba(var(--palette-surface-soft-rgb, 211,228,249),0.78)}
.game-room-header{position:relative;top:auto;display:flex;height:3rem;align-items:center;gap:0.4375rem;padding:0.25rem 0.75rem 0;background:transparent;backdrop-filter:none}
.game-room-back{display:grid;width:1.5rem;height:2rem;flex:0 0 1.5rem;place-items:center;padding:0;border:0;color:var(--palette-accent, #1589ee);background:transparent;font-size:2.125rem;font-weight:300;line-height:1}
.game-room-name{display:flex;min-width:0;align-items:center;gap:0.5rem}.game-room-name>strong{overflow:hidden;max-width:11.875rem;color:var(--palette-text, #243a56);font-size:1.125rem;text-overflow:ellipsis;white-space:nowrap}.game-room-name>span{padding:0.3125rem 0.5625rem;border-radius:62.4375rem;color:#fff;background:var(--palette-green, #22a978);font-size:0.75rem;font-weight:800;white-space:nowrap}.game-room-name>span.closed{background:var(--palette-warm, #fa3856)}.game-room-name>i{color:var(--palette-muted, #687f9f);font-size:1.125rem;font-style:normal}.game-room-balance{display:flex;height:1.75rem;align-items:center;margin-left:auto;padding:0 0.6875rem;border:0;border-radius:62.4375rem;color:var(--palette-muted, #6c7f98);background:rgba(var(--palette-surface-rgb, 255,255,255),0.94);box-shadow:0 2px 8px rgba(var(--palette-shadow-rgb, 66,98,136),0.05);font-size:0.75rem;white-space:nowrap}.game-room-balance i{margin-right:0.1875rem;color:var(--palette-muted, #6783a1);font-size:1rem;font-style:normal}.game-room-balance b{font-weight:500}
.game-draw-card{display:grid;height:6.375rem;grid-template-columns:34% minmax(0,1fr);align-items:center;margin:0;padding:0.25rem 1.0625rem 0.4375rem;border-radius:0;color:var(--palette-text, #29405d);background:transparent;box-shadow:none}.game-next-draw{display:grid;align-content:center;justify-items:start;min-width:0}.game-next-draw>strong{overflow:hidden;max-width:100%;font-size:1.125rem;text-overflow:ellipsis;white-space:nowrap}.game-next-draw>span{margin:0.1875rem 0 0.4375rem;color:var(--palette-muted, #657b99);font-size:0.8125rem}.game-countdown{display:flex;align-items:center;gap:0.25rem}.game-countdown b{display:grid;width:1.5rem;height:1.625rem;place-items:center;border-radius:0.25rem;color:#fff;background:var(--palette-surface-raised, #70829b);font-size:1.125rem;font-variant-numeric:tabular-nums}.game-countdown i{color:var(--palette-muted, #5d708c);font-size:1.0625rem;font-style:normal;font-weight:800}.game-result{min-width:0}.game-result-head{display:flex;min-height:1.75rem;align-items:center;justify-content:space-between;gap:0.5rem;color:var(--palette-muted, #607594);font-size:0.8125rem}.game-result-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-result-head em{padding:0.3125rem 0.625rem;border-radius:62.4375rem;color:#fff;background:var(--palette-surface-raised, #8399c8);font-size:0.75rem;font-style:normal;font-weight:800;white-space:nowrap}.game-draw-balls{display:flex;min-height:2.875rem;align-items:center;justify-content:flex-start;gap:0.4375rem;margin:0;padding:0;border-radius:0;background:transparent}.game-draw-balls>i{color:#405372;font-size:1.125rem;font-style:normal}.game-draw-balls>span{color:#8798ad;font-size:0.75rem}.game-result-ball{display:grid;width:1.875rem;height:1.875rem;flex:0 0 1.875rem;place-items:center;border:3px solid #2498f2;border-radius:50%;color:#203a5a;background:#fff;font-size:1rem}.game-result-ball.sum{border-color:#ff3e59;color:#fff;background:#ff3e59;box-shadow:0 0 12px rgba(255,62,89,.36)}.game-result-ball.compact{width:1.6875rem;height:1.6875rem;flex-basis:1.6875rem;border-width:2px;font-size:0.75rem}
.game-page-tabs{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;display:flex;height:2.8125rem;gap:0.625rem;margin:0;padding:0.25rem 0.5rem 0.375rem;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.game-page-tabs button{width:5.4375rem;min-height:2.1875rem;flex:0 0 5.4375rem;border:0!important;border-radius:0.25rem;color:var(--palette-text, #526884);background:var(--palette-surface, #fff);font-size:0.9375rem;font-weight:500;box-shadow:none}.game-page-tabs button.active{color:#fff;background:var(--palette-primary, #078ff2)}
.game-bet-view{display:flex;min-height:0;flex:1;flex-direction:column}.game-bet-shell{position:relative;min-height:0;flex:1;overflow:hidden;margin:0;border:0;border-radius:0;background:var(--palette-surface, #e8edf8);box-shadow:none}.game-professional-mode{display:grid;height:100%;min-height:0;grid-template-columns:clamp(5.125rem,19%,6.25rem) minmax(0,1fr)}.game-bet-categories{min-height:0;overflow-y:auto;border-right:1px solid var(--palette-line, #d7dfec);background:rgba(var(--palette-surface-rgb, 255,255,255),0.88)}.game-bet-categories button{min-height:4.75rem;flex:0 0 4.75rem;padding:0.5rem;border:0;border-bottom:1px solid var(--palette-line, #e0e5ee);color:var(--palette-text, #2e445f);background:transparent;font-size:1rem}.game-bet-categories button.active{color:var(--palette-accent, #078ff2);background:var(--palette-surface, #fff);font-weight:500}.game-bet-categories button.active:after{right:0;left:0;height:0.25rem;background:var(--palette-primary, #078ff2)}.game-bet-groups{min-height:0;overflow-y:auto;margin:0;background:var(--palette-surface, #e8edf8)}.game-bet-groups>h3{height:2.25rem;margin:0;padding:0.4375rem 0.625rem;color:var(--palette-text, #243957);font-size:1.0625rem;font-weight:500}.game-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.625rem;padding:0 0.625rem 0.75rem}.game-choice{min-height:3.1875rem;gap:0.0625rem;border:0;border-radius:0.3125rem;color:var(--palette-text, #253d5c);background:var(--palette-surface, #fff);box-shadow:none}.game-choice strong{font-size:1.125rem;font-weight:500}.game-choice span{color:var(--palette-muted, #60718c);font-size:0.8125rem}.game-choice.active{border:0;color:#fff;background:var(--palette-primary, #168ff0);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 22,143,240),0.23)}.game-choice.active span{color:#fff}
.game-group-mode{display:flex;height:100%;min-height:0;flex-direction:column;padding:0;background:var(--palette-surface, #e8edf8)}.game-group-mode>#game-chat-older{align-self:center;margin:0.5625rem 0 0;padding:0.3125rem 0.6875rem;border:0;border-radius:62.4375rem;color:var(--palette-muted, #63809c);background:rgba(var(--palette-surface-rgb, 255,255,255),0.75);font-size:0.75rem}.game-group-mode .game-room-chat-messages{max-height:none;min-height:0;flex:1;overflow-y:auto;padding:0.75rem 0.875rem 5.75rem;background:transparent}.game-group-mode .game-room-chat-messages>.empty{display:none}.game-mode-toggle{position:absolute;z-index:4;right:1.4375rem;bottom:2.375rem;display:grid;justify-items:center;gap:0.3125rem;padding:0;border:0;color:var(--palette-text, #263e5b);background:transparent;font-size:0.75rem}.game-mode-toggle.group{bottom:20vh}.game-mode-toggle>i{position:relative;display:grid;width:3.4375rem;height:3.4375rem;place-items:center;border-radius:50%;color:#fff;background:var(--palette-primary, #0b68fa);box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 11,104,250),0.28);font-size:1.5rem;font-style:normal;font-weight:800}.game-mode-toggle>i.chat-icon:before{width:1.25rem;height:0.9375rem;border:2px solid #fff;border-radius:0.5rem;content:""}.game-mode-toggle>i.chat-icon:after{position:absolute;right:1rem;bottom:1rem;width:0.375rem;height:0.375rem;border-right:2px solid #fff;border-bottom:2px solid #fff;content:"";transform:skew(24deg)}.game-mode-toggle>span{white-space:nowrap}
.game-submit-card{position:relative;z-index:5;bottom:auto;display:grid;min-height:12.8125rem;flex:0 0 12.8125rem;grid-template-columns:1fr;gap:0.5625rem;margin:0;padding:0.6875rem 1.125rem 0.8125rem;border:0;border-radius:1.375rem 1.375rem 0 0;background:var(--palette-surface, #fff);box-shadow:0 -8px 25px rgba(var(--palette-shadow-rgb, 68,91,126),0.06);backdrop-filter:none}.game-submit-summary{position:relative;display:flex!important;min-height:2.3125rem;align-items:center!important;justify-content:flex-start;gap:0.4375rem!important}.game-submit-summary>span{position:absolute;left:50%;display:flex;align-items:center;gap:0.3125rem;padding:0.4375rem 0.9375rem;border-radius:62.4375rem;color:#fff!important;background:var(--palette-primary, #168ff0);font-size:0.8125rem!important;font-weight:700;transform:translateX(-50%);white-space:nowrap}.game-submit-summary>span b{color:#fff;font-size:1rem}.game-submit-summary>small{display:none}.game-replace-option{display:flex;align-items:center;gap:0.375rem;margin:0;padding:0.375rem 0.6875rem;border-radius:62.4375rem;color:var(--palette-text, #2e465f);background:var(--palette-surface, #f5f7fa);font-size:0.8125rem}.game-replace-option i{width:1.125rem;height:1.125rem;border-color:var(--palette-line, #8e9db0);border-radius:0.125rem}.game-stake-control{display:grid!important;grid-template-columns:2.5rem auto minmax(6.875rem,1fr);gap:0.5rem!important;margin:0}.game-stake-edit{display:grid;width:2.5rem;min-height:2.75rem!important;place-items:center!important;padding:0!important;border:0!important;border-radius:0.5rem!important;color:var(--palette-muted, #8092aa);background:var(--palette-surface, #f0f4fa);font-size:1.1875rem!important}.game-quick-coins{display:flex!important;gap:0.4375rem!important}.game-quick-coins button{width:2.875rem;min-height:2.875rem!important;padding:0!important;border:5px dashed var(--palette-focus, #2995ff)!important;border-radius:50%!important;color:var(--palette-accent, #1588ef);background:var(--palette-surface, #fff);font-size:0.875rem!important}.game-stake-control>input{height:2.875rem;padding:0 0.8125rem;border-color:var(--palette-line, #91a7c1);border-radius:0.375rem;color:var(--palette-text, #334b67);background:var(--palette-surface, #fff);font-size:0.8125rem}.game-submit-actions{display:grid!important;grid-template-columns:1fr 1fr 1.45fr;gap:0.625rem!important;margin:0}.game-submit-actions button{min-height:4.25rem!important;border:0!important;border-radius:0.4375rem!important;color:var(--palette-muted, #65748b)!important;background:var(--palette-surface, #edf2fa)!important;font-size:1rem!important;font-weight:500!important;box-shadow:none!important}.game-submit-actions .game-cancel-button{display:grid;place-content:center;gap:0.1875rem}.game-cancel-button i{font-size:1.0625rem;font-style:normal}.game-submit-actions .game-append-button:not(:disabled){color:#fff!important;background:var(--palette-primary, #168ff0)!important}.game-command-dock{z-index:5;display:grid;min-height:4.375rem;flex:0 0 4.375rem;grid-template-columns:minmax(0,1fr) 6.5rem;gap:0.625rem;align-items:center;padding:0.625rem 1.0625rem calc(0.625rem + env(safe-area-inset-bottom));border-top:1px solid var(--palette-line, #d6deea);background:var(--palette-surface, #fff)}.game-command-dock input{min-width:0;height:2.875rem;padding:0 0.875rem;border:1px solid var(--palette-line, #9badc3);border-radius:0.375rem;outline:0;color:var(--palette-text, #2d4562);background:var(--palette-surface, #fff);font-size:0.875rem}.game-command-dock input:focus{border-color:var(--palette-focus, #168ff0);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 22,143,240),0.11)}.game-command-dock button{height:2.875rem;border:0;border-radius:0.375rem;color:#fff;background:var(--palette-primary, #078ff2);font-size:1.0625rem;font-weight:800}.game-secondary-view{min-height:0;flex:1;overflow-y:auto;background:var(--palette-surface, #eef3fa)}.game-secondary-view .game-history-card{margin:0.75rem}.game-rule-card{margin:0.75rem}
@media(max-width:470px){.game-kk-top{flex-basis:11.75rem}.game-room-header{height:2.8125rem;padding-inline:0.5rem}.game-room-name{gap:0.3125rem}.game-room-name>strong{max-width:7.8125rem;font-size:1rem}.game-room-name>span{padding:0.25rem 0.4375rem;font-size:0.75rem}.game-room-balance{height:1.5625rem;padding-inline:0.5rem;font-size:0.75rem}.game-draw-card{height:6.1875rem;padding:0.125rem 0.6875rem 0.3125rem;grid-template-columns:36% minmax(0,1fr)}.game-next-draw>strong{font-size:0.9375rem}.game-next-draw>span,.game-result-head{font-size:0.75rem}.game-countdown{gap:0.1875rem}.game-countdown b{width:1.25rem;height:1.4375rem;font-size:0.9375rem}.game-result-head em{padding:0.25rem 0.4375rem;font-size:0.75rem}.game-draw-balls{gap:0.25rem}.game-result-ball{width:1.625rem;height:1.625rem;flex-basis:1.625rem;border-width:2px;font-size:0.8125rem}.game-result-ball.compact{width:1.375rem;height:1.375rem;flex-basis:1.375rem;font-size:0.75rem}.game-page-tabs{height:2.75rem;gap:0.4375rem;padding-inline:0.375rem}.game-page-tabs button{width:4.875rem;min-height:2.125rem;flex-basis:4.875rem;font-size:0.8125rem}.game-professional-mode{grid-template-columns:clamp(4.875rem,20%,5.875rem) minmax(0,1fr)}.game-bet-categories button{min-height:4.375rem;flex-basis:4.375rem;font-size:0.875rem}.game-bet-groups>h3{height:2.125rem;padding-left:0.5625rem;font-size:0.9375rem}.game-choice-grid{gap:0.4375rem;padding-inline:0.5rem}.game-choice{min-height:3rem}.game-choice strong{font-size:1rem}.game-choice span{font-size:0.75rem}.game-submit-card{min-height:12.9375rem;flex-basis:12.9375rem;padding:0.5625rem 0.625rem 0.6875rem}.game-submit-summary{min-height:2.1875rem}.game-submit-summary>span{padding:0.375rem 0.75rem;font-size:0.75rem!important}.game-submit-summary>span b{font-size:0.875rem}.game-replace-option{padding:0.3125rem 0.5rem;font-size:0.75rem}.game-stake-control{grid-template-columns:2.25rem auto minmax(5.5rem,1fr);gap:0.3125rem!important}.game-stake-edit{width:2.25rem;min-height:2.625rem!important}.game-quick-coins{gap:0.25rem!important}.game-quick-coins button{width:2.5rem;min-height:2.625rem!important;border-width:4px!important;font-size:0.75rem!important}.game-stake-control>input{height:2.6875rem;padding-inline:0.5625rem;font-size:0.75rem}.game-submit-actions{gap:0.4375rem!important}.game-submit-actions button{min-height:4.125rem!important;font-size:0.875rem!important}.game-mode-toggle{right:1rem}.game-mode-toggle>i{width:3.25rem;height:3.25rem}.game-command-dock{grid-template-columns:minmax(0,1fr) 6rem;padding-inline:0.625rem}}
@media(max-height:800px){.game-kk-top{flex-basis:10rem}.game-room-header{height:2.375rem}.game-draw-card{height:5.125rem}.game-page-tabs{height:2.5rem;padding-block:0.1875rem}.game-page-tabs button{width:4.5rem;min-height:2rem;flex-basis:4.5rem;font-size:0.75rem}.game-bet-categories button{min-height:4.125rem;flex-basis:4.125rem;font-size:0.875rem}.game-choice{min-height:2.625rem}.game-choice strong{font-size:0.9375rem}.game-submit-card{min-height:11.3125rem;flex-basis:11.3125rem;padding-block:0.5rem}.game-submit-actions button{min-height:3.625rem!important}.game-mode-toggle>i{width:3.125rem;height:3.125rem}}
@media(max-width:360px){.game-room-name>strong{max-width:6.375rem}.game-page-tabs{gap:0.3125rem}.game-page-tabs button{width:4.5rem;flex-basis:4.5rem;font-size:0.75rem}.game-submit-card{padding-inline:0.4375rem}.game-stake-control{grid-template-columns:2rem auto minmax(4.75rem,1fr)}.game-stake-edit{width:2rem}.game-quick-coins button{width:2.25rem}.game-stake-control>input{padding-inline:0.375rem;font-size:0.75rem}}

/* 下分页面直接维护玩家自己的收款资料，避免离开当前申请流程。 */
.finance-payment-editor{display:grid;gap:0.8125rem;padding:1rem;border:1px solid var(--palette-line, #d5e7f3);border-radius:0.9375rem;background:var(--palette-surface, #f7fbfe)}
.finance-payment-editor>header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}
.finance-payment-editor>header small,.finance-payment-editor>header strong{display:block}
.finance-payment-editor>header small{color:var(--palette-muted, #8299ad);font-size:0.75rem}
.finance-payment-editor>header strong{margin-top:0.25rem;color:var(--palette-text, #294c66);font-size:0.875rem}
.finance-payment-editor>header>span{padding:0.3125rem 0.5rem;border-radius:62.4375rem;color:var(--palette-accent, #268ccf);background:var(--palette-surface, #e7f5ff);font-size:0.75rem}
.finance-payment-editor>img{display:block;width:9.375rem;height:9.375rem;margin:auto;border:1px solid var(--palette-line, #d7e6f0);border-radius:0.875rem;object-fit:contain;background:var(--palette-surface, #fff)}
.finance-payment-empty{display:grid;min-height:5.5rem;place-items:center;border:1px dashed var(--palette-line, #c6dce9);border-radius:0.75rem;color:var(--palette-muted, #7891a6);font-size:0.75rem}
.finance-payment-editor>label,.finance-payment-fields label{display:grid;gap:0.4375rem;color:var(--palette-muted, #6e879f);font-size:0.75rem}
.finance-payment-editor input{width:100%;height:2.625rem;padding:0 0.75rem;border:1px solid var(--palette-line, #d3e4ef);border-radius:0.625rem;color:var(--palette-text, #244862);background:var(--palette-surface, #fff);outline:0}
.finance-payment-editor input[type=file]{height:auto;padding:0.5625rem}
.finance-payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.625rem}
.finance-payment-fields label:last-child{grid-column:1/-1}

@media(max-width:470px){.finance-payment-fields{grid-template-columns:1fr}.finance-payment-fields label:last-child{grid-column:auto}}

/* Player固定为手机宽度，内部布局统一按430px容器收敛，避免桌面宽视口继续套用双栏规则。 */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body,.phone-page,.page-scroll,.tab-panel{min-width:0}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea{min-width:0;max-width:100%}
.topbar-logo,.account-copy,.section-title>div,.sub-header>div,.mine-hero>div,.mine-card-head>div,.finance-card-head>div,.agent-list-head>div,.benefit-wheel-card header>div,.benefit-log-card header>div,.finance-payment-editor>header>div{min-width:0}
.topbar-logo strong,.sub-header h1,.mine-hero h1{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-copy>div,.account-copy p,.mine-balance div,.agent-reward-stats>div{min-width:0}
.account-copy>div strong,.account-copy>div small{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.account-copy b,.mine-balance strong,.agent-reward-stats strong{overflow:hidden;max-width:100%;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}
.payment-preview strong,.payment-preview small,.dialog-card>p,.dialog-meta b,.player-message>div,.player-message>section>div,.game-rule-card p,.finance-payment-editor input,.payment-root input{overflow-wrap:anywhere;word-break:break-word}

/* 大厅、列表和个人中心始终使用手机单列结构。 */
.topbar{height:3.75rem;padding:0 1rem}
.topbar-logo img{width:2rem;height:2rem}
.topbar-logo strong{max-width:none;font-size:0.875rem}
.top-actions{flex:0 0 auto}
.top-actions button{width:2.125rem;height:2.125rem}
.hero{aspect-ratio:390/158;border-radius:0 0 1.25rem 1.25rem}
.hero-copy{left:5%;max-width:52%}
.hero-copy span,.room-copy em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-copy strong{font-size:1.0625rem;overflow-wrap:anywhere}
.hero-copy small{display:none}
.notice-bar{margin:0.5625rem 0.75rem 0;padding-block:0.4375rem}
.account-card{grid-template-columns:minmax(0,1fr) auto;gap:0.5rem;margin:0.625rem 0.75rem 0;padding:1rem}
.account-copy>span{display:none}
.account-copy>div{display:block}
.account-copy>div small{display:block;margin-top:0.125rem}
.account-copy p{margin-top:0.4375rem}
.account-copy b{font-size:clamp(1.3125rem,7vw,1.75rem)}
.account-copy em{display:none}
.quick-actions{flex:0 0 auto;gap:clamp(0.3125rem,2vw,0.5625rem)}
.quick-actions button{display:grid!important;min-width:0}
.quick-actions i{width:clamp(2.125rem,9vw,2.375rem);height:clamp(2.125rem,9vw,2.375rem)}
.section-title{margin:1.4375rem 1rem 0.6875rem}
.featured-rooms{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,7.5625rem);gap:0.5625rem;padding:0 0.75rem}
.room-copy{top:0.9375rem;left:0.9375rem;max-width:68%}
.room-copy strong{display:-webkit-box;overflow:hidden;font-size:1rem;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.room-copy span{display:none}
.featured-room:first-child .room-copy strong{font-size:1.125rem}
.home-activities{grid-template-columns:1fr;padding:1.125rem 0.75rem 0}
.sub-header{gap:0.75rem;padding:1.25rem 1rem 0.9375rem}
.sub-header>button{flex:0 0 auto}
.sub-header>div{flex:1;overflow:hidden}
.sub-header>span{flex:0 1 auto;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-filters,.sub-tabs{padding-inline:0.75rem;scrollbar-width:none}
.game-filters::-webkit-scrollbar,.sub-tabs::-webkit-scrollbar,.payment-tabs::-webkit-scrollbar,.chat-quick-replies::-webkit-scrollbar,.player-service-questions>div::-webkit-scrollbar{display:none}
.room-list{grid-template-columns:1fr;gap:0.625rem;padding:0.1875rem 0.75rem 1.25rem}
.player-room-group>div{grid-template-columns:1fr;gap:0.5625rem;padding:0.5625rem}
.room-item>.room-entry{grid-template-columns:5.875rem minmax(0,1fr);min-height:6.875rem}
.room-item>.room-entry>span{padding:0.75rem 0.625rem}
.room-item>.room-entry strong{padding-right:3.875rem}
.activity-list{grid-template-columns:1fr;gap:0.625rem;padding:0.75rem}
.mine-hero{gap:0.75rem;padding:1.375rem 1rem 3.9375rem}
.mine-hero>button,.mine-avatar{flex:0 0 auto}
.mine-avatar{width:3.8125rem;height:3.8125rem;border-radius:1.25rem}
.mine-hero>div{flex:1;overflow:hidden}
.mine-hero p{overflow-wrap:anywhere}
.mine-balance{margin-inline:0.75rem;padding-inline:0.125rem}
.mine-balance div{padding-inline:0.4375rem}
.mine-balance strong{font-size:clamp(0.75rem,3.8vw,0.9375rem)}
.mine-card{margin-inline:0.75rem;padding:1.125rem}
.auth-form .form-pair,.mine-card form,.payment-root form{grid-template-columns:1fr}
.mine-card form .form-error,.mine-card form .primary-button,.payment-root form .form-error,.payment-root form .primary-button,.payment-current-image,.payment-current-empty,.payment-clear{grid-column:1}

/* 表单、记录、客服、代理和福利按固定手机容器重新排布。 */
.finance-card{margin:0.75rem;padding:1.125rem}
.finance-card .form-pair,.finance-payment-fields{grid-template-columns:1fr}
.finance-payment-fields label:last-child{grid-column:auto}
.finance-card-head{gap:0.625rem}
.finance-card-head>span,.finance-payment-editor>header>span{flex:0 0 auto}
.payment-preview.image{align-items:flex-start}
.payment-preview.image img{flex:0 0 5.625rem}
.player-record-list{padding-inline:0.75rem}
.player-record-list article{grid-template-columns:2.5rem minmax(0,1fr)}
.player-record-list article>b{grid-column:2;justify-self:start;max-width:100%;overflow-wrap:anywhere;text-align:left}
.player-service-root,.agent-root{margin-inline:0;padding-inline:0}
.chat-card,.contact-card,.agent-card{border-inline:0;border-radius:0}
.chat-card form{grid-template-columns:minmax(0,1fr) 5.5rem}
.chat-card form .primary-button{min-height:3.625rem}
.player-service-messages{height:min(26.25rem,calc(100dvh - 18.75rem));min-height:16.25rem}
.player-message{max-width:88%}
.player-message>div{max-width:100%}
.agent-card p{overflow-wrap:anywhere;word-break:break-word}
.invite-link{flex-direction:column}
.invite-link button{height:2.625rem}
.agent-player-list article{grid-template-columns:2.625rem minmax(0,1fr);padding-inline:1.0625rem}
.agent-player-list article>div{min-width:0}
.agent-player-list article>b{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-player-list strong,.agent-player-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-reward-list article{grid-template-columns:minmax(0,1fr) auto;padding-inline:1.0625rem}
.agent-reward-list article>div{min-width:0}
.agent-reward-list article>span{grid-column:1;overflow-wrap:anywhere}
.agent-reward-list article>b{grid-row:1/3;grid-column:2;max-width:100%;overflow-wrap:anywhere}
.agent-reward-stats{padding-inline:0.75rem}
.agent-reward-stats>div{min-width:0;padding:1rem}
.agent-reward-stats strong{font-size:clamp(1rem,5vw,1.25rem)}
.benefit-root{padding:0.75rem 0 1.75rem}
.benefit-wheel-grid{grid-template-columns:1fr}
.benefit-checkin-card,.benefit-wheel-card,.benefit-log-card{border-inline:0;border-radius:0}
.benefit-checkin-card{padding:1.125rem 0.875rem}
.benefit-checkin-copy,.benefit-checkin-copy p{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.benefit-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:0.1875rem}
.benefit-days div{min-width:0}
.benefit-days i{width:min(1.9375rem,100%);height:auto;aspect-ratio:1;border-radius:0.625rem}
.benefit-days span{font-size:0.75rem;white-space:nowrap}
.benefit-checkin-action>div{flex:1 1 auto;min-width:0}
.benefit-checkin-action .primary-button{min-width:0;flex:0 1 10rem}
.benefit-wheel-card{padding:1.1875rem}
.benefit-wheel-stage{width:min(14.125rem,100%);height:auto;aspect-ratio:1}
.benefit-wheel-value{max-width:24%;overflow:hidden}
.benefit-wheel-value b{overflow:hidden;font-size:clamp(0.75rem,3vw,0.8125rem);text-overflow:ellipsis;white-space:nowrap}
.benefit-header>span{display:none}
.benefit-log-list{padding-inline:0.875rem}
.benefit-log-list article{grid-template-columns:2.375rem minmax(0,1fr)}
.benefit-log-list article>div{min-width:0}
.benefit-log-list strong,.benefit-log-list small{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.benefit-log-icon{width:2.375rem;height:2.375rem}
.benefit-log-list time{grid-column:2;overflow-wrap:anywhere}

/* 聊天卡片与弹窗允许长文本换行，矮屏内容保持可滚动。 */
.group-chat-root{padding:0.75rem 0 1.75rem}
.group-chat-card{border-inline:0;border-radius:0}
.group-chat-messages{overflow-x:hidden;padding-inline:0.75rem}
.group-chat-message{width:94%;max-width:100%;min-width:0;grid-template-columns:2.25rem minmax(0,1fr);overflow:hidden}
.group-chat-message.mine{grid-template-columns:minmax(0,1fr) 2.25rem}
.group-chat-avatar{width:2.25rem;height:2.25rem;border-radius:0.6875rem}
.group-chat-message.kind-3{width:96%}
.group-chat-message>div,.group-chat-message header,.group-chat-message p{min-width:0;max-width:100%}
.group-chat-message>div{overflow:hidden}
.group-chat-message header strong{min-width:0;flex:1}
.player-forecast-card,.player-red-packet-card{width:100%;min-width:0;max-width:100%}
.player-red-packet-card{grid-template-columns:2.375rem minmax(0,1fr) auto}
.player-red-packet-card>span{width:2.375rem;height:2.375rem}
.player-red-packet-card>div{min-width:0}
.group-chat-form{grid-template-columns:minmax(0,1fr) 5.5rem;padding:0.6875rem 0.75rem calc(0.8125rem + env(safe-area-inset-bottom))}
.group-chat-form .primary-button{min-height:3.625rem}
.dialog{overflow-y:auto;padding:max(0.75rem,env(safe-area-inset-top)) max(0.75rem,env(safe-area-inset-right)) max(0.75rem,env(safe-area-inset-bottom)) max(0.75rem,env(safe-area-inset-left))}
.dialog-card{width:min(26.875rem,100%);max-height:calc(100dvh - 1.5rem);overflow-x:hidden;padding:1.5rem;overscroll-behavior:contain}
.dialog-card>h2{padding-right:2.625rem;overflow-wrap:anywhere}

.dialog-meta span{min-width:0}
.activity-dialog-card>img{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1.3125rem}
.player-red-packet-shell{overflow-y:auto;padding:0}
.player-red-packet-head h2{padding-inline:2.125rem;color:#fff;overflow-wrap:anywhere}
.player-red-packet-head p{overflow-wrap:anywhere;word-break:break-word}
.player-red-packet-claims article{grid-template-columns:2.1875rem minmax(0,1fr) minmax(0,7.5rem)}
.player-red-packet-claims article>div{min-width:0}
.player-red-packet-claims strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-red-packet-claims b{min-width:0;max-width:7.5rem;overflow-wrap:anywhere;text-align:right;font-size:clamp(0.75rem,3vw,0.75rem)}
html:has(.dialog:not([hidden])),body:has(.dialog:not([hidden])){overflow:hidden}

/* KK游戏房间压缩动态标题、开奖号码和底部操作区，避免互相覆盖。 */
.game-room-header{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto}
.game-room-name{min-width:0;overflow:hidden}
.game-room-name>strong{min-width:0;max-width:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-room-name>span,.game-room-name>i,.game-room-balance{flex:0 0 auto}
.game-room-balance{max-width:7.25rem;overflow:hidden}
.game-room-balance b{overflow:hidden;text-overflow:ellipsis}
.game-result{overflow:hidden}
.game-draw-balls{min-width:0;flex-wrap:nowrap;overflow:hidden}
.game-result-ball.compact{width:auto;min-width:0;max-width:1.375rem;height:auto;flex:1 1 0;aspect-ratio:1;font-size:clamp(0.75rem,2.5vw,0.75rem)}
.game-page-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(0.25rem,1.6vw,0.4375rem);overflow:hidden}
.game-page-tabs button{width:auto;min-width:0;flex:initial;overflow:hidden;padding-inline:0.125rem;text-overflow:ellipsis;white-space:nowrap}
.game-submit-summary{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:0.4375rem!important}
.game-submit-summary>span{position:static;min-width:0;justify-self:end;overflow:hidden;max-width:100%;padding-inline:0.6875rem;transform:none;text-overflow:ellipsis}
.game-submit-summary>span b{overflow:hidden;text-overflow:ellipsis}
.game-replace-option{min-width:0}
.game-stake-control{grid-template-columns:2.25rem minmax(0,auto) minmax(4.875rem,1fr);gap:0.3125rem!important}
.game-stake-edit{width:2.25rem}
.game-quick-coins{min-width:0;gap:0.25rem!important}
.game-quick-coins button{width:clamp(2.125rem,9.3vw,2.5rem);min-width:0}
.game-stake-control>input{width:100%}
.game-bet-history,.game-draw-history{grid-template-columns:minmax(0,1fr) auto;gap:0.5rem 0.75rem}
.game-bet-history>div:first-child,.game-draw-history>div:first-child{min-width:0}
.game-bet-history>p,.game-draw-history>div:nth-child(2){grid-row:2;grid-column:1/-1;min-width:0;white-space:normal;overflow-wrap:anywhere}
.game-history-result{grid-row:1;grid-column:2;min-width:0;max-width:9.375rem}
.game-draw-history>span{grid-row:1;grid-column:2;max-width:9.0625rem;overflow-wrap:anywhere}

@media(max-width:340px){.account-card{padding-inline:0.8125rem}.quick-actions span{font-size:0.75rem}.mine-balance strong{font-size:0.75rem}.benefit-checkin-action{align-items:stretch;flex-direction:column}.benefit-checkin-action .primary-button{width:100%;flex-basis:auto}.chat-card form,.group-chat-form{grid-template-columns:1fr}.chat-card form .primary-button,.group-chat-form .primary-button{min-height:2.75rem}.dialog-meta{grid-template-columns:1fr}.game-room-name>i{display:none}.game-room-balance{max-width:5.75rem;padding-inline:0.375rem;font-size:0.75rem}.game-stake-control{grid-template-columns:2rem minmax(0,1fr)}.game-stake-edit{width:2rem}.game-quick-coins{grid-row:2;grid-column:1/-1;display:grid!important;grid-template-columns:repeat(4,1fr)}.game-quick-coins button{width:100%;border-radius:0.5rem!important}.game-stake-control>input{grid-row:1;grid-column:2}}

/* 首页轮播使用原生scroll-snap：图片全幅拉伸，文案只在点击后的详情中展示。 */
.hero{width:100%;max-width:none;aspect-ratio:390/158;margin:0 0 clamp(1rem,2.4vw,1.375rem);border-radius:0!important;box-shadow:none!important;background:var(--palette-surface-soft, #d9effc)}
.hero-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:manipulation}
.hero-track::-webkit-scrollbar{display:none}
.hero-slide{position:relative;display:block;width:100%;height:100%;min-width:100%;flex:0 0 100%;overflow:hidden;padding:0;border:0;scroll-snap-align:start;scroll-snap-stop:always;color:inherit;background:var(--palette-surface-soft, #d9effc);text-align:left;cursor:pointer}
.hero-slide-fallback{cursor:default}
.hero-slide>img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;pointer-events:none;user-select:none}
.hero-dots{right:0.5625rem;bottom:0.3125rem;gap:0;align-items:center;padding:0.0625rem 0.25rem;border-radius:62.4375rem;background:rgba(var(--palette-overlay-rgb, 24,61,91),0.12);backdrop-filter:blur(4px)}
.hero-dots button{position:relative;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:62.4375rem;background:transparent;cursor:pointer}
.hero-dots button:before{position:absolute;top:50%;left:50%;width:0.4375rem;height:0.4375rem;border-radius:62.4375rem;content:"";background:rgba(var(--palette-surface-rgb, 255,255,255),0.62);box-shadow:0 1px 4px rgba(var(--palette-shadow-rgb, 34,83,121),0.2);transform:translate(-50%,-50%);transition:.18s}
.hero-dots button.active:before{width:1.375rem;background:var(--palette-surface, #fff)}
.hero-dots button:focus-visible{outline:2px solid var(--palette-focus, #237fc4);outline-offset:0.125rem}

/* 滚动公告与轮播保留明确留白，避免卡片与图片粘连或叠压。 */
.notice-bar{position:relative;z-index:5;margin:0 1.25rem;padding:0.5625rem 0.75rem;border-radius:0.875rem;background:rgba(var(--palette-surface-rgb, 255,255,255),0.96);box-shadow:0 8px 20px rgba(var(--palette-shadow-rgb, 53,111,155),0.12);backdrop-filter:blur(10px)}
.notice-bar button{min-height:1.75rem;padding:0 0.3125rem;font-weight:800;cursor:pointer}
.notice-list{display:grid;gap:0.625rem;padding:0.8125rem 0.75rem 1.75rem}
.notice-card{position:relative;display:grid;gap:0.5625rem;width:100%;min-width:0;padding:1rem 1.0625rem;border:1px solid var(--palette-line, #d9e9f4);border-radius:1.0625rem;color:var(--palette-text, #31526c);background:var(--palette-surface, #fff);box-shadow:0 8px 20px rgba(var(--palette-shadow-rgb, 48,103,147),0.06);text-align:left;cursor:pointer}
.notice-card>span{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}
.notice-card b{color:var(--palette-accent, #2c91da);font-size:0.75rem}
.notice-card time{color:var(--palette-muted, #97a9b8);font-size:0.75rem;font-weight:500}
.notice-card p{display:-webkit-box;overflow:hidden;margin:0;padding-right:2.75rem;color:var(--palette-muted, #607b91);font-size:0.75rem;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.notice-card em{position:absolute;right:1rem;bottom:1.0625rem;color:var(--palette-accent, #3297df);font-size:0.75rem;font-style:normal;font-weight:800}
.notice-card:active{border-color:var(--palette-focus, #62b5ec);background:var(--palette-surface, #f5fbff);transform:translateY(0.0625rem)}
.lobby-content-dialog-card{width:min(24.375rem,calc(100% - 1.625rem));max-height:calc(100dvh - 1.875rem);overflow-y:auto;padding:1.75rem 1.5625rem}
.lobby-content-dialog-card h2{margin:0 0 0.6875rem;color:var(--palette-text, #244b68);font-size:1.3125rem;line-height:1.35;overflow-wrap:anywhere}
.lobby-content-dialog-card>p{max-height:min(52dvh,26.875rem);overflow-y:auto;margin:0 0 1.25rem;color:var(--palette-muted, #607b91);font-size:0.75rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.lobby-content-dialog-card>.primary-button{width:100%}

/* Player端全部收款二维码也统一为点击图片选择、右上红色×清除。 */
.player-media-picker{position:relative;display:grid;width:min(14.375rem,100%);grid-column:1/-1;gap:0.5rem;justify-self:center;margin:0.125rem auto}
.player-media-picker-preview{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:1px dashed var(--palette-line, #bcd9eb);border-radius:1.0625rem;background:var(--palette-surface, #f6fbfe);cursor:pointer;transition:.18s}
.player-media-picker-preview:hover{border-color:var(--palette-focus, #43a4e9);background:var(--palette-surface, #eef9ff);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 45,157,244),0.08)}
.player-media-picker-preview:has(input:focus-visible){outline:2px solid var(--palette-focus, #318fda);outline-offset:0.125rem}
.player-media-picker-input{position:absolute!important;width:0.0625rem!important;height:0.0625rem!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;opacity:0;clip-path:inset(50%)}
.player-media-picker-preview img{display:block;width:100%;height:100%;padding:0.5625rem;object-fit:contain;background:var(--palette-surface, #fff)}
.player-media-picker-empty{display:grid;justify-items:center;gap:0.4375rem;padding:1.125rem;color:var(--palette-muted, #7894a9);text-align:center}
.player-media-picker-empty b{color:var(--palette-accent, #3199e4);font-size:1.8125rem;font-weight:400;line-height:1}
.player-media-picker-empty small{font-size:0.75rem;font-weight:800;line-height:1.5}
.player-media-picker-clear{position:absolute;z-index:3;top:-0.5rem;right:-0.5rem;display:grid;width:1.75rem;height:1.75rem;padding:0;place-items:center;border:2px solid var(--palette-line, #fff);border-radius:50%;color:#fff;background:var(--palette-warm, #ec596a);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 80,46,54),0.25);font-size:1.125rem;font-weight:900;line-height:1;cursor:pointer}
.player-media-picker-clear[hidden]{display:none}
.player-media-picker-clear:disabled{cursor:wait;opacity:.5}
.player-media-picker-note{color:var(--palette-muted, #8aa0b2);font-size:0.75rem;line-height:1.6;text-align:center}
.player-media-picker.uploading{opacity:.65}
.finance-payment-editor>.player-media-picker{margin-block:0.1875rem}

@media(max-width:700px){.notice-bar{margin-inline:0.75rem}}
@media(max-width:340px){.notice-bar{margin-inline:0.5rem}.lobby-content-dialog-card{padding:1.5rem 1.1875rem}.player-media-picker{width:min(13.125rem,100%)}}

/* 参考站式 Player 重构：固定 500px 手机壳、平面白卡、左侧游戏分类与中心充值导航。 */
:root{
  --blue:#1677ff;
  --blue-deep:#0f66e8;
  --ink:#3c3c3c;
  --muted:#949494;
  --line:#eee;
  --soft:#f3f6fa;
  --white:#fff;
  --danger:#ee596a;
  color:var(--palette-text, #3c3c3c);
  background:var(--palette-surface, #f3f6fa);
}
html,body{background:var(--palette-surface, #f3f6fa);color:var(--palette-text, #3c3c3c)}
body{font-size:0.875rem}
.phone-page,.bottom-nav{width:min(31.25rem,100%)}
.phone-page{background:var(--palette-surface, #f3f6fa);box-shadow:0 0 26px rgba(var(--palette-shadow-rgb, 39,59,89),0.1)}
.page-scroll{padding-bottom:6.375rem}
.tab-panel{background:var(--palette-surface, #f3f6fa)}
.primary-button,.auth-submit{border-radius:62.4375rem;background:var(--palette-primary, #1677ff);box-shadow:none}
.primary-button:hover,.auth-submit:hover{background:var(--palette-primary, #0f6fee)}
.brand-mark img,.topbar-logo img{object-fit:contain!important}
.featured-room img,.featured-room.has-icon img,.room-item>.room-entry>img,.home-activity img,.activity-card img{object-fit:cover!important}

/* 顶栏与内页标题采用参考站居中标题结构。 */
.topbar{position:relative;height:4.25rem;padding:0 1.25rem;border:0;background:var(--palette-surface, #fff)}
.topbar-logo{position:absolute;left:50%;max-width:calc(100% - 7rem);gap:0.5625rem;transform:translateX(-50%)}
.topbar-logo img{width:2.375rem;height:2.375rem}
.topbar-logo strong{max-width:11.875rem;color:var(--palette-text, #272727);font-size:1.0625rem;font-weight:800}
.top-actions{margin-left:auto}
.top-actions button,.sub-header>button{border:0;color:var(--palette-text, #313d50);background:transparent;box-shadow:none}
.top-actions button{width:2.5rem;height:2.5rem}
.top-actions svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.sub-header{position:sticky;z-index:19;top:0;height:4.125rem;min-height:4.125rem;gap:0;padding:0 1.125rem;border-bottom:1px solid var(--palette-line, #eee);background:var(--palette-surface, #fff)}
.sub-header>button{width:2.5rem;height:2.5rem;flex:0 0 2.5rem;border-radius:50%;font-size:1.875rem;font-weight:300}
.sub-header>button:hover{background:var(--palette-surface, #f3f6fa)}
.sub-header>div{position:absolute;left:50%;width:min(58%,16.25rem);overflow:hidden;transform:translateX(-50%);text-align:center}
.sub-header small{display:none}
.sub-header h1{margin:0;color:var(--palette-text, #282828);font-size:1.25rem;font-weight:500;line-height:1.25}
.sub-header>span{max-width:26%;margin-left:auto;overflow:hidden;color:var(--palette-muted, #949494);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}

/* 首页：公告和账户快捷入口形成一整张白卡，房间仍保留一大两小布局。 */
.hero{margin-bottom:1.0625rem;background:var(--palette-surface-soft, #e7edf4)}
.notice-bar{min-height:2.8125rem;margin:0 1.0625rem;padding:0.5rem 0.875rem;border:0;border-radius:1.25rem 1.25rem 0 0;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09);backdrop-filter:none}
.notice-icon{width:1.375rem;height:1.375rem;color:var(--palette-muted, #697487);background:transparent;font-size:1.125rem}
.notice-bar p{color:var(--palette-muted, #747b86);font-size:0.75rem}
.notice-bar>div{position:relative;overflow:hidden}
.notice-bar p{width:max-content;min-width:100%;will-change:transform}
.notice-bar p.scrolling{min-width:0;animation:player-notice-marquee var(--notice-duration,12s) linear .6s infinite}
.notice-bar p.scrolling:after{content:attr(data-marquee);padding-left:3rem}
@keyframes player-notice-marquee{from{transform:translateX(0)}to{transform:translateX(var(--notice-end,-100%))}}
@media(prefers-reduced-motion:reduce){.notice-bar p.scrolling{width:100%;overflow:hidden;animation:none;text-overflow:ellipsis}.notice-bar p.scrolling:after{display:none}}
.notice-bar button{min-height:1.875rem;color:var(--palette-accent, #1677ff);font-size:0.75rem;font-weight:700}
.account-card{display:grid;grid-template-columns:1fr;gap:0.875rem;margin:0 1.0625rem 1.125rem;padding:0.875rem 1.0625rem 1.0625rem;border:0;border-radius:0 0 1.25rem 1.25rem;background:var(--palette-surface, #fff);box-shadow:0 3px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.account-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(6.5625rem,45%);gap:0.875rem;align-items:center;padding-bottom:0.8125rem;border-bottom:1px solid var(--palette-line, #eee)}
.account-copy{width:100%;border-top:0;border-right:0;border-left:0;background:transparent;text-align:left;font:inherit}
.account-copy>span{display:none}
.account-copy>div{min-width:0;margin:0}
.account-copy>div strong{color:var(--palette-text, #333);font-size:1rem;font-weight:700}
.account-copy>div small{margin-top:0.25rem;color:var(--palette-muted, #949494);font-size:0.75rem}
.account-copy p{display:grid;min-width:0;justify-items:end;gap:0.1875rem;margin:0;text-align:right}
.account-copy b{display:block;width:100%;overflow:hidden;color:var(--palette-text, #3c3c3c);font-size:1.5rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.account-copy em{display:block;color:var(--palette-muted, #949494);font-size:0.75rem}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.4375rem}
.quick-actions button{display:grid!important;gap:0.4375rem;justify-items:center;min-width:0;padding:0;border:0;color:var(--palette-text, #3c3c3c);background:transparent;font-size:0.75rem}
.quick-actions i{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--palette-primary, #48b4ff),var(--palette-primary, #1677ff));box-shadow:0 3px 8px rgba(var(--palette-shadow-rgb, 22,119,255),0.22)}
.quick-actions svg{width:1.5625rem;height:1.5625rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.guest-player .account-card{grid-template-columns:minmax(7.625rem,1fr) auto;align-items:center;gap:0.5rem;padding-top:0.8125rem}
.guest-player .account-copy{display:block;padding:0;border:0}
.guest-player .account-copy>div strong{font-size:1.125rem}
.guest-player .account-copy>div small{margin-top:0.375rem;font-size:0.75rem}
.guest-player .account-copy p{display:none}
.guest-player .quick-actions{gap:0.25rem}
.guest-player .quick-actions i{width:2.875rem;height:2.875rem}
.section-title{align-items:center;margin:1.5rem 1.1875rem 0.8125rem}
.section-title small{display:none}
.section-title h2{margin:0;color:var(--palette-text, #333);font-size:1.1875rem;font-weight:600}
.section-title button{color:var(--palette-accent, #1677ff);font-size:0.75rem}
.featured-rooms{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,clamp(7.375rem,29vw,9.0625rem));gap:0.625rem;padding:0 1.0625rem}
.featured-room{border:0;border-radius:1.0625rem;background:var(--palette-surface, #eaf4ff);box-shadow:0 3px 12px rgba(var(--palette-shadow-rgb, 0,0,0),0.06)}
.featured-room .room-copy{top:1rem;left:0.9375rem;max-width:72%}
.featured-room .room-copy strong{color:var(--palette-text, #2f3e55);font-size:1rem;font-weight:700;text-shadow:0 1px 0 rgba(var(--palette-shadow-rgb, 255,255,255),0.55)}
.featured-room:first-child .room-copy strong{font-size:1.1875rem}
.featured-room .room-copy em{color:var(--palette-accent, #1677ff);background:rgba(var(--palette-surface-rgb, 255,255,255),0.9)}
.featured-room .room-rule-button{top:0.5rem;right:0.5rem;min-height:1.5625rem;padding:0 0.4375rem;border:0;color:var(--palette-accent, #1677ff);background:rgba(var(--palette-surface-rgb, 255,255,255),0.9);font-size:0.75rem;box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.08)}
.home-activities{grid-template-columns:1fr;gap:1.125rem;padding:1.5625rem 1.0625rem 0.5rem}
.home-activity{display:block;overflow:hidden;padding:0;border:0;border-radius:1.0625rem;background:var(--palette-surface, #fff);box-shadow:0 3px 12px rgba(var(--palette-shadow-rgb, 0,0,0),0.06)}
.home-activity img{display:block;width:100%;height:auto;aspect-ratio:878/329;border-radius:0;background:var(--palette-surface-soft, #e9eef5)}
.home-activity div{display:none}

/* 活动与公告使用参考站的海报流和纯白消息卡。 */
.activity-list{display:grid;grid-template-columns:1fr;gap:1.4375rem;padding:1.4375rem 1.4375rem 7rem}
.activity-card{overflow:hidden;border:0;border-radius:1.0625rem;background:var(--palette-surface, #fff);box-shadow:0 3px 12px rgba(var(--palette-shadow-rgb, 0,0,0),0.06)}
.activity-card img{display:block;width:100%;height:auto;aspect-ratio:878/329;background:var(--palette-surface-soft, #e9eef5)}
.activity-card div{display:none}
#activity-dialog.activity-detail-view{z-index:18;right:auto;left:50%;display:flex;width:min(31.25rem,100%);height:100dvh;max-height:100dvh;box-sizing:border-box;flex-direction:column;place-items:initial;overflow-y:auto;padding:0 0 5.125rem;background:var(--palette-surface, #f3f6fa);transform:translateX(-50%);backdrop-filter:none}
.activity-detail-header{position:sticky;z-index:2;top:0;display:flex;min-height:4.125rem;flex:0 0 4.125rem;align-items:center;justify-content:center;border-bottom:1px solid var(--palette-line, #eee);background:var(--palette-surface, #fff)}
.activity-detail-header button{position:absolute;left:1.0625rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;padding:0;border:0;border-radius:50%;color:var(--palette-text, #2b3340);background:transparent;font-size:1.875rem;font-weight:300}
.activity-detail-header button:hover{background:var(--palette-surface, #f3f6fa)}
.activity-detail-header h1{max-width:68%;overflow:hidden;margin:0;color:var(--palette-text, #282828);font-size:1.125rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
#activity-dialog .activity-dialog-card{width:calc(100% - 2.875rem);max-height:none;overflow:visible;margin:1.4375rem;padding:1.8125rem;border:0;border-radius:1.4375rem;background:var(--palette-surface, #fff);box-shadow:0 3px 12px rgba(var(--palette-shadow-rgb, 0,0,0),0.06)}
#activity-dialog .activity-dialog-card>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:878/329;margin:0 0 1.4375rem;border-radius:1.0625rem;object-fit:cover!important;background:var(--palette-surface-soft, #e9eef5)}
#activity-dialog .activity-dialog-card>.dialog-code{display:inline-flex;margin:0 0 0.5625rem;padding:0.375rem 0.6875rem;border-radius:62.4375rem}
#activity-dialog .activity-dialog-card h2{margin:0 0 0.9375rem;color:var(--palette-text, #333);font-size:1.25rem;line-height:1.4}
#activity-dialog .activity-dialog-card>p{margin:0;color:var(--palette-text, #555);font-size:0.8125rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.notice-list{gap:0.75rem;padding:1.0625rem 1.0625rem 7rem}
.notice-card{gap:0.625rem;padding:1.0625rem 1.125rem;border:0;border-radius:1.25rem;color:var(--palette-text, #3c3c3c);background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.notice-card b{color:var(--palette-accent, #1677ff);font-size:0.75rem}
.notice-card time{color:var(--palette-muted, #a0a0a0);font-size:0.75rem}
.notice-card p{padding-right:3.125rem;color:var(--palette-muted, #6f6f6f);font-size:0.8125rem;line-height:1.7}
.notice-card em{color:var(--palette-accent, #1677ff);font-size:0.75rem}
.notice-card:active{border-color:transparent;background:var(--palette-surface, #f8fbff)}

/* 游戏大厅按参考站改为左分类、右侧三列封面；下注房间本身只统一皮肤。 */
#game-panel:not([hidden]){display:grid;min-height:calc(100dvh - 5.125rem);grid-template-columns:5.875rem minmax(0,1fr);grid-template-rows:4.125rem 4.0625rem minmax(calc(100dvh - 13.3125rem),auto);align-items:start;background:linear-gradient(to right,var(--palette-surface, #fff) 0 5.875rem,var(--palette-surface, #f3f6fa) 5.875rem)}
#game-panel>.sub-header{grid-row:1;grid-column:1/-1;width:100%}
#game-panel>.game-filters{position:sticky;top:4.125rem;display:flex;height:calc(100dvh - 4.125rem);grid-row:2/4;grid-column:1;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:1rem 0.4375rem 6.875rem;background:var(--palette-surface, #fff)}
#game-panel>.game-filters button{width:100%;height:4rem;min-height:4rem;flex:0 0 4rem;padding:0 0.25rem;border:0;border-radius:0.6875rem;color:var(--palette-muted, #7c8497);background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09);font-size:0.75rem}
#game-panel>.game-filters button.active{color:#fff;background:var(--palette-primary, #1677ff);box-shadow:0 4px 9px rgba(var(--palette-shadow-rgb, 22,119,255),0.23)}
.game-search{display:flex;height:2.8125rem;grid-row:2;grid-column:2;align-items:center;align-self:center;gap:0.5rem;margin:0.625rem 0.6875rem;padding:0 0.875rem;border:1px solid var(--palette-focus, #1677ff);border-radius:1.5rem;background:var(--palette-surface, #fff)}
.game-search svg{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;fill:none;stroke:var(--palette-text, #333);stroke-linecap:round;stroke-width:1.7}
.game-search input{width:100%;height:100%;padding:0;border:0;outline:0;color:var(--palette-text, #3c3c3c);background:transparent;font-size:0.8125rem}
.game-search input::placeholder{color:var(--palette-muted, #949494)}
#game-panel>.room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-row:3;grid-column:2;align-content:start;gap:1.125rem 0.5rem;min-width:0;padding:0.5rem 0.625rem 7rem;background:var(--palette-surface, #f3f6fa)}
#game-panel .room-item{display:block;min-width:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
#game-panel .room-item>.room-entry{display:block;width:100%;min-height:0;background:transparent}
#game-panel .room-item>.room-entry>img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:0.875rem;background:var(--palette-surface-soft, #e1e8f1);box-shadow:0 2px 7px rgba(var(--palette-shadow-rgb, 0,0,0),0.08)}
#game-panel .room-item>.room-entry>span{display:block;min-width:0;padding:0.4375rem 0.0625rem 0;text-align:center}
#game-panel .room-item>.room-entry strong{display:-webkit-box;min-height:2.65em;padding:0;overflow:hidden;color:var(--palette-text, #3c3c3c);font-size:0.75rem;line-height:1.32;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#game-panel .room-item>.room-entry em{margin-top:0.1875rem;color:var(--palette-accent, #1677ff);font-size:0.75rem}
#game-panel .room-rule-button{top:0.3125rem;right:0.3125rem;min-height:1.25rem;padding:0 0.3125rem;border:0;color:var(--palette-accent, #1677ff);background:rgba(var(--palette-surface-rgb, 255,255,255),0.93);font-size:0.75rem;box-shadow:0 2px 5px rgba(var(--palette-shadow-rgb, 0,0,0),0.1)}
#game-panel .room-item.sleep:after{top:0.3125rem;left:0.3125rem;padding:0.25rem 0.3125rem;font-size:0.75rem}
#game-panel>.room-list.merged{grid-template-columns:1fr}
#game-panel .player-room-group{border:0;border-radius:1.125rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
#game-panel .player-room-group>header{padding:0.8125rem 0.875rem;border-bottom:1px solid var(--palette-line, #eee);background:var(--palette-surface, #fff)}
#game-panel .player-room-group>header strong{color:var(--palette-text, #3c3c3c)}
#game-panel .player-room-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 0.5rem;padding:0.625rem}
body.player-room-active,.game-room-panel,.game-bet-shell,.game-bet-groups,.game-group-mode,.game-secondary-view{background:var(--palette-surface, #f3f6fa)}
.game-kk-top{background:linear-gradient(135deg,var(--palette-surface, #f4f8ff),var(--palette-surface, #e9f1ff))}
.game-page-tabs button.active,.game-choice.active,.game-command-dock button,.game-submit-actions .game-append-button:not(:disabled){background:var(--palette-primary, #1677ff)!important}
.game-mode-toggle>i{background:var(--palette-primary, #1677ff);box-shadow:0 5px 14px rgba(var(--palette-shadow-rgb, 22,119,255),0.25)}
.game-submit-card{border-radius:1.375rem 1.375rem 0 0}

/* 财务、客服、代理、福利沿用业务结构，统一参考站的间距与组件尺寸。 */
.sub-tabs{display:flex;gap:0.5625rem;padding:1.0625rem 1.125rem 0.875rem}
.sub-tabs button,.payment-tabs button{min-height:3rem;flex:1;border:1px solid var(--palette-line, #eee);border-radius:62.4375rem;color:var(--palette-muted, #777);background:var(--palette-surface, #fff);font-size:0.75rem}
.sub-tabs button.active,.payment-tabs button.active{border-color:var(--palette-focus, #1677ff);color:#fff;background:var(--palette-primary, #1677ff);box-shadow:none}
.finance-card,.chat-card,.contact-card,.agent-card{margin:0 1.0625rem 1.5rem;padding:1.3125rem;border:0;border-radius:1.4375rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.finance-card-head h2{color:var(--palette-text, #333);font-size:1.1875rem}
.finance-card-head small,.agent-list-head small{color:var(--palette-accent, #1677ff)}
.finance-card form>label,.finance-card .form-pair>label,.payment-root form label,.finance-payment-editor>label,.finance-payment-fields label{gap:0.5rem;color:var(--palette-muted, #707070);font-size:0.75rem}
.finance-card input,.finance-card select,.payment-root input,.finance-payment-editor input,.mine-settings-body input{height:3.25rem;padding:0 1.0625rem;border:1px solid var(--palette-line, #dde0e5);border-radius:1.625rem;color:var(--palette-text, #3c3c3c);background:var(--palette-surface, #f7fbff);font-size:0.875rem}
.finance-card textarea{padding:0.875rem 1.0625rem;border:1px solid var(--palette-line, #dde0e5);border-radius:1.25rem;color:var(--palette-text, #3c3c3c);background:var(--palette-surface, #f7fbff);font-size:0.875rem}
.finance-card input:focus,.finance-card select:focus,.finance-card textarea:focus,.payment-root input:focus,.finance-payment-editor input:focus,.mine-settings-body input:focus{border-color:var(--palette-focus, #1677ff);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 22,119,255),0.1)}
.finance-card .primary-button{min-height:3.125rem;border-radius:62.4375rem;background:var(--palette-primary, #1677ff);font-size:0.875rem}
.finance-payment-editor{padding:1.0625rem;border:1px solid var(--palette-line, #eee);border-radius:1.25rem;background:var(--palette-surface, #f7fbff)}
.player-record-list{gap:0.6875rem;padding:0.125rem 1.0625rem 7rem}
.player-record-list article{padding:1rem;border:0;border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.player-record-list article>div strong{font-size:0.8125rem}
.player-record-list article>div small,.player-record-list p{font-size:0.75rem}
.group-chat-root{padding:0.875rem 1.0625rem 1.875rem}
.group-chat-card{border:0;border-radius:1.4375rem;box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.group-chat-message p,.player-message>div{border-radius:0.3125rem 1.125rem 1.125rem;color:var(--palette-text, #565e6c);background:var(--palette-surface, #f0f3f7);font-size:0.75rem}
.group-chat-message.mine p,.player-message.mine>div{border-radius:1.125rem 0.3125rem 1.125rem 1.125rem;background:var(--palette-primary, #1677ff)}
.group-chat-form,.chat-card form{border-color:var(--palette-line, #eee);background:var(--palette-surface, #fff)}
.group-chat-form textarea,.chat-card textarea{border:1px solid var(--palette-line, #dde0e5);border-radius:1.25rem;background:var(--palette-surface, #f7fbff);font-size:0.875rem}
#chat-panel{height:calc(100dvh - 5.125rem - env(safe-area-inset-bottom))}
.player-service-root,.agent-root{display:grid;gap:0.875rem;margin:0;padding:0.875rem 1.0625rem 7rem}
.player-service-root .chat-card,.player-service-root .contact-card,.agent-root .agent-card{margin:0;border:0;border-radius:1.4375rem}
.agent-reward-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem;padding-inline:0}
.agent-reward-stats>div{border:0;border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.agent-reward-stats span{font-size:0.75rem;letter-spacing:.06em}
.agent-reward-stats strong{font-size:clamp(1.0625rem,4.6vw,1.375rem)}
.benefit-root{gap:1rem;padding:1.0625rem 1.0625rem 7rem}
.benefit-checkin-card,.benefit-wheel-card,.benefit-log-card{border:0;border-radius:1.4375rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.benefit-checkin-card{padding:1.3125rem;background:var(--palette-surface, #fff)}
.benefit-days i{border-color:var(--palette-line, #eee);background:var(--palette-surface, #f7fbff)}
.benefit-days div.complete i,.benefit-draw-button{border-color:var(--palette-focus, #1677ff);background:var(--palette-primary, #1677ff);box-shadow:none}
.benefit-wheel-card{padding:1.3125rem}

/* 我的：账户卡置顶，表单折叠成设置项，首屏保持个人中心形态。 */
#mine-panel{padding-top:0.0625rem}
.mine-hero{margin:1.25rem 1.0625rem 0;padding:1.4375rem 1.25rem 4.375rem;border-radius:1.4375rem;background:linear-gradient(145deg,var(--palette-primary, #3189fa),var(--palette-surface-soft, #a9d3ff));box-shadow:0 3px 12px rgba(var(--palette-shadow-rgb, 22,119,255),0.12)}
.mine-hero>button{display:none}
.mine-avatar{width:3.875rem;height:3.875rem;border:3px solid rgba(var(--palette-line-rgb, 255,255,255),0.86);border-radius:50%;background:var(--palette-primary, #1677ff);box-shadow:none}
.mine-hero small{color:#fff;font-size:0.75rem}
.mine-hero h1{color:var(--palette-text, #2f3b4b);font-size:1.3125rem}
.mine-hero p{color:var(--palette-text, #52667c);font-size:0.75rem}
.mine-balance{margin:-3.0625rem 1.6875rem 1.0625rem;padding:1.1875rem 0.25rem;border:0;border-radius:1.25rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.mine-balance div{padding:0 0.5rem}
.mine-balance div+div{border-color:var(--palette-line, #eee)}
.mine-balance span{color:var(--palette-muted, #949494);font-size:0.75rem}
.mine-balance strong{margin-top:0.4375rem;color:var(--palette-text, #3c3c3c);font-size:0.9375rem}
.mine-finance-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.8125rem;margin:0 1.0625rem 0.9375rem}
.mine-finance-actions button{display:flex;min-height:3.625rem;align-items:center;justify-content:center;gap:0.625rem;border:0;border-radius:1.8125rem;color:var(--palette-muted, #7e7e7e);background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.08);font-size:0.9375rem}
.mine-finance-actions i{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;color:var(--palette-accent, #1677ff);background:var(--palette-surface, #edf4ff);font-size:0.75rem;font-style:normal;font-weight:800}
.mine-card{margin:0.8125rem 1.0625rem;padding:1.125rem;border:0;border-radius:1.4375rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09)}
.menu-card{padding:0.3125rem 1.125rem}
.menu-card button{min-height:3.4375rem;padding:0.5rem 0.125rem;color:var(--palette-text, #3c3c3c)}
.menu-card button+button{border-color:var(--palette-line, #eee)}
.menu-card i{border-radius:0.75rem;color:var(--palette-accent, #1677ff);background:var(--palette-surface, #edf4ff)}
.menu-card b{font-size:0.875rem;font-weight:500}
.mine-settings-card{padding:0;overflow:hidden}
.mine-settings-card summary{display:flex;min-height:4.125rem;align-items:center;justify-content:space-between;padding:0.625rem 1.125rem;cursor:pointer;list-style:none}
.mine-settings-card summary::-webkit-details-marker{display:none}
.mine-settings-card summary>span{display:grid;min-width:0;grid-template-columns:2.5rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:0.75rem;align-items:center}
.mine-settings-card summary i{display:grid;width:2.5rem;height:2.5rem;grid-row:1/3;place-items:center;border-radius:0.75rem;color:var(--palette-accent, #1677ff);background:var(--palette-surface, #edf4ff);font-size:0.75rem;font-style:normal;font-weight:800}
.mine-settings-card summary b{color:var(--palette-text, #3c3c3c);font-size:0.875rem;font-weight:500}
.mine-settings-card summary small{margin-top:0.25rem;overflow:hidden;color:var(--palette-muted, #949494);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}
.mine-settings-card summary>em{color:var(--palette-muted, #acb3c9);font-size:1.5rem;font-style:normal;transition:transform .18s}
.mine-settings-card[open] summary>em{transform:rotate(90deg)}
.mine-settings-body{padding:1.125rem;border-top:1px solid var(--palette-line, #eee)}
.mine-settings-body form{display:grid;grid-template-columns:1fr;gap:0.8125rem}
.mine-settings-body form label{display:grid;gap:0.5rem;color:var(--palette-muted, #707070);font-size:0.75rem}
.mine-settings-body .empty{padding:2.1875rem 0.75rem}

/* 底部导航完全按参考站的五等分和中心充值按钮呈现。 */
.bottom-nav{height:5.125rem;grid-template-columns:repeat(5,1fr);align-items:end;padding:0.3125rem 0 calc(0.4375rem + env(safe-area-inset-bottom));border-top:1px solid var(--palette-line, #eee);background:rgba(var(--palette-surface-rgb, 255,255,255),0.97);box-shadow:0 -2px 8px rgba(var(--palette-shadow-rgb, 0,0,0),0.06);backdrop-filter:blur(16px)}
.bottom-nav button{gap:0.1875rem;min-height:3.8125rem;color:var(--palette-muted, #acb3c9);font-size:0.75rem}
.bottom-nav i{width:2.125rem;height:2.125rem;border-radius:0.75rem;font-size:1.0625rem}
.bottom-nav i svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.bottom-nav button.active{color:var(--palette-accent, #1677ff)}
.bottom-nav button.active i{background:var(--palette-surface, #edf4ff)}
.bottom-nav .nav-center{color:var(--palette-accent, #1677ff)}
.bottom-nav .nav-center i,.bottom-nav .nav-center.active i{width:4.25rem;height:4.25rem;margin-top:-2.125rem;border:7px solid var(--palette-line, #fff);border-radius:50%;color:#fff;background:var(--palette-primary, #1677ff);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 22,119,255),0.25);font-size:1.5rem;font-weight:500}

/* 登录页去掉玻璃光效，改为参考站的居中 Logo 与胶囊表单。 */
.auth-view{padding:0;background:var(--palette-surface, #f3f6fa)}
.auth-view:before,.auth-glow{display:none}
.auth-shell{display:flex;width:min(31.25rem,100%);min-height:100vh;flex-direction:column;padding:3rem 3.125rem 2.125rem;border:0;border-radius:0;background:var(--palette-surface, #f3f6fa);box-shadow:none;backdrop-filter:none}
.auth-brand{flex-direction:column;gap:0.5625rem;justify-content:center;margin:0 0 2.625rem;text-align:center}
.brand-mark{width:5.75rem;height:4.5rem;border-radius:0;background:transparent;box-shadow:none}
.brand-mark img{width:5.75rem;height:4.5rem}
.auth-brand small{color:var(--palette-muted, #949494);font-size:0.75rem}
.auth-brand strong{max-width:22.5rem;color:var(--palette-text, #2b2b2b);font-size:1.25rem}
.auth-form{order:1;gap:1.3125rem}
.auth-form>label,.form-pair>label{gap:0.5rem;color:var(--palette-muted, #6f6f6f);font-size:0.75rem}
.auth-intro{margin:0;text-align:center}
.auth-intro h1{display:none}
.auth-input{height:3.25rem;border:1px solid var(--palette-focus, #1677ff);border-radius:1.6875rem;background:var(--palette-surface, #fff)}
.auth-input:focus-within{border-color:var(--palette-focus, #1677ff);background:var(--palette-surface, #fff);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 22,119,255),0.1)}
.auth-input i{width:2.8125rem;color:var(--palette-text, #333);font-size:1.0625rem}
.auth-input input{padding-right:0.875rem;color:var(--palette-text, #3c3c3c);font-size:0.9375rem}
.auth-input input::placeholder{color:var(--palette-muted, #aaa)}
.auth-input button{color:var(--palette-accent, #1677ff);font-size:0.75rem}
.captcha-row{grid-template-columns:minmax(0,1fr) 7.375rem;gap:0.625rem}
.captcha-image{height:3.25rem;border:1px solid var(--palette-line, #dde0e5);border-radius:1.625rem;background:var(--palette-surface, #fff)}
.auth-submit{height:3.25rem;margin-top:0.75rem;padding:0 1.3125rem;font-size:0.9375rem}
.auth-submit span{background:rgba(var(--palette-surface-rgb, 255,255,255),0.18)}
.auth-tabs{order:3;display:flex;justify-content:center;gap:0.5rem;margin:1.3125rem 0 0;padding:0;background:transparent}
.auth-tabs button{width:auto;height:2.125rem;padding:0 0.5rem;border:0;color:var(--palette-accent, #1677ff);background:transparent;font-size:0.875rem}
.auth-tabs button.active{display:none}
.auth-session{order:2;margin:1.125rem 0 0;color:var(--palette-muted, #949494);font-size:0.75rem}
.auth-session i{background:var(--palette-green, #18c987)}

/* 弹层与上传控件统一圆角、遮罩和主色。 */
.dialog{padding:0.9375rem;background:rgba(var(--palette-overlay-rgb, 0,0,0),0.55);backdrop-filter:none}
.dialog-card{width:min(24.0625rem,100%);padding:1.625rem;border:0;border-radius:1.25rem;box-shadow:0 16px 44px rgba(var(--palette-shadow-rgb, 0,0,0),0.24)}
.dialog-close{top:0.875rem;right:0.875rem;border-radius:50%;color:var(--palette-muted, #7f8794);background:var(--palette-surface, #f1f3f6)}
.dialog-code,.popup-badge{color:var(--palette-accent, #1677ff);background:var(--palette-surface, #edf4ff)}
.dialog-card h2{color:var(--palette-text, #333);font-size:1.3125rem}
.dialog-card>p{color:var(--palette-text, #666);font-size:0.8125rem}
.dialog-meta span{border-color:var(--palette-line, #eee);border-radius:0.9375rem;color:var(--palette-muted, #7a7a7a);background:var(--palette-surface, #f7fbff)}
.lobby-content-dialog-card{width:min(24.0625rem,calc(100% - 1.625rem));padding:1.625rem}
.player-media-picker-preview{border-color:var(--palette-line, #c7d7ec);border-radius:1.25rem;background:var(--palette-surface, #f7fbff)}
.player-media-picker-empty b{color:var(--palette-accent, #1677ff)}
.toast{border:0;border-radius:1.125rem;color:var(--palette-text, #3c3c3c);box-shadow:0 7px 22px rgba(var(--palette-shadow-rgb, 0,0,0),0.14)}
.player-loading{background:var(--palette-surface, #f3f6fa)}
.player-loading i:after{background:var(--palette-primary, #1677ff)}
.app-download-view{background:var(--palette-surface, #f3f6fa)}
.app-download-shell{width:min(31.25rem,100%)}
.app-download-action{border-radius:62.4375rem;background:var(--palette-primary, #1677ff);box-shadow:none}

@media(max-width:500px){
  .phone-page{box-shadow:none}
  .topbar-logo strong{max-width:10.625rem}
}
@media(max-width:420px){
  .topbar-logo strong{max-width:8.25rem;font-size:0.9375rem}
  .sub-header>div{width:54%}
  .sub-header>span{max-width:24%;font-size:0.75rem}
  .featured-rooms{grid-template-rows:repeat(2,7.5625rem)}
  .featured-room .room-copy strong{font-size:0.875rem}
  .featured-room:first-child .room-copy strong{font-size:1.0625rem}
  .auth-shell{padding:2.375rem 1.5625rem 1.75rem}
  .auth-brand{margin-bottom:2.125rem}
  #activity-dialog .activity-dialog-card{width:calc(100% - 2rem);margin:1rem;padding:1.3125rem}
}
@media(max-width:360px){
  #game-panel:not([hidden]){grid-template-columns:5rem minmax(0,1fr);background:linear-gradient(to right,var(--palette-surface, #fff) 0 5rem,var(--palette-surface, #f3f6fa) 5rem)}
  #game-panel>.game-filters{padding-inline:0.375rem}
  #game-panel>.game-filters button{height:3.625rem;min-height:3.625rem;flex-basis:3.625rem;font-size:0.75rem}
  #game-panel>.room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0.5rem;padding-inline:0.5rem}
  #game-panel .player-room-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-card{padding-inline:0.8125rem}
  .quick-actions i{width:2.6875rem;height:2.6875rem}
  .quick-actions button{font-size:0.75rem}
  .mine-balance{margin-inline:1.375rem}
  .mine-finance-actions,.mine-card{margin-inline:0.75rem}
}

/* Pixel baseline: reference shell geometry, with platform-owned artwork and branding. */
html,body{height:100%;overflow:hidden;background:var(--palette-surface, #f3f6fa)!important}
body{color:var(--palette-text, #333);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
.phone-page{width:min(31.25rem,100%);height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;background:var(--palette-surface, #f3f6fa);box-shadow:none}
.page-scroll{padding-bottom:4.6875rem}

/* 首页头部、轮播与游客快捷区。 */
.lobby-overview>.topbar{height:4.3125rem;padding:0;background:var(--palette-surface, #fff)}
.lobby-overview .topbar-logo{left:1.375rem;width:7.4375rem;max-width:7.4375rem;transform:none}
.lobby-overview .topbar-logo{gap:0}
.lobby-overview .topbar-logo img{width:7.4375rem;height:2.875rem;flex:0 0 7.4375rem;object-fit:contain!important}
.lobby-overview .topbar-logo strong{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lobby-overview .top-actions{margin-left:auto;margin-right:0.5625rem}
.lobby-overview .top-actions button{width:3.9375rem;height:3.9375rem;padding:0.8125rem;color:var(--palette-accent, #1677ff)}
.lobby-overview .top-actions svg{width:1.875rem;height:1.875rem;stroke-width:1.6}
.lobby-overview .hero{height:auto;aspect-ratio:485/216;margin:0;border:0;border-radius:0;background:var(--palette-surface, #f3f6fa);box-shadow:none}
.lobby-overview .hero-track{height:auto;aspect-ratio:878/329;background:var(--palette-surface, #eef2f8)}
.lobby-overview .hero-slide{height:100%;background:var(--palette-surface, #eef2f8)}
.lobby-overview .hero-slide>img{height:100%;object-fit:fill!important}
.lobby-overview .hero-dots{right:0;bottom:0.3125rem;left:0;justify-content:center;gap:0}
.lobby-overview .hero-dots button{position:relative;width:1.5rem;height:1.5rem;border:0;background:transparent}
.lobby-overview .hero-dots button:before{position:absolute;content:"";top:50%;left:50%;width:0.4375rem;height:0.4375rem;border-radius:50%;background:var(--palette-surface-soft, #c8d0dc);transform:translate(-50%,-50%)}
.lobby-overview .hero-dots button.active:before{width:1.125rem;border-radius:0.4375rem;background:var(--palette-primary, #1677ff)}
.home-user-card{height:9.625rem;min-height:9.625rem;margin:0 0 0.75rem;padding:0.9375rem 0.875rem 0.75rem;border-radius:0 0 1.25rem 1.25rem;background:var(--palette-surface, #fff);box-shadow:0 3px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.1)}
.home-user-card .notice-bar{width:100%;height:1.9375rem;min-height:1.9375rem;margin:0;padding:0 0.75rem;border:0;border-radius:1rem;background:var(--palette-surface, #f1f5fa);box-shadow:none}
.home-user-card .notice-icon{width:1.5rem;height:1.5rem;color:var(--palette-muted, #6f7f92);background:transparent}
.home-user-card .notice-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.home-user-card .notice-bar p{color:var(--palette-muted, #77869e);font-size:0.875rem;line-height:1.9375rem}
.home-user-card .notice-bar>button{min-height:1.9375rem;padding:0 0.1875rem;color:var(--palette-accent, #1677ff);font-size:0.75rem}
.home-user-card .account-card{display:grid;min-height:5.6875rem;grid-template-columns:minmax(10.625rem,1fr) auto;align-items:center;gap:0.5rem;margin:0;padding:0.8125rem 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-user-card .account-copy{display:grid;grid-template-columns:1fr;gap:0;width:100%;padding:0 0.3125rem;border:0;background:transparent;text-align:left}
.home-user-card .account-copy>div{display:block;margin:0}
.home-user-card .account-copy>div strong{color:var(--palette-text, #333);font-size:1.1875rem;font-weight:600;line-height:1.35}
.home-user-card .account-copy>div small{display:block;margin-top:0.4375rem;color:var(--palette-muted, #71809a);font-size:0.875rem;line-height:1.2}
.home-user-card .account-copy p{display:none}
.home-user-card .quick-actions{display:grid;grid-template-columns:repeat(4,3.625rem);gap:0.5625rem}
.home-user-card .quick-actions button{display:grid!important;gap:0.3125rem;color:var(--palette-text, #222);font-size:0.8125rem;white-space:nowrap}
.home-user-card .quick-actions i{width:3.375rem;height:3.375rem;border-radius:50%;background:linear-gradient(145deg,var(--palette-primary, #49c5ff),var(--palette-primary, #1687ff));box-shadow:0 3px 7px rgba(var(--palette-shadow-rgb, 22,119,255),0.22)}
.home-user-card .quick-actions svg{width:1.8125rem;height:1.8125rem;stroke-width:1.65}
.home-user-card:not(:has(.guest-player)) .account-copy p{display:none}
#home-panel>.section-title,#home-panel>.home-activities{display:none}

/* 首页游戏分类拼图，与参考页面保持 2+2+4 的几何关系。 */
#home-panel .featured-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:9.625rem 9.625rem 9.875rem;gap:0;margin:0 1rem;padding:0 0 6rem}
.home-game-tile{position:relative;display:block;overflow:hidden;padding:0;border:5px solid transparent;color:var(--palette-text, #24334a);background:linear-gradient(145deg,var(--palette-surface, #edf9ff),var(--palette-surface-soft, #cbeaff)) padding-box;text-align:left}
.home-game-tile:focus-visible{z-index:2;outline:2px solid var(--palette-focus, #1677ff);outline-offset:-0.125rem}
.home-game-tile.is-placeholder{cursor:default}
.home-game-tile.is-placeholder .home-game-copy{opacity:.72}
.home-game-tile.tile-1{grid-row:1/3;grid-column:1/3;margin:0;border-radius:1.25rem 0 0 0;background:linear-gradient(150deg,var(--palette-surface, #e4f7ff),var(--palette-surface-soft, #b9e5ff)) padding-box}
.home-game-tile.tile-2{grid-row:1;grid-column:3/5;margin:0;border-radius:0 1.25rem 0 0;background:linear-gradient(145deg,var(--palette-surface, #edf8ff),var(--palette-surface-soft, #caeaff)) padding-box}
.home-game-tile.tile-3{grid-row:2;grid-column:3/5;margin:0;background:linear-gradient(145deg,var(--palette-surface, #f4fbff),var(--palette-surface-soft, #d8ecff)) padding-box}
.home-game-tile.tile-4,.home-game-tile.tile-5,.home-game-tile.tile-6,.home-game-tile.tile-7{grid-row:3;margin:0;background:linear-gradient(155deg,var(--palette-surface, #f4fbff),var(--palette-surface-soft, #d8ecff)) padding-box}
.home-game-tile.tile-4{grid-column:1;border-radius:0 0 0 1.25rem}
.home-game-tile.tile-5{grid-column:2}
.home-game-tile.tile-6{grid-column:3}
.home-game-tile.tile-7{grid-column:4;border-radius:0 0 1.25rem 0}
.home-game-copy{position:absolute;z-index:2;top:1.375rem;left:1.125rem;display:grid;max-width:55%;gap:0.4375rem}
.home-game-copy strong{font-size:1.375rem;line-height:1.15;white-space:nowrap}
.home-game-copy small{color:var(--palette-text, #56667b);font-size:0.75rem;line-height:1.45}
.tile-2 .home-game-copy,.tile-3 .home-game-copy{top:1.375rem;left:1.125rem;max-width:48%}
.tile-2 .home-game-copy strong,.tile-3 .home-game-copy strong{font-size:1.3125rem}
.tile-4 .home-game-copy,.tile-5 .home-game-copy,.tile-6 .home-game-copy,.tile-7 .home-game-copy{top:1rem;left:0.625rem;max-width:88%}
.tile-4 .home-game-copy strong,.tile-5 .home-game-copy strong,.tile-6 .home-game-copy strong,.tile-7 .home-game-copy strong{font-size:0.9375rem}
.tile-4 .home-game-copy small,.tile-5 .home-game-copy small,.tile-6 .home-game-copy small,.tile-7 .home-game-copy small{display:none}
.home-game-art{position:absolute;right:-1rem;bottom:-0.8125rem;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--palette-surface, #fff) 0 7%,rgba(var(--palette-surface-rgb, 255,255,255),0.8) 8% 18%,rgba(var(--palette-primary-rgb, 55,154,255),0.25) 19% 54%,rgba(var(--palette-primary-rgb, 22,119,255),0.12) 55%);filter:drop-shadow(0 10px 10px rgba(36,118,195,.18))}
.home-game-art:before,.home-game-art:after,.home-game-art i{position:absolute;content:"";border-radius:50%;background:linear-gradient(145deg,var(--palette-primary, #8bd6ff),var(--palette-primary, #1677ff));box-shadow:inset 0 2px 6px rgba(var(--palette-shadow-rgb, 255,255,255),0.75)}
.home-game-art:before{right:8%;bottom:9%;width:39%;height:39%}
.home-game-art:after{right:40%;bottom:4%;width:26%;height:26%}
.home-game-art i{right:19%;bottom:42%;width:22%;height:22%}
.home-game-art b{position:absolute;z-index:2;right:15%;bottom:17%;color:#fff;font-size:2.375rem;font-weight:900;line-height:1;text-shadow:0 2px 4px rgba(var(--palette-shadow-rgb, 0,73,152),0.35)}
.tile-2 .home-game-art,.tile-3 .home-game-art{right:-0.5rem;bottom:-1.5625rem;width:55%;height:115%}
.tile-2 .home-game-art b,.tile-3 .home-game-art b{font-size:1.8125rem}
.tile-4 .home-game-art,.tile-5 .home-game-art,.tile-6 .home-game-art,.tile-7 .home-game-art{right:-1.4375rem;bottom:-1.125rem;width:100%;height:78%}
.tile-4 .home-game-art b,.tile-5 .home-game-art b,.tile-6 .home-game-art b,.tile-7 .home-game-art b{font-size:1.5rem}
.tile-2 .home-game-art{filter:hue-rotate(20deg) drop-shadow(0 10px 10px rgba(36,118,195,.18))}
.tile-3 .home-game-art{filter:hue-rotate(285deg) drop-shadow(0 10px 10px rgba(36,118,195,.18))}
.tile-4 .home-game-art{filter:hue-rotate(45deg)}
.tile-5 .home-game-art{filter:hue-rotate(165deg)}
.tile-6 .home-game-art{filter:hue-rotate(250deg)}
.tile-7 .home-game-art{filter:hue-rotate(315deg)}

/* 游戏页：77px 品牌栏、114px 左侧分类、339px 右侧内容。 */
#game-panel:not([hidden]){display:grid;width:31.25rem;min-height:calc(100dvh - 4.6875rem);grid-template-columns:7.125rem minmax(0,1fr);grid-template-rows:4.8125rem 5.25rem 3.75rem minmax(calc(100dvh - 18.5rem),auto);align-items:start;background:linear-gradient(to right,var(--palette-surface, #fff) 0 7.125rem,var(--palette-surface, #f3f6fa) 7.125rem)}
.game-lobby-header{display:flex;height:4.8125rem;grid-row:1;grid-column:1/-1;align-items:center;justify-content:space-between;padding:0 1.25rem;border:0;background:var(--palette-surface, #fff)}
.game-lobby-logo{display:flex;width:6.9375rem;height:2.875rem;align-items:center;gap:0;padding:0;border:0;background:transparent;text-align:left}
.game-lobby-logo img{display:block;width:6.9375rem;height:2.6875rem;flex:0 0 6.9375rem;object-fit:contain}
.game-lobby-logo span{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.game-lobby-logo strong{display:block;max-width:4.3125rem;overflow:hidden;color:var(--palette-text, #111);font-size:0.875rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.game-lobby-logo small{color:var(--palette-text, #111);font-size:0.75rem;font-weight:700;letter-spacing:0.25rem}
.game-lobby-balance{display:flex;align-items:center;gap:0.4375rem;padding:0;border:0;color:var(--palette-text, #111);background:transparent;font-size:1rem}
.game-lobby-balance i{display:grid;width:1.8125rem;height:1.8125rem;place-items:center;border-radius:50%;color:#fff;background:var(--palette-green, #18a87f);font-size:0.75rem;font-style:normal}
.game-lobby-balance strong{font-size:1.625rem;font-weight:500;font-variant-numeric:tabular-nums}
.game-lobby-balance span{font-size:1rem;white-space:nowrap}
#game-panel>.game-filters{position:sticky;top:0;display:flex;height:calc(100dvh - 4.8125rem);grid-row:2/5;grid-column:1;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:1.1875rem 0.875rem 6.25rem;background:var(--palette-surface, #fff)}
#game-panel>.game-filters button{display:grid;width:5.375rem;height:4.3125rem;min-height:4.3125rem;flex:0 0 4.3125rem;place-content:center;gap:0.1875rem;padding:0;border:0;border-radius:0.6875rem;color:var(--palette-muted, #7c8497);background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.09);font-size:0.9375rem}
#game-panel>.game-filters button i{height:1.25rem;font-size:1rem;font-style:normal;line-height:1.25rem}
#game-panel>.game-filters button.active{color:#fff;background:linear-gradient(145deg,var(--palette-primary, #58a9ff),var(--palette-primary, #1677ff));box-shadow:0 4px 9px rgba(var(--palette-shadow-rgb, 22,119,255),0.23)}
#game-panel>.game-search{height:2.8125rem;grid-row:2;grid-column:2;align-self:start;margin:1.4375rem 1.4375rem 0 1.5rem;padding:0 0.9375rem;border:1px solid var(--palette-focus, #1677ff);border-radius:1.5rem}
#game-panel>.game-search input{font-size:1rem}
.game-firms{display:flex;height:2.9375rem;grid-row:3;grid-column:2;gap:0.75rem;overflow-x:auto;margin:0.4375rem 1.4375rem 0.375rem 1.5rem;scrollbar-width:none}
.game-firms::-webkit-scrollbar{display:none}
.game-firms button{height:2.9375rem;min-width:5.625rem;flex:0 0 5.625rem;padding:0 0.75rem;border:1px solid var(--palette-line, #e7e7e7);border-radius:1.5rem;color:var(--palette-text, #111);background:var(--palette-surface, #fff);font-size:1.125rem;font-weight:800;letter-spacing:-0.0625rem}
.game-firms button.active{border-color:var(--palette-focus, #1677ff);box-shadow:inset 0 0 0 1px var(--palette-shadow, #1677ff)}
#game-panel>.room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-row:4;grid-column:2;align-content:start;gap:1.4375rem 1rem;min-width:0;padding:1rem 1.4375rem 6.5625rem 1.5rem;background:var(--palette-surface, #f3f6fa)}
#game-panel .room-item{position:relative;display:block;min-width:0;overflow:hidden;border:0;border-radius:0.75rem;background:var(--palette-surface-soft, #dfe8f2);box-shadow:none}
#game-panel .room-item>.room-entry{position:relative;display:block;width:100%;min-height:0;aspect-ratio:380/506;overflow:hidden;border-radius:0.75rem;background:var(--palette-surface-soft, #dfe8f2)}
#game-panel .room-item>.room-entry>img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0.75rem;object-fit:cover!important;box-shadow:none}
#game-panel .room-item>.room-entry>span{position:absolute;right:0;bottom:0;left:0;display:block;padding:1.5625rem 0.3125rem 0.4375rem;background:linear-gradient(transparent,rgba(var(--palette-primary-rgb, 0,42,96),0.78));text-align:center}
#game-panel .room-item>.room-entry strong{display:block;min-height:0;overflow:hidden;color:#fff;font-size:0.75rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(var(--palette-shadow-rgb, 0,0,0),0.55)}
#game-panel .room-item>.room-entry em,#game-panel .room-rule-button{display:none}
#game-panel .room-item.sleep:after{top:0.3125rem;left:0.3125rem;padding:0.1875rem 0.3125rem;font-size:0.75rem}

/* 活动页与通知页。 */
#activity-panel>.sub-header{height:4.125rem;min-height:4.125rem;border:0}
#activity-panel>.sub-header>button{visibility:hidden}
.activity-tabs{display:flex;height:3.4375rem;align-items:flex-start;gap:0.8125rem;overflow-x:auto;margin-top:1.4375rem;padding:0 1.4375rem;scrollbar-width:none}
.activity-tabs::-webkit-scrollbar{display:none}
.activity-tabs button{height:2.625rem;min-width:4.625rem;flex:0 0 auto;padding:0 1.25rem;border:1px solid var(--palette-line, #eee);border-radius:1.375rem;color:var(--palette-text, #222);background:var(--palette-surface, #fff);font-size:0.9375rem;white-space:nowrap}
.activity-tabs button:first-child{min-width:6.375rem}
.activity-tabs button.active{border-color:var(--palette-focus, #1677ff);color:#fff;background:var(--palette-primary, #1677ff)}
#activity-panel>.activity-list{gap:1.4375rem;padding:0.75rem 1.4375rem 6.5625rem}
#activity-panel .activity-card{border:1px solid var(--palette-line, #b9cde0);border-radius:1.0625rem;box-shadow:none}
#activity-panel .activity-card img{aspect-ratio:878/329;border-radius:1.0625rem;object-fit:fill!important}
#notice-panel>.notice-list{padding-bottom:6.5625rem}

/* 五等分底栏，中心按钮带参考站同样的上浮白色托槽。 */
.bottom-nav{height:4.6875rem;align-items:end;padding:0.3125rem 0 calc(0.375rem + env(safe-area-inset-bottom));overflow:visible;border-top:0;background:var(--palette-surface, #fff);box-shadow:none}
.bottom-nav button{position:relative;z-index:1;gap:0.125rem;min-height:3.75rem;color:var(--palette-muted, #aeb7cc);font-size:0.8125rem}
.bottom-nav i{width:3.125rem;height:3.125rem;border-radius:50%;font-size:1.125rem}
.bottom-nav i svg{width:3.125rem;height:3.125rem;fill:currentColor;stroke:none}
.bottom-nav button.active{color:var(--palette-accent, #1677ff)}
.bottom-nav button.active i{background:transparent}
.bottom-nav .nav-center:before{position:absolute;z-index:-1;content:"";top:-2.875rem;left:50%;width:7rem;height:4.5625rem;border-radius:3.5rem 3.5rem 0 0;background:var(--palette-surface, #fff);transform:translateX(-50%)}
.bottom-nav .nav-center i,.bottom-nav .nav-center.active i{width:5.875rem;height:5.875rem;margin-top:-3.1875rem;border:7px solid var(--palette-line, #fff);color:#fff;background:var(--palette-primary, #1677ff);box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 22,119,255),0.25);font-size:1.5625rem}
.bottom-nav .nav-center i svg{width:3.25rem;height:3.25rem}
.bottom-nav .nav-center span{margin-top:-0.0625rem;color:var(--palette-accent, #1677ff)}

@media(max-width:499px){
  .lobby-overview>.topbar{height:3.375rem}
  .lobby-overview .topbar-logo{left:1.125rem;width:5.375rem;max-width:5.375rem}
  .lobby-overview .topbar-logo img{width:5.375rem;height:2.0625rem;flex-basis:5.375rem}
  .lobby-overview .top-actions button{width:3.0625rem;height:3.0625rem;padding:0.625rem}
  .lobby-overview .hero{height:auto;aspect-ratio:485/216}
  .lobby-overview .hero-track{height:auto;aspect-ratio:878/329}
  .lobby-overview .hero-slide,.lobby-overview .hero-slide>img{height:100%}
  .home-user-card{height:7.5rem;min-height:7.5rem;margin-bottom:0.625rem;padding:0.5625rem 0.6875rem 0.5rem}
  .home-user-card .notice-bar{height:1.5rem;min-height:1.5rem;padding-inline:0.5625rem}
  .home-user-card .notice-icon{width:1.125rem;height:1.125rem}
  .home-user-card .notice-icon svg{width:1rem;height:1rem}
  .home-user-card .notice-bar p{font-size:0.75rem;line-height:1.5rem}
  .home-user-card .notice-bar>button{min-height:1.5rem;font-size:0.75rem}
  .home-user-card .account-card{height:4.9375rem;min-height:4.9375rem;grid-template-columns:minmax(7rem,1fr) auto;padding-top:0.5rem}
  .home-user-card .account-copy>div strong{font-size:1.0625rem}
  .home-user-card .account-copy>div small{font-size:0.75rem}
  .home-user-card .quick-actions{grid-template-columns:repeat(4,2.8125rem);gap:0.25rem}
  .home-user-card .quick-actions i{width:2.625rem;height:2.625rem}
  .home-user-card .quick-actions button{font-size:0.75rem}
  #home-panel .featured-rooms{grid-template-rows:7.5rem 7.5rem 7.75rem;margin-inline:0.8125rem}
  .home-game-copy{top:1rem;left:0.75rem}
  .home-game-copy strong{font-size:1.0625rem}
  .home-game-copy small{font-size:0.75rem}
  .tile-2 .home-game-copy,.tile-3 .home-game-copy{top:0.9375rem;left:0.75rem}
  .tile-2 .home-game-copy strong,.tile-3 .home-game-copy strong{font-size:1rem}
  .tile-4 .home-game-copy strong,.tile-5 .home-game-copy strong,.tile-6 .home-game-copy strong,.tile-7 .home-game-copy strong{font-size:0.75rem}
  .home-game-art b{font-size:1.8125rem}
  #game-panel:not([hidden]){width:100vw;grid-template-columns:5.5625rem minmax(0,1fr);grid-template-rows:3.75rem 4.0625rem 3rem minmax(calc(100dvh - 15.5rem),auto);background:linear-gradient(to right,var(--palette-surface, #fff) 0 5.5625rem,var(--palette-surface, #f3f6fa) 5.5625rem)}
  .game-lobby-header{height:3.75rem;padding:0 0.8125rem}
  .game-lobby-logo{width:5.0625rem;height:2.25rem;gap:0}
  .game-lobby-logo img{width:5.0625rem;height:1.9375rem;flex-basis:5.0625rem}
  .game-lobby-balance{gap:0.25rem;font-size:0.75rem}
  .game-lobby-balance i{width:1.375rem;height:1.375rem;font-size:0.75rem}
  .game-lobby-balance strong{font-size:1.1875rem}
  .game-lobby-balance span{font-size:0.75rem}
  #game-panel>.game-filters{height:calc(100dvh - 3.75rem);padding:0.875rem 0.6875rem 5.625rem;gap:0.625rem}
  #game-panel>.game-filters button{width:4.1875rem;height:3.3125rem;min-height:3.3125rem;flex-basis:3.3125rem;font-size:0.75rem}
  #game-panel>.game-search{height:2.1875rem;margin:1.125rem 1.125rem 0;padding-inline:0.75rem}
  #game-panel>.game-search input{font-size:0.8125rem}
  .game-firms{height:2.375rem;gap:0.5625rem;margin:0.25rem 1.125rem 0.375rem}
  .game-firms button{height:2.375rem;min-width:4.4375rem;flex-basis:4.4375rem;font-size:0.875rem}
  #game-panel>.room-list{gap:1.125rem 0.75rem;padding:0.75rem 1.125rem 5.9375rem}
  #game-panel .room-item>.room-entry strong{font-size:0.75rem}
  #activity-panel>.sub-header{height:3.25rem;min-height:3.25rem}
  .activity-tabs{height:2.6875rem;gap:0.5625rem;margin-top:1.125rem;padding-inline:1.125rem}
  .activity-tabs button{height:2rem;min-width:4rem;padding-inline:0.9375rem;font-size:0.75rem}
  .activity-tabs button:first-child{min-width:5.5rem}
  #activity-panel>.activity-list{gap:1.125rem;padding:0.75rem 1.125rem 5.9375rem}
  .bottom-nav i,.bottom-nav i svg{width:2.4375rem;height:2.4375rem}
  .bottom-nav button{font-size:0.75rem}
  .bottom-nav .nav-center i,.bottom-nav .nav-center.active i{width:4.75rem;height:4.75rem;margin-top:-2.625rem}
  .bottom-nav .nav-center i svg{width:2.5625rem;height:2.5625rem}
}

@media(max-width:360px){
  .home-user-card .account-card{grid-template-columns:minmax(5.3125rem,1fr) auto}
  .home-user-card .account-copy>div strong{font-size:0.875rem}
  .home-user-card .account-copy>div small{font-size:0.75rem}
  .home-user-card .quick-actions{grid-template-columns:repeat(4,2.25rem);gap:0.0625rem}
  .home-user-card .quick-actions i{width:2.125rem;height:2.125rem}
  .home-user-card .quick-actions svg{width:1.3125rem;height:1.3125rem}
  .home-user-card .quick-actions button{font-size:0.75rem}
  #game-panel:not([hidden]){grid-template-columns:5rem minmax(0,1fr);background:linear-gradient(to right,var(--palette-surface, #fff) 0 5rem,var(--palette-surface, #f3f6fa) 5rem)}
  #game-panel>.game-filters{padding-inline:0.375rem}
  #game-panel>.game-filters button{width:4.25rem}
}

.auth-view,.app-download-view{height:100dvh;overflow-x:hidden;overflow-y:auto}

/* 我的：按移动壳的账户卡、快捷操作、概览卡和五行菜单重组。 */
#mine-panel{padding-top:0.0625rem;background:var(--palette-surface, #f3f6fa)}
#mine-panel .mine-profile-card{position:relative;height:20.5rem;overflow:hidden;margin:1.375rem 1.4375rem 1.0625rem;padding:1.4375rem;border-radius:1.125rem;background:linear-gradient(145deg,var(--palette-primary, #5ea8ff) 0,var(--palette-primary, #8bc7ff) 52%,var(--palette-surface, #f9fdff) 100%);box-shadow:0 2px 7px rgba(var(--palette-shadow-rgb, 64,112,164),0.12)}
#mine-panel .mine-profile-card:before{position:absolute;content:"";top:-7.5rem;right:-4.6875rem;width:18.75rem;height:18.75rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--palette-surface-rgb, 255,255,255),0.34),rgba(255,255,255,0) 68%)}
.mine-profile-top{position:relative;z-index:1;display:flex;height:4.375rem;align-items:center;gap:0.75rem;margin-bottom:2.1875rem}
.mine-profile-top .mine-avatar{width:4.375rem;height:4.375rem;flex:0 0 4.375rem;border:3px solid rgba(var(--palette-line-rgb, 255,255,255),0.88);border-radius:50%;color:#fff;background:var(--palette-primary, #1677ff);box-shadow:none;font-size:1.5rem}
.mine-profile-top>div{min-width:0;flex:1}
.mine-profile-top small,.mine-profile-top h1,.mine-profile-top p{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}
.mine-profile-top small{color:rgba(255,255,255,.92);font-size:0.75rem;font-weight:600}
.mine-profile-top h1{margin-top:0.3125rem;color:var(--palette-text, #263a51);font-size:1.25rem;font-weight:700}
.mine-profile-top p{margin-top:0.25rem;color:var(--palette-text, #4a6d90);font-size:0.75rem}
.mine-profile-top nav{display:flex;align-self:flex-start;gap:0.75rem}
.mine-profile-top nav button{display:grid;width:1.9375rem;height:1.9375rem;place-items:center;padding:0;border:0;color:var(--palette-text, #233f5d);background:transparent}
.mine-profile-top nav svg{width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.mine-wallet-row{position:relative;z-index:1;display:flex;height:2.5625rem;align-items:center;justify-content:space-between;margin-bottom:1.875rem;color:var(--palette-text, #273f59)}
.mine-wallet-row>span{display:flex;align-items:center;gap:0.5rem;font-size:1.0625rem;font-weight:600}
.mine-wallet-row i{display:grid;width:1.5625rem;height:1.5625rem;place-items:center;border-radius:50%;color:#fff;background:var(--palette-green, #18a87f);font-size:0.75rem;font-style:normal}
.mine-wallet-row strong{font-size:1.625rem;font-variant-numeric:tabular-nums}
.mine-wallet-row button{padding:0.3125rem 0;border:0;color:var(--palette-text, #344c64);background:transparent;font-size:0.9375rem}
.mine-level-row{position:relative;z-index:1;display:grid;height:3.625rem;grid-template-columns:3.625rem minmax(0,1fr) auto 1.8125rem;align-items:center;gap:0.875rem}
.mine-level-row>span{display:grid;width:3.625rem;height:3.625rem;place-items:center;border:5px solid rgba(var(--palette-line-rgb, 255,255,255),0.58);border-radius:1.1875rem;color:var(--palette-accent, #1677ff);background:var(--palette-surface, #fff);font-size:1.125rem;font-weight:800;box-shadow:0 4px 10px rgba(var(--palette-shadow-rgb, 52,112,179),0.15)}
.mine-level-row>div{height:0.5rem;overflow:hidden;border-radius:0.5rem;background:rgba(var(--palette-surface-raised-rgb, 126,126,126),0.45)}
.mine-level-row>div i{display:block;width:12%;height:100%;border-radius:inherit;background:var(--palette-primary, #1677ff)}
.mine-level-row>b{color:var(--palette-accent, #1677ff);font-size:1.25rem;font-style:italic;white-space:nowrap}
.mine-level-row>button{display:grid;width:1.8125rem;height:1.8125rem;place-items:center;border:0;border-radius:0.5625rem;color:var(--palette-muted, #8798aa);background:rgba(var(--palette-surface-rgb, 255,255,255),0.8);font-size:1.3125rem}
.mine-member-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0.5625rem 0 0;color:var(--palette-text, #3a4d62);font-size:0.75rem}
.mine-member-meta strong{color:var(--palette-accent, #1677ff)}
#mine-panel .mine-finance-actions{gap:1.4375rem;margin:0 1.8125rem 1.0625rem}
#mine-panel .mine-finance-actions button{height:4.4375rem;min-height:4.4375rem;border-radius:1.375rem;font-size:1.25rem}
#mine-panel .mine-finance-actions i{width:2rem;height:2rem;font-size:0.8125rem}
.mine-overview-card{height:9.875rem;margin:1.0625rem 1.4375rem;padding:1.375rem 1.4375rem;border-radius:1.4375rem;background:var(--palette-surface, #fff);box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 0,0,0),0.12)}
.mine-overview-card>header{display:flex;height:1.9375rem;align-items:center;justify-content:space-between;color:var(--palette-muted, #737373);font-size:1.125rem}
.mine-overview-card>header span{display:flex;align-items:center;gap:0.5625rem}
.mine-overview-card>header i{color:var(--palette-success, #39c630);font-size:1.4375rem;font-style:normal}
.mine-overview-card>header button{padding:0;border:0;color:var(--palette-muted, #949494);background:transparent;font-size:0.9375rem}
.mine-overview-card>div{display:grid;height:4.125rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;margin-top:0.9375rem;padding:0.5rem 0;border-radius:1.0625rem;background:var(--palette-surface, #f4f6fa)}
.mine-overview-card p{display:grid;min-width:0;justify-items:center;gap:0.4375rem;margin:0;padding:0 0.5rem}
.mine-overview-card p+p{border-left:1px solid var(--palette-line, #d8d8d8)}
.mine-overview-card strong{display:block;max-width:100%;overflow:hidden;color:var(--palette-success, #14c22b);font-size:0.9375rem;text-overflow:ellipsis;white-space:nowrap}
.mine-overview-card small{color:var(--palette-muted, #949494);font-size:0.75rem;white-space:nowrap}
#mine-panel>.menu-card{height:17.3125rem;margin:1.0625rem 1.4375rem;padding:0.5625rem 1.4375rem;border-radius:1.4375rem}
#mine-panel>.menu-card button{height:3.25rem;padding:0}
#mine-panel>.menu-card i{width:1.8125rem;height:1.8125rem;border-radius:0;color:var(--palette-muted, #9db8db);background:transparent;font-size:1.0625rem}
#mine-panel>.menu-card b{color:var(--palette-text, #6d6d6d);font-size:1rem;font-weight:500}
#mine-panel>.menu-card em{font-size:1.4375rem}

@media(max-width:499px){
  #mine-panel .mine-profile-card{height:14.8125rem;margin:1rem 1rem 0.75rem;padding:1.0625rem;border-radius:0.875rem}
  .mine-profile-top{height:3.1875rem;gap:0.5625rem;margin-bottom:1.5rem}
  .mine-profile-top .mine-avatar{width:3.1875rem;height:3.1875rem;flex-basis:3.1875rem;border-width:2px;font-size:1.125rem}
  .mine-profile-top small{font-size:0.75rem}
  .mine-profile-top h1{margin-top:0.1875rem;font-size:0.9375rem}
  .mine-profile-top p{margin-top:0.125rem;font-size:0.75rem}
  .mine-profile-top nav{gap:0.375rem}
  .mine-profile-top nav button{width:1.4375rem;height:1.4375rem}
  .mine-profile-top nav svg{width:1.0625rem;height:1.0625rem}
  .mine-wallet-row{height:1.875rem;margin-bottom:1.25rem}
  .mine-wallet-row>span{gap:0.375rem;font-size:0.8125rem}
  .mine-wallet-row i{width:1.1875rem;height:1.1875rem;font-size:0.75rem}
  .mine-wallet-row strong{font-size:1.1875rem}
  .mine-wallet-row button{font-size:0.75rem}
  .mine-level-row{height:2.625rem;grid-template-columns:2.625rem minmax(0,1fr) auto 1.375rem;gap:0.625rem}
  .mine-level-row>span{width:2.625rem;height:2.625rem;border-width:4px;border-radius:0.875rem;font-size:0.8125rem}
  .mine-level-row>div{height:0.375rem}
  .mine-level-row>b{font-size:0.9375rem}
  .mine-level-row>button{width:1.375rem;height:1.375rem;border-radius:0.4375rem;font-size:1rem}
  .mine-member-meta{margin-top:0.375rem;font-size:0.75rem}
  #mine-panel .mine-finance-actions{gap:1.0625rem;margin:0 1.3125rem 0.75rem}
  #mine-panel .mine-finance-actions button{height:3.1875rem;min-height:3.1875rem;border-radius:1.0625rem;font-size:0.9375rem}
  #mine-panel .mine-finance-actions i{width:1.5rem;height:1.5rem;font-size:0.75rem}
  .mine-overview-card{height:7.125rem;margin:0.75rem 1rem;padding:1rem;border-radius:1.0625rem}
  .mine-overview-card>header{height:1.375rem;font-size:0.8125rem}
  .mine-overview-card>header i{font-size:1.0625rem}
  .mine-overview-card>header button{font-size:0.75rem}
  .mine-overview-card>div{height:3rem;margin-top:0.6875rem;padding:0.375rem 0;border-radius:0.8125rem}
  .mine-overview-card p{gap:0.25rem;padding-inline:0.3125rem}
  .mine-overview-card strong{font-size:0.75rem}
  .mine-overview-card small{font-size:0.75rem}
  #mine-panel>.menu-card{height:12.5rem;margin:0.75rem 1rem;padding:0.375rem 1rem;border-radius:1.0625rem}
  #mine-panel>.menu-card button{height:2.34375rem}
  #mine-panel>.menu-card i{width:1.375rem;height:1.375rem;font-size:0.8125rem}
  #mine-panel>.menu-card b{font-size:0.75rem}
  #mine-panel>.menu-card em{font-size:1.125rem}
}

/* 登录：保留验证码安全流程，尺寸和位置按参考移动页等比缩放。 */
.auth-view{display:block;background:var(--palette-surface, #f3f6fa)}
.auth-shell{position:relative;width:min(31.25rem,100%);min-height:100dvh;margin:0 auto;padding-inline:clamp(1.5625rem,10%,3.125rem);background:var(--palette-surface, #f3f6fa)}
.auth-close{position:absolute;z-index:2;top:clamp(1rem,4vw,1.375rem);right:clamp(1rem,4vw,1.375rem);display:grid;width:1.875rem;height:1.875rem;place-items:center;padding:0;border:0;color:var(--palette-muted, #acb3c9);background:transparent;font-size:1.8125rem;font-weight:300;line-height:1}
.auth-brand{width:100%;height:auto;gap:0;margin:0 0 clamp(1.5625rem,6.4vw,2.1875rem)}
.auth-brand .brand-mark{width:50%;height:auto;aspect-ratio:160/62;background:transparent}
.auth-brand .brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.auth-brand>div{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#login-form{width:100%;min-width:0;gap:clamp(1.5625rem,6.4vw,2.1875rem)}
#login-form>label,#login-form .captcha-row,#login-form .auth-input{width:100%;min-width:0}
#login-form .auth-intro,#login-form>label>span{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#login-form .auth-input,#login-form .captcha-image,#login-form .auth-submit{height:clamp(2.25rem,9.333vw,3.15rem)}
#login-form .auth-input{border-color:var(--palette-focus, #3066ff);border-radius:62.4375rem}
#login-form .auth-input i{width:clamp(2.125rem,8.533vw,2.875rem);font-size:clamp(0.8125rem,3.733vw,1.25rem)}
#login-form .auth-input input{font-size:clamp(0.8125rem,3.733vw,1.25rem)}
#login-form .captcha-row{grid-template-columns:minmax(0,1fr) clamp(5.375rem,23.6vw,7.9375rem);gap:clamp(0.4375rem,2.133vw,0.75rem)}
#login-form .captcha-image{border-radius:62.4375rem}
#login-form .form-error:empty{display:none}
#login-form .auth-submit{margin-top:-0.1875rem;border-radius:62.4375rem;font-size:clamp(0.8125rem,3.2vw,1.0625rem)}
#login-form .auth-submit span{display:none}

/* 首页最终几何基线：使用与参考页面一致的连续 rem 比例，而不是移动/桌面两套跳变尺寸。 */
.lobby-overview>.topbar{
  height:min(12.8vw,4.32rem);
  min-height:min(12.8vw,4.32rem);
  padding:0;
}
.lobby-overview .topbar-logo{
  left:min(4.2667vw,1.44rem);
  width:min(22.0103vw,7.4285rem);
  max-width:min(22.0103vw,7.4285rem);
}
.lobby-overview .topbar-logo img{
  width:min(22.0103vw,7.4285rem);
  height:min(8.5333vw,2.88rem);
  flex-basis:min(22.0103vw,7.4285rem);
}
.lobby-overview .top-actions{margin-right:min(1.6vw,0.54rem)}
.lobby-overview .top-actions button{
  width:min(11.7333vw,3.96rem);
  height:min(11.7333vw,3.96rem);
  padding:min(2.4vw,0.81rem);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.lobby-overview .top-actions svg{
  width:min(7.68vw,2.592rem);
  height:min(7.68vw,2.592rem);
}

/* 轮播图片按原比例铺满宽度；剩余区域只承载干净的小分页点。 */
.lobby-overview .hero{
  width:100%;
  height:min(40vw,13.5rem);
  aspect-ratio:auto;
  overflow:hidden;
  margin:0;
  border-radius:0;
  background:var(--palette-surface, #f3f6fa);
}
.lobby-overview .hero-track{
  width:100%;
  height:auto;
  aspect-ratio:878/329;
}
.lobby-overview .hero-slide,
.lobby-overview .hero-slide>img{height:100%}
.lobby-overview .hero-dots{
  right:auto;
  bottom:0.375rem;
  left:50%;
  width:max-content;
  height:1.5rem;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:none;
  backdrop-filter:none;
  transform:translateX(-50%);
  pointer-events:none;
}
.lobby-overview .hero-dots button{
  width:1.5rem;
  height:1.5rem;
  flex:0 0 1.5rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  pointer-events:auto;
}
.lobby-overview .hero-dots button+button{margin-left:-0.9375rem}
.lobby-overview .hero-dots button:before{
  top:auto;
  bottom:0;
  width:0.1875rem;
  height:0.1875rem;
  border-radius:0.1875rem;
  background:var(--palette-surface-soft, #c8d0dc);
  box-shadow:none;
  transform:translateX(-50%);
}
.lobby-overview .hero-dots button.active:before{
  width:0.8125rem;
  height:0.1875rem;
  border-radius:0.1875rem;
  background:var(--palette-primary, #1677ff);
}

/* 公告及游客快捷区。 */
.home-user-card{
  position:relative;
  width:100%;
  height:min(25.253vw,8.522875rem);
  min-height:min(25.253vw,8.522875rem);
  margin:0 0 min(4.2667vw,1.44rem);
  padding:min(2.6667vw,0.9rem) 0 0;
  border-radius:0 0 min(4.2667vw,1.44rem) min(4.2667vw,1.44rem);
  background:var(--palette-surface, #fff);
  box-shadow:none;
}
.home-user-card .notice-bar{
  width:auto;
  height:min(5.8667vw,1.98rem);
  min-height:min(5.8667vw,1.98rem);
  margin:0 min(2.6667vw,0.9rem);
  padding:0 min(1.6vw,0.54rem);
  border:0;
  border-radius:min(2.6667vw,0.9rem);
  background:var(--palette-surface, #f3f8fe);
  box-shadow:inset 0 min(.1vw,.54px) min(.1vw,.54px) rgba(var(--palette-shadow-rgb, 187,180,180),0.25);
}
.home-user-card .notice-icon{
  width:min(4.8vw,1.62rem);
  height:min(4.8vw,1.62rem);
}
.home-user-card .notice-icon svg{
  width:min(4.2667vw,1.44rem);
  height:min(4.2667vw,1.44rem);
}
.home-user-card .notice-bar p{
  color:var(--palette-muted, #6d7693);
  font-size:clamp(0.75rem,3.2vw,1.08rem);
  line-height:min(5.8667vw,1.98rem);
}
.home-user-card .notice-bar>button{
  min-height:min(5.8667vw,1.98rem);
  padding:0;
  font-size:clamp(0.75rem,2.6667vw,0.9rem);
  line-height:1;
}
.home-user-card .account-card{
  position:relative;
  display:block;
  width:100%;
  height:min(14.32vw,4.833rem);
  min-height:min(14.32vw,4.833rem);
  margin:min(2.4vw,0.81rem) 0 0;
  padding:0;
  border:0;
  background:transparent;
}
.home-user-card .account-copy{
  position:absolute;
  top:50%;
  left:min(6.4vw,2.16rem);
  display:grid;
  width:min(25.2244vw,8.51325rem);
  height:auto;
  padding:0;
  border:0;
  background:transparent;
  text-align:center;
  transform:translateY(-50%);
}
.home-user-card .account-copy>span{display:none}
.home-user-card .account-copy>div{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin:0;
}
.home-user-card .account-copy>div strong{
  display:block;
  margin:0 0 min(1.0667vw,0.36rem);
  color:var(--palette-text, #30303d);
  font-size:clamp(0.75rem,4.2667vw,1.44rem);
  font-weight:700;
  line-height:min(6.7048vw,2.262875rem);
  white-space:nowrap;
}
.home-user-card .account-copy>div small{
  display:block;
  margin:0;
  color:var(--palette-muted, #6d7693);
  font-size:clamp(0.75rem,3.4667vw,1.17rem);
  line-height:min(5.446vw,1.838rem);
  white-space:nowrap;
}
.home-user-card .account-copy p{display:none}
.home-user-card .quick-actions{
  position:absolute;
  top:0;
  right:min(2.6667vw,0.9rem);
  display:flex;
  width:auto;
  height:100%;
  align-items:flex-start;
  gap:min(2.1333vw,0.72rem);
}
.home-user-card .quick-actions:before{
  position:absolute;
  top:50%;
  left:calc(-0.0625rem - min(2.6667vw,0.9rem));
  width:0.0625rem;
  height:min(10.6667vw,3.6rem);
  content:"";
  border-left:1px solid var(--palette-line, #eee);
  transform:translateY(-50%);
}
.home-user-card .quick-actions button{
  display:flex!important;
  width:max-content;
  height:100%;
  min-width:min(10.1333vw,3.42rem);
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  padding:0;
  color:var(--palette-text, #000);
  font-size:clamp(0.75rem,2.6667vw,0.9rem);
  line-height:min(4.1905vw,1.414313rem);
}
.home-user-card .quick-actions i{
  width:min(10.1333vw,3.42rem);
  height:min(10.1333vw,3.42rem);
  flex:0 0 min(10.1333vw,3.42rem);
  border-radius:50%;
}
.home-user-card .quick-actions svg{
  width:min(6.4vw,2.16rem);
  height:min(6.4vw,2.16rem);
}

/* 游戏拼图的行高、内边距和圆角严格按同一缩放单位。 */
#home-panel .featured-rooms{
  display:grid;
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:min(28.5vw,9.61875rem) min(28.5vw,9.61875rem) min(29.3333vw,9.9rem);
  gap:0;
  margin:0;
  padding:min(1.0667vw,0.36rem) min(3vw,1.0125rem);
}
#home-panel .home-game-tile{
  z-index:1;
  border:0;
  border-radius:0;
  background-color:var(--palette-surface, #eaf7ff);
  background-repeat:no-repeat;
}
#home-panel .home-game-tile.tile-1{
  border-radius:min(3.2vw,1.08rem) 0 0 0;
  background-position:left top;
  background-size:200% 148.368%;
}
#home-panel .home-game-tile.tile-2{
  border-radius:0 min(3.2vw,1.08rem) 0 0;
  background-position:right top;
  background-size:200% 299.401%;
}
#home-panel .home-game-tile.tile-3{
  background-position:right 50.606%;
  background-size:200% 294.118%;
}
#home-panel .home-game-tile.tile-4{border-radius:0 0 0 min(3.2vw,1.08rem)}
#home-panel .home-game-tile.tile-7{border-radius:0 0 min(3.2vw,1.08rem) 0}
#home-panel .home-game-tile.tile-4,
#home-panel .home-game-tile.tile-5,
#home-panel .home-game-tile.tile-6,
#home-panel .home-game-tile.tile-7{background-size:400% 306.748%}
#home-panel .home-game-tile.tile-4{background-position:left bottom}
#home-panel .home-game-tile.tile-5{background-position:33.3333% bottom}
#home-panel .home-game-tile.tile-6{background-position:66.6667% bottom}
#home-panel .home-game-tile.tile-7{background-position:right bottom}
#home-panel .home-game-copy{
  top:min(4.0741vw,1.375rem);
  left:min(3.3333vw,1.125rem);
  gap:min(1.2963vw,0.4375rem);
}
#home-panel .home-game-copy strong{font-size:clamp(0.75rem,4.0741vw,1.375rem)}
#home-panel .home-game-copy small{font-size:clamp(0.75rem,2.2222vw,0.75rem)}
#home-panel .tile-2 .home-game-copy,
#home-panel .tile-3 .home-game-copy{
  top:min(4.0741vw,1.375rem);
  left:min(3.3333vw,1.125rem);
}
#home-panel .tile-2 .home-game-copy strong,
#home-panel .tile-3 .home-game-copy strong{font-size:clamp(0.75rem,3.8889vw,1.3125rem)}
#home-panel .tile-4 .home-game-copy,
#home-panel .tile-5 .home-game-copy,
#home-panel .tile-6 .home-game-copy,
#home-panel .tile-7 .home-game-copy{
  top:min(2.963vw,1rem);
  left:min(1.8519vw,0.625rem);
}
#home-panel .tile-4 .home-game-copy strong,
#home-panel .tile-5 .home-game-copy strong,
#home-panel .tile-6 .home-game-copy strong,
#home-panel .tile-7 .home-game-copy strong{font-size:clamp(0.75rem,2.7778vw,0.9375rem)}
#home-panel .home-game-art{display:none}

/* 五等分底栏使用完整托槽轮廓，中心圆和普通图标均随壳宽连续缩放。 */
.page-scroll{padding-bottom:calc(min(22vw,6.875rem) + min(2.1333vw,0.72rem))}
.bottom-nav{
  bottom:max(-0.09rem,-.2667vw);
  height:calc(min(22vw,6.875rem) + min(2.1333vw,0.72rem));
  align-items:end;
  padding:0 0 min(2.1333vw,0.72rem);
  overflow:visible;
  border:0;
  background:transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20162'%20aria-hidden='true'%3e%3cg%20filter='url(%23bottom-shadow)'%3e%3cpath%20fill='%23fff'%20d='M0%2010h274c15.464%200%2027.499%2012.976%2033.216%2027.344C318.092%2064.678%20344.79%2084%20376%2084c31.21%200%2057.908-19.322%2068.784-46.656C450.501%2022.976%20462.536%2010%20478%2010h272v152H0V10Z'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='bottom-shadow'%20x='-8'%20y='0'%20width='766'%20height='168'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='-2'/%3e%3cfeGaussianBlur%20stdDeviation='4'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0679%200%200%200%200%200.0991%200%200%200%200%200.1792%200%200%200%200.06%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='dropShadow'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='dropShadow'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") 0 min(7.4667vw,40.32px)/100% auto no-repeat;
  box-shadow:none;
  backdrop-filter:none;
}
.bottom-nav button{
  min-width:0;
  padding:0;
  color:var(--palette-muted, #acb3c9);
  background:transparent;
  font-size:clamp(0.75rem,2.6133vw,0.882rem);
  line-height:1;
}
.bottom-nav button:not(.nav-center){
  display:grid;
  height:calc(min(10.657vw,3.32225rem) + min(2.6133vw,0.882rem));
  min-height:0;
  grid-template-rows:min(10.657vw,3.32225rem) min(2.6133vw,0.882rem);
  align-content:end;
  justify-items:center;
  gap:0;
}
.bottom-nav button:not(.nav-center) i{
  display:grid;
  width:min(10vw,3.125rem);
  height:min(10.657vw,3.32225rem);
  place-items:start center;
  border-radius:0;
  background:transparent;
}
.bottom-nav button:not(.nav-center) i svg{
  width:min(10vw,3.125rem);
  height:min(10vw,3.125rem);
}
.bottom-nav button>span{
  height:min(2.6133vw,0.882rem);
  margin:0;
  color:var(--palette-muted, #6d7693);
  font-size:clamp(0.75rem,2.6133vw,0.882rem);
  line-height:1;
}
.bottom-nav button.active{color:var(--palette-accent, #1677ff)}
.bottom-nav button.active>span{color:var(--palette-muted, #6d7693)}
.bottom-nav .nav-center{
  position:relative;
  display:block;
  height:min(22vw,6.875rem);
  min-height:0;
  padding:0 min(2vw,0.625rem) min(6vw,1.875rem);
  color:#fff;
}
.bottom-nav .nav-center:before{display:none}
.bottom-nav .nav-center i,
.bottom-nav .nav-center.active i{
  display:flex;
  width:100%;
  height:auto;
  aspect-ratio:1;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0;
  border:min(.2vw,1.08px) solid var(--palette-focus, #30b4f9);
  border-radius:50%;
  color:#fff;
  background:linear-gradient(0deg,var(--palette-primary, #1677ff),var(--palette-primary, #1677ff)),radial-gradient(268.47% 208.93% at 50.82% -64.29%,var(--palette-primary, #5dcaf9) 0,var(--palette-primary, #2283f6) 45.16%,var(--palette-primary, #0038ff) 86.78%);
  box-shadow:0 0 min(1.4vw,7.56px) rgba(var(--palette-shadow-rgb, 34,131,246),0.8);
}
.bottom-nav .nav-center i svg{
  width:65%;
  height:auto;
  aspect-ratio:1;
}
.bottom-nav .nav-center i span{
  height:min(2.6133vw,0.882rem);
  color:#fff;
  font-size:clamp(0.75rem,2.6133vw,0.882rem);
  line-height:1;
}
.bottom-nav .nav-center>span{
  position:absolute;
  top:calc(min(11.7333vw,3.96rem) + min(.8267vw,0.279rem));
  right:0;
  left:0;
  color:#fff;
}

@media(max-width:499px){
  .phone-page{scrollbar-width:none}
  .phone-page::-webkit-scrollbar{display:none}
}

/* 首页视觉整理：保留现有内容与交互，改用更清晰的卡片层级和舒适留白。 */
#home-panel{
  --home-gutter:clamp(0.75rem,3.2vw,1rem);
  --home-gap:clamp(0.4375rem,2.05vw,0.625rem);
  --home-radius:clamp(0.875rem,3.85vw,1.25rem);
  overflow:hidden;
  background:linear-gradient(180deg,var(--palette-surface, #fff) 0 clamp(3.375rem,12.8vw,4rem),var(--palette-surface, #f4f7fb) clamp(3.375rem,12.8vw,4rem),var(--palette-surface, #eef3f9) 100%);
}
.lobby-overview>.topbar{
  height:clamp(3.375rem,12.8vw,4rem);
  min-height:clamp(3.375rem,12.8vw,4rem);
  padding:0 var(--home-gutter);
  border-bottom:1px solid rgba(var(--palette-line-rgb, 220,229,240),0.72);
  background:var(--palette-surface, #fff);
}
.lobby-overview .topbar-logo{
  left:var(--home-gutter);
  width:clamp(5.375rem,22vw,6.875rem);
  max-width:clamp(5.375rem,22vw,6.875rem);
}
.lobby-overview .topbar-logo img{
  width:clamp(5.375rem,22vw,6.875rem);
  height:clamp(2.125rem,8.8vw,2.75rem);
  flex-basis:clamp(5.375rem,22vw,6.875rem);
}
.lobby-overview .top-actions{margin-right:0}
.lobby-overview .top-actions button{
  width:clamp(2.5rem,10.25vw,3rem);
  height:clamp(2.5rem,10.25vw,3rem);
  padding:clamp(0.4375rem,1.8vw,0.5625rem);
  border-radius:50%;
}
.lobby-overview .top-actions button:hover{background:var(--palette-surface, #f0f6ff)}
.lobby-overview .top-actions svg{
  width:clamp(1.5625rem,6.5vw,1.9375rem);
  height:clamp(1.5625rem,6.5vw,1.9375rem);
}

/* 轮播成为独立海报卡；分页点直接覆在图片上，不再占一整条灰色区域。 */
.lobby-overview .hero{
  width:auto;
  height:auto;
  aspect-ratio:878/329;
  margin:var(--home-gutter) var(--home-gutter) 0;
  overflow:hidden;
  border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.82);
  border-radius:var(--home-radius);
  background:var(--palette-surface, #e8f0f8);
  box-shadow:0 8px 24px rgba(var(--palette-shadow-rgb, 42,83,128),0.13);
}
.lobby-overview .hero-track{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  border-radius:inherit;
  background:var(--palette-surface, #e8f0f8);
}
.lobby-overview .hero-slide{border-radius:inherit;background:var(--palette-surface, #e8f0f8)}
.lobby-overview .hero-slide>img{height:100%;border-radius:inherit;object-fit:fill!important}
.lobby-overview .hero-dots{
  bottom:clamp(0.3125rem,1.55vw,0.5rem);
  height:1.5rem;
  padding:0 0.3125rem;
  border-radius:62.4375rem;
  background:rgba(var(--palette-overlay-rgb, 21,52,91),0.18);
}
.lobby-overview .hero-dots button{
  width:1.5rem;
  height:1.5rem;
  flex-basis:1.5rem;
}
.lobby-overview .hero-dots button+button{margin-left:0}
.lobby-overview .hero-dots button:before{
  bottom:50%;
  width:0.25rem;
  height:0.25rem;
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.72);
  box-shadow:0 1px 3px rgba(var(--palette-shadow-rgb, 20,51,87),0.2);
  transform:translate(-50%,50%);
}
.lobby-overview .hero-dots button.active:before{
  width:0.875rem;
  height:0.25rem;
  background:var(--palette-surface, #fff);
}

/* 公告和账户各自成卡，避免快捷入口把登录文案挤成省略号。 */
.lobby-overview .home-user-card{
  width:auto;
  height:auto;
  min-height:0;
  margin:clamp(0.6875rem,3.05vw,0.9375rem) var(--home-gutter) 0;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.lobby-overview .home-user-card .notice-bar{
  width:100%;
  height:clamp(2rem,8.45vw,2.4375rem);
  min-height:clamp(2rem,8.45vw,2.4375rem);
  margin:0;
  padding:0 clamp(0.625rem,2.8vw,0.875rem);
  border:1px solid rgba(var(--palette-line-rgb, 218,229,241),0.9);
  border-radius:clamp(0.6875rem,3vw,0.9375rem);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.92);
  box-shadow:0 4px 14px rgba(var(--palette-shadow-rgb, 48,84,125),0.06);
}
.lobby-overview .home-user-card .notice-icon{
  width:clamp(1.25rem,5.25vw,1.5625rem);
  height:clamp(1.25rem,5.25vw,1.5625rem);
  color:var(--palette-accent, #4c88d7);
}
.lobby-overview .home-user-card .notice-icon svg{
  width:clamp(1.0625rem,4.55vw,1.375rem);
  height:clamp(1.0625rem,4.55vw,1.375rem);
}
.lobby-overview .home-user-card .notice-bar p{
  color:var(--palette-muted, #66778d);
  font-size:clamp(0.75rem,2.95vw,0.875rem);
  line-height:clamp(2rem,8.45vw,2.4375rem);
}
.lobby-overview .home-user-card .notice-bar>button{
  min-height:clamp(2rem,8.45vw,2.4375rem);
  padding-left:0.4375rem;
  font-size:clamp(0.75rem,2.55vw,0.75rem);
}
#home-panel .home-user-card .account-card{
  position:relative;
  display:grid;
  width:100%;
  height:auto;
  min-height:clamp(5.25rem,22.8vw,6.75rem);
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(0.5rem,2.3vw,0.75rem);
  margin:var(--home-gap) 0 0;
  padding:clamp(0.6875rem,3vw,0.9375rem);
  border:1px solid rgba(var(--palette-line-rgb, 218,229,241),0.9);
  border-radius:var(--home-radius);
  background:var(--palette-surface, #fff);
  box-shadow:0 7px 22px rgba(var(--palette-shadow-rgb, 42,78,120),0.09);
}
#home-panel .home-user-card .account-copy{
  position:static;
  display:grid;
  width:auto;
  min-width:0;
  height:auto;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  column-gap:0.3125rem;
  padding:0;
  border:0;
  background:transparent;
  text-align:left;
  transform:none;
}
#home-panel .home-user-card .account-copy-entry{
  display:grid;
  min-width:0;
  gap:0.1875rem;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  text-align:left;
}
#home-panel .home-user-card .account-copy-entry strong{
  width:100%;
  overflow:hidden;
  margin:0;
  color:var(--palette-text, #26354b);
  font-size:clamp(0.875rem,4vw,1.125rem);
  line-height:1.35;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#home-panel .home-user-card .account-copy-entry small{
  width:100%;
  overflow:hidden;
  color:var(--palette-muted, #75869d);
  font-size:clamp(0.75rem,2.55vw,0.75rem);
  line-height:1.35;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#home-panel .home-user-card .home-score-toggle{
  display:grid;
  width:clamp(1.5rem,6.7vw,1.875rem);
  height:clamp(1.5rem,6.7vw,1.875rem);
  place-items:center;
  margin-top:0;
  padding:0;
  border:0;
  border-radius:50%;
  color:var(--palette-accent, #4b7fbd);
  background:var(--palette-surface, #eef5ff);
}
#home-panel .home-user-card .home-score-toggle:hover{background:var(--palette-surface, #e2efff)}
#home-panel .home-user-card .home-score-toggle svg{
  width:clamp(0.9375rem,4.2vw,1.1875rem);
  height:clamp(0.9375rem,4.2vw,1.1875rem);
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.75;
}
#home-panel .home-user-card .home-score-toggle-slash{display:none}
#home-panel .home-user-card .home-score-toggle.is-hidden .home-score-toggle-slash{display:block}
#home-panel .home-user-card .account-copy p{display:none}
#home-panel .home-user-card .quick-actions{
  position:static;
  display:grid;
  width:auto;
  height:auto;
  grid-template-columns:repeat(4,clamp(2.25rem,10.25vw,3rem));
  align-items:start;
  gap:clamp(0.125rem,1.05vw,0.375rem);
  padding-left:clamp(0.5rem,2.3vw,0.75rem);
  border-left:1px solid var(--palette-line, #e8edf3);
}
#home-panel .home-user-card .quick-actions:before{display:none}
#home-panel .home-user-card .quick-actions button{
  display:grid!important;
  width:clamp(2.25rem,10.25vw,3rem);
  min-width:0;
  height:auto;
  grid-template-rows:auto auto;
  justify-items:center;
  gap:0.25rem;
  color:var(--palette-text, #34455b);
  font-size:clamp(0.75rem,2.45vw,0.75rem);
  line-height:1.2;
}
#home-panel .home-user-card .quick-actions i{
  width:clamp(2.125rem,9.4vw,2.6875rem);
  height:clamp(2.125rem,9.4vw,2.6875rem);
  flex-basis:auto;
  background:linear-gradient(145deg,var(--palette-primary, #54c8ff) 0,var(--palette-primary, #258ff5) 58%,var(--palette-primary, #1677e8) 100%);
  box-shadow:0 5px 12px rgba(var(--palette-shadow-rgb, 23,120,226),0.22),inset 0 1px rgba(var(--palette-shadow-rgb, 255,255,255),0.45);
}
#home-panel .home-user-card .quick-actions svg{
  width:clamp(1.3125rem,5.8vw,1.6875rem);
  height:clamp(1.3125rem,5.8vw,1.6875rem);
}

/* 游戏标题负责区分账户卡与内容区，七个入口仍保持原点击逻辑。 */
#home-panel>.section-title{
  display:flex;
  align-items:center;
  margin:clamp(1.0625rem,4.6vw,1.4375rem) var(--home-gutter) clamp(0.5625rem,2.6vw,0.8125rem);
}
#home-panel>.section-title small{display:none}
#home-panel>.section-title h2{
  display:flex;
  align-items:center;
  gap:0.5rem;
  margin:0;
  color:var(--palette-text, #26354b);
  font-size:clamp(1rem,4.35vw,1.25rem);
  font-weight:750;
}
#home-panel>.section-title h2:before{
  width:0.25rem;
  height:1em;
  content:"";
  border-radius:62.4375rem;
  background:linear-gradient(var(--palette-primary, #47bdfd),var(--palette-primary, #1677ef));
  box-shadow:0 2px 6px rgba(var(--palette-shadow-rgb, 22,119,239),0.24);
}
#home-panel>.section-title button{
  min-height:1.75rem;
  padding:0 0.625rem;
  border-radius:62.4375rem;
  color:var(--palette-accent, #307fd9);
  background:var(--palette-surface, #eaf3ff);
  font-size:clamp(0.75rem,2.45vw,0.75rem);
}

/* 首页玩法图支持平台逐槽配置；不足七项时自动收紧为连续两列。 */
#home-panel .featured-rooms{
  width:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:none;
  grid-auto-rows:clamp(6.375rem,29vw,9.0625rem);
  gap:var(--home-gap);
  margin:0 var(--home-gutter);
  padding:0 0 clamp(1.25rem,5.2vw,1.625rem);
}
#home-panel .featured-rooms.tile-count-7{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:clamp(6.375rem,29vw,9.0625rem) clamp(6.375rem,29vw,9.0625rem) clamp(6rem,27.5vw,8.5625rem);
}
#home-panel .home-game-tile,
#home-panel .home-game-tile.tile-1,
#home-panel .home-game-tile.tile-2,
#home-panel .home-game-tile.tile-3,
#home-panel .home-game-tile.tile-4,
#home-panel .home-game-tile.tile-5,
#home-panel .home-game-tile.tile-6,
#home-panel .home-game-tile.tile-7{
  overflow:hidden;
  border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.9);
  border-radius:clamp(0.75rem,3.35vw,1.0625rem);
  background:var(--palette-surface, #eaf7ff);
  box-shadow:0 6px 17px rgba(var(--palette-shadow-rgb, 40,83,130),0.12),inset 0 0 0 1px rgba(var(--palette-shadow-rgb, 177,207,235),0.16);
  isolation:isolate;
  transition:transform .16s ease,box-shadow .16s ease;
}
#home-panel .featured-rooms:not(.tile-count-7) .home-game-tile{
  grid-row:auto;
  grid-column:auto;
  aspect-ratio:8/5;
}
#home-panel .featured-rooms:is(.tile-count-3,.tile-count-5) .home-game-tile:last-child{grid-column:1/-1;aspect-ratio:16/5}
#home-panel .featured-rooms.tile-count-1 .home-game-tile:last-child{grid-column:1/-1;aspect-ratio:8/5}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-1{grid-row:1/3;grid-column:1/3}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-2{grid-row:1;grid-column:3/5}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-3{grid-row:2;grid-column:3/5}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-4{grid-row:3;grid-column:1}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-5{grid-row:3;grid-column:2}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-6{grid-row:3;grid-column:3}
#home-panel .featured-rooms.tile-count-7 .home-game-tile.tile-7{grid-row:3;grid-column:4}
#home-panel .home-game-image{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
  pointer-events:none;
}
#home-panel .home-game-image.is-default{object-fit:cover!important}
#home-panel .home-game-tile:after{
  position:absolute;
  z-index:1;
  content:"";
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(var(--palette-surface-rgb, 255,255,255),0.13),transparent 48%,rgba(var(--palette-primary-rgb, 36,120,210),0.05));
  pointer-events:none;
}
#home-panel .home-game-tile:active{
  transform:scale(.982);
  box-shadow:0 3px 10px rgba(var(--palette-shadow-rgb, 40,83,130),0.13),inset 0 0 0 1px rgba(var(--palette-shadow-rgb, 177,207,235),0.2);
}
#home-panel .home-game-copy,
#home-panel .tile-2 .home-game-copy,
#home-panel .tile-3 .home-game-copy{
  top:clamp(0.5rem,2.35vw,0.75rem);
  left:clamp(0.5rem,2.35vw,0.75rem);
  max-width:calc(76% - 0.5rem);
  gap:0.1875rem;
  padding:clamp(0.375rem,1.65vw,0.5rem) clamp(0.4375rem,1.95vw,0.625rem);
  border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.76);
  border-radius:clamp(0.5625rem,2.55vw,0.8125rem);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.72);
  box-shadow:0 3px 10px rgba(var(--palette-shadow-rgb, 42,84,126),0.06);
}
#home-panel .home-game-copy strong,
#home-panel .tile-2 .home-game-copy strong,
#home-panel .tile-3 .home-game-copy strong{
  width:100%;
  overflow:hidden;
  color:var(--palette-text, #263954);
  font-size:clamp(0.875rem,3.75vw,1.1875rem);
  line-height:1.2;
  text-overflow:ellipsis;
  text-shadow:0 1px rgba(var(--palette-shadow-rgb, 255,255,255),0.5);
  white-space:nowrap;
}
#home-panel .home-game-copy small{
  overflow:hidden;
  color:var(--palette-muted, #61758f);
  font-size:clamp(0.75rem,2.1vw,0.75rem);
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#home-panel .tile-4 .home-game-copy,
#home-panel .tile-5 .home-game-copy,
#home-panel .tile-6 .home-game-copy,
#home-panel .tile-7 .home-game-copy{
  top:0.3125rem;
  right:0.3125rem;
  left:0.3125rem;
  max-width:none;
  padding:0.3125rem 0.25rem;
  border-radius:0.5rem;
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.78);
}
#home-panel .tile-4 .home-game-copy strong,
#home-panel .tile-5 .home-game-copy strong,
#home-panel .tile-6 .home-game-copy strong,
#home-panel .tile-7 .home-game-copy strong{
  overflow:visible;
  color:var(--palette-text, #293b53);
  font-size:clamp(0.75rem,2.55vw,0.75rem);
  line-height:1.22;
  text-align:center;
  text-overflow:clip;
  white-space:normal;
  word-break:break-all;
}

/* 底栏改成轻量悬浮托盘，中心入口不再大面积遮挡最后一排卡片。 */
.page-scroll{padding-bottom:calc(5.875rem + env(safe-area-inset-bottom))}
.bottom-nav{
  bottom:0;
  height:calc(4.75rem + env(safe-area-inset-bottom));
  align-items:end;
  padding:0.5rem 0.4375rem calc(0.375rem + env(safe-area-inset-bottom));
  overflow:visible;
  border:1px solid rgba(var(--palette-line-rgb, 216,226,238),0.88);
  border-bottom:0;
  border-radius:clamp(1.125rem,4.8vw,1.5rem) clamp(1.125rem,4.8vw,1.5rem) 0 0;
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.96);
  box-shadow:0 -8px 28px rgba(var(--palette-shadow-rgb, 41,71,108),0.11);
  backdrop-filter:saturate(1.2) blur(16px);
}
.bottom-nav button{
  min-height:3.375rem;
  color:var(--palette-muted, #8f9db1);
  font-size:clamp(0.75rem,2.45vw,0.75rem);
}
.bottom-nav button:not(.nav-center){
  height:3.375rem;
  grid-template-rows:2.25rem 0.8125rem;
  align-content:end;
  gap:0.125rem;
}
.bottom-nav button:not(.nav-center) i{
  width:2.25rem;
  height:2.25rem;
  place-items:center;
}
.bottom-nav button:not(.nav-center) i svg{
  width:1.9375rem;
  height:1.9375rem;
}
.bottom-nav button>span{
  height:0.8125rem;
  color:var(--palette-muted, #7d8ba0);
  font-size:clamp(0.75rem,2.45vw,0.75rem);
  line-height:0.8125rem;
}
.bottom-nav button.active>span{color:var(--palette-accent, #1677ef);font-weight:650}
.bottom-nav .nav-center{
  display:grid;
  height:4.25rem;
  min-height:4.25rem;
  place-items:center;
  padding:0;
}
.bottom-nav .nav-center i,
.bottom-nav .nav-center.active i{
  display:flex;
  width:clamp(3.625rem,16.2vw,4.25rem);
  height:clamp(3.625rem,16.2vw,4.25rem);
  aspect-ratio:auto;
  margin-top:clamp(-1.5625rem,-5.8vw,-1.125rem);
  border:5px solid var(--palette-line, #fff);
  background:linear-gradient(145deg,var(--palette-primary, #50c4ff) 0,var(--palette-primary, #278ef4) 55%,var(--palette-primary, #116be1) 100%);
  box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 28,116,220),0.3),0 0 0 1px rgba(var(--palette-shadow-rgb, 49,147,239),0.15);
}
.bottom-nav .nav-center i svg{
  width:clamp(1.8125rem,7.8vw,2.1875rem);
  height:clamp(1.8125rem,7.8vw,2.1875rem);
}
.bottom-nav .nav-center i span{
  height:0.6875rem;
  margin-top:-0.125rem;
  font-size:clamp(0.75rem,2.25vw,0.75rem);
  line-height:0.6875rem;
}
.bottom-nav .nav-center>span{
  top:auto;
  bottom:0.0625rem;
  color:var(--palette-accent, #1677ef);
  font-size:clamp(0.75rem,2.25vw,0.75rem);
}

@media(hover:hover){
  #home-panel .home-game-tile:hover{box-shadow:0 9px 24px rgba(var(--palette-shadow-rgb, 40,83,130),0.17),inset 0 0 0 1px rgba(var(--palette-shadow-rgb, 177,207,235),0.2);transform:translateY(-0.125rem)}
}

/* 我的页资料头只保留账号和会员ID，会员ID提高字号与对比。 */
#mine-panel .mine-profile-top h1{margin-top:0}
#mine-panel .mine-profile-top p{
  margin-top:0.3125rem;
  color:var(--palette-text, #315778);
  font-size:clamp(0.75rem,3.2vw,0.9375rem);
  font-weight:600;
  letter-spacing:.01em;
}
#mine-panel .mine-profile-card{
  height:auto;
  min-height:0;
}
#mine-panel .mine-profile-card.without-checkin .mine-wallet-row{margin-bottom:0}
#mine-panel .mine-wallet-row i{
  color:#fff;
  background:linear-gradient(145deg,var(--palette-warm, #ffd75b),var(--palette-warm, #f5a623));
  box-shadow:0 3px 8px rgba(var(--palette-shadow-rgb, 206,134,23),0.24),inset 0 1px rgba(var(--palette-shadow-rgb, 255,255,255),0.55);
}
#mine-panel .mine-wallet-row i svg{
  width:68%;
  height:68%;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
#mine-panel .mine-wallet-row>span{min-width:0;white-space:nowrap}
#mine-panel .mine-wallet-row strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mine-panel .mine-checkin-entry{
  position:relative;
  z-index:1;
  display:grid;
  width:100%;
  height:3.625rem;
  grid-template-columns:3.625rem minmax(0,1fr) auto;
  align-items:center;
  gap:0.875rem;
  padding:0;
  border:0;
  color:var(--palette-text, #29425e);
  background:transparent;
  text-align:left;
}
#mine-panel .mine-checkin-entry>span{
  display:grid;
  width:3.625rem;
  height:3.625rem;
  place-items:center;
  border:5px solid rgba(var(--palette-line-rgb, 255,255,255),0.58);
  border-radius:1.1875rem;
  color:var(--palette-accent, #1677ef);
  background:var(--palette-surface, #fff);
  box-shadow:0 4px 10px rgba(var(--palette-shadow-rgb, 52,112,179),0.15);
}
#mine-panel .mine-checkin-entry>span svg{
  width:1.6875rem;
  height:1.6875rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
#mine-panel .mine-checkin-entry>div{display:grid;min-width:0;gap:0.3125rem}
#mine-panel .mine-checkin-entry strong{
  color:var(--palette-text, #214a78);
  font-size:1.125rem;
  line-height:1.1;
}
#mine-panel .mine-checkin-entry small{
  overflow:hidden;
  color:var(--palette-text, #476988);
  font-size:0.75rem;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mine-panel .mine-checkin-entry>button{
  min-width:4.5rem;
  height:2.125rem;
  padding:0 0.8125rem;
  border:0;
  border-radius:62.4375rem;
  color:#fff;
  background:var(--palette-primary, #1677ef);
  box-shadow:0 4px 10px rgba(var(--palette-shadow-rgb, 22,119,239),0.2);
  font-size:0.75rem;
  font-weight:700;
  white-space:nowrap;
}
#mine-panel .mine-checkin-entry>button:disabled{
  color:var(--palette-muted, #54708c);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.74);
  box-shadow:none;
  opacity:1;
}

@media(max-width:499px){
  #mine-panel .mine-checkin-entry{
    height:2.625rem;
    grid-template-columns:2.625rem minmax(0,1fr) auto;
    gap:0.625rem;
  }
  #mine-panel .mine-checkin-entry>span{
    width:2.625rem;
    height:2.625rem;
    border-width:4px;
    border-radius:0.875rem;
  }
  #mine-panel .mine-checkin-entry>span svg{width:1.25rem;height:1.25rem}
  #mine-panel .mine-checkin-entry>div{gap:0.1875rem}
  #mine-panel .mine-checkin-entry strong{font-size:0.875rem}
  #mine-panel .mine-checkin-entry small{font-size:0.75rem}
  #mine-panel .mine-checkin-entry>button{min-width:3.5625rem;height:1.75rem;padding-inline:0.5625rem;font-size:0.75rem}
}

/* 首页首屏合并为连续白色整体：顶部、轮播、公告与账户不再拆成多张卡。 */
#app-view,
#app-view>.page-scroll,
#home-panel{background:var(--palette-surface, #eef3f9)}
.lobby-overview>.topbar{border-bottom:1px solid var(--palette-line, #edf1f6);box-shadow:none}
.lobby-overview>.hero{
  width:100%;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.lobby-overview>.hero .hero-track,
.lobby-overview>.hero .hero-slide,
.lobby-overview>.hero .hero-slide>img{border-radius:0}
.lobby-overview>.home-user-card{
  width:100%;
  margin:0;
  padding:clamp(0.625rem,2.8vw,0.875rem) var(--home-gutter) clamp(0.75rem,3.3vw,1.0625rem);
  border-radius:0 0 var(--home-radius) var(--home-radius);
  background:var(--palette-surface, #fff);
  box-shadow:0 7px 20px rgba(var(--palette-shadow-rgb, 42,78,120),0.09);
}
#home-panel .home-user-card .account-card{
  min-height:clamp(4.75rem,20.5vw,6rem);
  margin:clamp(0.375rem,1.8vw,0.5625rem) 0 0;
  padding:clamp(0.5rem,2.2vw,0.6875rem) 0.125rem 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#home-panel .featured-rooms{margin:var(--home-gap) var(--home-gutter) 0}

/* 底栏收紧为直边矩形，入口图标与文字使用同一条水平中轴线。 */
.page-scroll{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}
.bottom-nav{
  height:calc(3.625rem + env(safe-area-inset-bottom));
  align-items:start;
  padding:0.125rem 0.25rem calc(0.125rem + env(safe-area-inset-bottom));
  border:0;
  border-top:1px solid var(--palette-line, #edf1f6);
  border-radius:0;
  background:var(--palette-surface, #fff);
  box-shadow:0 -3px 12px rgba(var(--palette-shadow-rgb, 40,70,105),0.06);
  backdrop-filter:none;
}
.bottom-nav button{
  width:100%;
  min-height:0;
  justify-items:center;
  text-align:center;
}
.bottom-nav button:not(.nav-center){
  display:grid;
  height:3.3125rem;
  grid-template-rows:2.125rem 0.875rem;
  align-content:start;
  justify-items:center;
  gap:0.0625rem;
}
.bottom-nav button:not(.nav-center) i{
  display:grid;
  width:2.125rem;
  height:2.125rem;
  place-items:center;
}
.bottom-nav button:not(.nav-center) i svg{
  display:block;
  width:1.9375rem;
  height:1.9375rem;
  margin:0;
}
.bottom-nav button>span{
  width:100%;
  height:0.875rem;
  margin:0;
  line-height:0.875rem;
  text-align:center;
}
.bottom-nav .nav-center{
  display:grid;
  height:3.5rem;
  min-height:3.5rem;
  place-items:center;
  padding:0;
}
.bottom-nav .nav-center i,
.bottom-nav .nav-center.active i{
  width:clamp(3.875rem,17vw,4.375rem);
  height:clamp(3.875rem,17vw,4.375rem);
  margin-top:clamp(-2rem,-7.5vw,-1.5625rem);
}

/* 游戏大厅只保留左侧号段分类，搜索框下方直接衔接具体房间。 */
#game-panel:not([hidden]){
  min-height:calc(100dvh - 3.625rem - env(safe-area-inset-bottom));
  grid-template-rows:4.8125rem 5.25rem minmax(calc(100dvh - 13.6875rem - env(safe-area-inset-bottom)),auto);
}
#game-panel>.game-filters{grid-row:2/4}
#game-panel>.room-list{grid-row:3;padding-top:0.5rem}

@media(max-width:499px){
  #game-panel:not([hidden]){
    grid-template-rows:3.75rem 4.0625rem minmax(calc(100dvh - 11.4375rem - env(safe-area-inset-bottom)),auto);
  }
  #game-panel>.game-filters{grid-row:2/4}
  #game-panel>.room-list{grid-row:3;padding-top:0.5rem}
}

/* 所有余额前统一使用金色金币，余额本身不再承担手动刷新交互。 */
.player-coin-icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  border:1px solid var(--palette-focus, #e7aa22);
  border-radius:50%;
  color:var(--palette-danger, #9b6500);
  background:linear-gradient(145deg,var(--palette-surface-soft, #fff3a6) 0,var(--palette-warm, #ffd24f) 52%,var(--palette-warm, #f2a817) 100%);
  box-shadow:inset 0 1px 1px rgba(var(--palette-shadow-rgb, 255,255,255),0.72),0 2px 5px rgba(var(--palette-shadow-rgb, 191,126,0),0.2);
}
.player-coin-icon svg{
  width:72%;
  height:72%;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
.game-lobby-balance{cursor:default}
.game-lobby-balance .player-coin-icon,
.game-room-balance .player-coin-icon,
#mine-panel .mine-wallet-row .player-coin-icon{
  color:var(--palette-danger, #9b6500);
  background:linear-gradient(145deg,var(--palette-surface-soft, #fff3a6) 0,var(--palette-warm, #ffd24f) 52%,var(--palette-warm, #f2a817) 100%);
}
.game-lobby-balance .player-coin-icon{width:1.8125rem;height:1.8125rem}
.game-room-balance{cursor:default}
.game-room-balance .player-coin-icon{width:1.375rem;height:1.375rem;margin-right:0.3125rem}

@media(max-width:499px){
  .game-lobby-balance .player-coin-icon{width:1.375rem;height:1.375rem}
  .game-room-balance .player-coin-icon{width:1.125rem;height:1.125rem;margin-right:0.25rem}
}

/* 登录与注册内容在可用屏幕内垂直居中，矮屏仍由外层正常滚动。 */
.auth-shell{
  justify-content:center;
  padding-top:clamp(3.625rem,8vh,5.125rem);
  padding-bottom:clamp(2rem,6vh,3.875rem);
}

/* 注册表单与登录表单共用同一尺寸，字段名称保留为无障碍文本但不额外占行。 */
#register-form{
  width:100%;
  min-width:0;
  gap:clamp(0.75rem,3.2vw,1.0625rem);
}
#register-form .form-pair{gap:clamp(0.75rem,3.2vw,1.0625rem)}
#register-form>label,
#register-form .form-pair>label,
#register-form .captcha-row,
#register-form .auth-input{width:100%;min-width:0}
#register-form .auth-intro,
#register-form>label>span,
#register-form .form-pair>label>span{
  position:absolute;
  width:0.0625rem;
  height:0.0625rem;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
#register-form .auth-input,
#register-form .captcha-image,
#register-form .auth-submit{height:clamp(2.25rem,9.333vw,3.15rem)}
#register-form .auth-input{border-color:var(--palette-focus, #3066ff);border-radius:62.4375rem}
#register-form .auth-input i{width:clamp(2.125rem,8.533vw,2.875rem);font-size:clamp(0.8125rem,3.733vw,1.25rem)}
#register-form .auth-input input{font-size:clamp(0.8125rem,3.733vw,1.25rem)}
#register-form .captcha-row{grid-template-columns:minmax(0,1fr) clamp(5.375rem,23.6vw,7.9375rem);gap:clamp(0.4375rem,2.133vw,0.75rem)}
#register-form .captcha-image,
#register-form .auth-submit{border-radius:62.4375rem}
#register-form .form-error:empty{display:none}
#register-form .auth-submit{margin-top:0;font-size:clamp(0.8125rem,3.2vw,1.0625rem)}
#register-form .auth-submit span{display:none}
.auth-tabs [data-auth-prompt]{
  align-items:center;
  justify-content:center;
  gap:0.3125rem;
  color:var(--palette-muted, #747f90);
  font-size:clamp(0.75rem,3.2vw,0.875rem);
}
.auth-tabs [data-auth-prompt]:not([hidden]){display:flex}
.auth-tabs [data-auth-prompt] button{
  height:auto;
  padding:0.1875rem 0;
  color:var(--palette-accent, #1677ff);
  background:transparent;
  font-size:inherit;
  font-weight:700;
}
.auth-tabs [data-auth-prompt] button.active{display:inline-block}

/* 首页账户快捷区压缩纵向留白；游客登录文案向右收进一些。 */
.lobby-overview>.home-user-card{
  padding-bottom:clamp(0.4375rem,2vw,0.625rem);
}
#home-panel .home-user-card .account-card{
  min-height:clamp(4rem,18vw,4.875rem);
  margin-top:clamp(0.1875rem,.9vw,0.3125rem);
  padding-top:clamp(0.25rem,1.2vw,0.375rem);
}
#home-panel .home-user-card .account-copy{
  padding-left:clamp(0.625rem,2.8vw,0.875rem);
}

/* 顶部栏缩短10px，左右内容始终按新高度垂直居中。 */
.lobby-overview>.topbar{
  display:flex;
  height:clamp(2.75rem,calc(12.8vw - 0.625rem),3.375rem);
  min-height:clamp(2.75rem,calc(12.8vw - 0.625rem),3.375rem);
  align-items:center;
}
.lobby-overview .topbar-logo{
  top:50%;
  transform:translateY(-50%);
}
.lobby-overview .top-actions{align-self:center}

/* 公告和账户之间不再保留额外空档，账户区贴合实际内容高度。 */
.lobby-overview>.home-user-card{padding-bottom:clamp(0.25rem,1vw,0.375rem)}
#home-panel .home-user-card .account-card{
  min-height:clamp(3.375rem,15vw,4rem);
  margin-top:0;
  padding-top:0;
}

/* 当前皮肤按gameid动态分类，并始终合并同一游戏下的房间。 */
#game-panel:not([hidden]){
  grid-template-rows:4.8125rem minmax(calc(100dvh - 8.4375rem - env(safe-area-inset-bottom)),auto);
}
#game-panel>.game-filters{grid-row:2/3}
#game-panel>.room-list{grid-row:2;padding-top:1.1875rem}

@media(max-width:499px){
  #game-panel:not([hidden]){
    grid-template-rows:3.75rem minmax(calc(100dvh - 7.375rem - env(safe-area-inset-bottom)),auto);
  }
  #game-panel>.game-filters{grid-row:2/3}
  #game-panel>.room-list{grid-row:2;padding-top:0.875rem}
}

/* Player各主页面只统一顶部栏高度，内部字体、Logo和图标尺寸保持不变。 */
:root{--player-topbar-height:clamp(2.75rem,calc(12.8vw - 0.625rem),3.375rem)}
.lobby-overview>.topbar,
#app-view .sub-header,
.activity-detail-header{
  height:var(--player-topbar-height);
  min-height:var(--player-topbar-height);
  align-items:center;
}
#app-view .sub-header,
.activity-detail-header{flex-basis:var(--player-topbar-height)}
#game-panel:not([hidden]){
  grid-template-rows:var(--player-topbar-height) minmax(calc(100dvh - var(--player-topbar-height) - 3.625rem - env(safe-area-inset-bottom)),auto);
}

/* 公告卡片固定完整展示，不提供详情点击；完整时间放在右下角。 */
#notice-panel .notice-card{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  cursor:default;
}
#notice-panel .notice-card p{
  display:block;
  overflow:visible;
  margin:0;
  padding:0;
  color:var(--palette-text, #606b7b);
  line-height:1.75;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  -webkit-line-clamp:unset;
}
#notice-panel .notice-card time{
  align-self:flex-end;
  margin-top:0.125rem;
  color:var(--palette-muted, #929cab);
  font-size:0.75rem;
  line-height:1.3;
}
#notice-panel .notice-card:active{
  border-color:transparent;
  background:var(--palette-surface, #fff);
  transform:none;
}

/* 游戏左侧入口使用图形而不是游戏名称首字。 */
#game-panel>.game-filters button i{
  display:grid;
  place-items:center;
}
#game-panel>.game-filters button i svg{
  display:block;
  width:1.25rem;
  height:1.25rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.65;
}

/* 页面内容高度与58px底栏严格闭合，避免长屏短内容滚到底露出背景断层。 */
#app-view>.page-scroll{
  min-height:100dvh;
  padding-bottom:calc(3.625rem + env(safe-area-inset-bottom));
}
#app-view .tab-panel{
  min-height:calc(100dvh - 3.625rem - env(safe-area-inset-bottom));
}
#chat-panel{
  height:calc(100dvh - 3.625rem - env(safe-area-inset-bottom));
  min-height:0;
}
body.player-room-active #app-view>.page-scroll{
  padding-bottom:0;
}
body.player-room-active #room-panel{
  height:100dvh;
  min-height:0;
}

/* 中间充值入口增加上托白弧和底部浅灰圆弧，形成嵌入底栏的层次。 */
.bottom-nav .nav-center{isolation:isolate}
.bottom-nav .nav-center:before{
  position:absolute;
  z-index:0;
  top:clamp(-1.5rem,-5.3vw,-1.0625rem);
  left:50%;
  display:block;
  width:clamp(5.5rem,24vw,6.5rem);
  height:clamp(3rem,13vw,3.625rem);
  content:"";
  border-radius:3.25rem 3.25rem 0 0;
  background:var(--palette-surface, #fff);
  transform:translateX(-50%);
}
.bottom-nav .nav-center:after{
  position:absolute;
  z-index:1;
  top:clamp(1.625rem,7.3vw,2rem);
  left:50%;
  width:clamp(4.125rem,18vw,4.875rem);
  height:clamp(1.5625rem,7vw,1.9375rem);
  content:"";
  border-radius:0 0 50% 50%;
  background:var(--palette-surface, #edf1f6);
  box-shadow:0 4px 8px rgba(var(--palette-shadow-rgb, 42,67,99),0.08);
  transform:translateX(-50%);
}
.bottom-nav .nav-center i,
.bottom-nav .nav-center.active i{
  position:relative;
  z-index:2;
}

/* 圆弧由底栏本身承托，避免伪元素被中间按钮的布局范围限制。 */
.bottom-nav .nav-center{isolation:auto}
.bottom-nav .nav-center:before,
.bottom-nav .nav-center:after{display:none}
.bottom-nav:before{
  position:absolute;
  z-index:0;
  top:clamp(-1.6875rem,-6.2vw,-1.3125rem);
  left:50%;
  display:block;
  width:clamp(5.875rem,25.5vw,6.75rem);
  height:clamp(3.875rem,17vw,4.5rem);
  content:"";
  border-radius:3.375rem 3.375rem 0 0;
  background:var(--palette-surface, #fff);
  transform:translateX(-50%);
}
.bottom-nav:after{
  position:absolute;
  z-index:1;
  top:clamp(1.4375rem,6.5vw,1.75rem);
  left:50%;
  width:clamp(4.5rem,19.5vw,5.125rem);
  height:clamp(1.5rem,6.8vw,1.8125rem);
  content:"";
  border-radius:0 0 2.625rem 2.625rem;
  background:var(--palette-surface, #edf1f6);
  transform:translateX(-50%);
}
.bottom-nav .nav-center i,
.bottom-nav .nav-center.active i{
  z-index:3;
}

/* 登录前后身份信息使用同一起点；登录后的分数突出显示，眼睛按钮紧随文字。 */
#home-panel .home-user-card .account-copy{
  width:max-content;
  max-width:100%;
  grid-template-columns:minmax(0,max-content) auto;
  justify-self:start;
  justify-content:start;
  column-gap:clamp(0.375rem,1.8vw,0.5625rem);
}
#home-panel .home-user-card .account-copy-entry{
  width:auto;
  max-width:clamp(6.5625rem,30vw,9.375rem);
}
#app-view:not(.guest-player) #home-panel .home-user-card .account-copy-entry small{
  color:var(--palette-text, #111);
  font-size:clamp(1rem,4.4vw,1.3125rem);
  font-weight:700;
  line-height:1.2;
}

/* 中心入口下方使用半透明圆球承托，只让圆球下半部从按钮后方露出。 */
.bottom-nav:after{
  top:clamp(-1rem,-3.5vw,-0.75rem);
  width:clamp(4.875rem,21.5vw,5.75rem);
  height:clamp(4.875rem,21.5vw,5.75rem);
  border:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.72);
  border-radius:50%;
  background:radial-gradient(circle at 50% 30%,rgba(var(--palette-surface-rgb, 255,255,255),0.82),rgba(var(--palette-surface-rgb, 255,255,255),0.46) 72%);
  box-shadow:0 10px 20px rgba(var(--palette-shadow-rgb, 56,78,109),0.14),inset 0 0 12px rgba(var(--palette-shadow-rgb, 255,255,255),0.34);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

/* 五个入口严格共用按钮中心线；普通图标放大，文字统一加粗。 */
.bottom-nav button:not(.nav-center){
  height:3.5rem;
  grid-template-rows:2.5rem 0.9375rem;
  align-content:start;
  justify-items:center;
  gap:0.0625rem;
}
.bottom-nav button:not(.nav-center) i{
  width:2.5rem;
  height:2.5rem;
  place-items:center;
}
.bottom-nav button:not(.nav-center) i svg{
  width:2.375rem;
  height:2.375rem;
  margin:0;
}
.bottom-nav button>span,
.bottom-nav .nav-center i span{
  font-weight:700;
  text-align:center;
}
.bottom-nav button[data-tab="activity"] i svg{
  transform:translateX(0.25rem);
}

/* 底栏改为参考图的中央内凹缺口：四个主入口分列两侧，凹口保持干净。 */
.bottom-nav{
  isolation:isolate;
  border-top:0;
  background:transparent;
  box-shadow:none;
}
.bottom-nav:before{
  inset:0;
  z-index:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 58' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0h190c24 0 17 45 60 45s36-45 60-45h190v58H0Z'/%3E%3C/svg%3E") center/500px 100% no-repeat;
  filter:drop-shadow(0 -2px 5px rgba(55,79,112,.06));
  transform:none;
  -webkit-mask:none;
  mask:none;
}
.bottom-nav:after{display:none}
.bottom-nav .nav-center{
  visibility:hidden;
  pointer-events:none;
}
.bottom-nav button:not(.nav-center){z-index:2}
.bottom-nav button:not(.nav-center)>span{
  position:relative;
  top:-0.1875rem;
}

/* 会员ID与复制按钮保持一行，设置页承接密码修改和退出登录。 */
#mine-panel .mine-profile-top p.mine-member-id-row{
  display:flex;
  align-items:center;
  gap:0.375rem;
  overflow:visible;
  white-space:nowrap;
}

/* The profile-card rule above uses the `background` shorthand after the
 * generic avatar rule. Re-apply the image presentation on the more specific
 * selector so a real avatar is centred and covers the circle instead of
 * exposing its top-left pixels with the nickname fallback on top. */
#mine-panel .mine-profile-top .mine-avatar.has-image{
  color:transparent;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
#mine-panel .mine-member-id-row>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
#mine-panel .mine-member-id-row>button{
  display:grid;
  width:1.5rem;
  height:1.5rem;
  flex:0 0 1.5rem;
  place-items:center;
  padding:0;
  border:0;
  border-radius:0.4375rem;
  color:var(--palette-text, #24577f);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.5);
}
#mine-panel .mine-member-id-row>button svg{
  width:0.9375rem;
  height:0.9375rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
#settings-panel{background:var(--palette-surface, #f3f6fa)}
#settings-panel>.sub-header{border-bottom:1px solid var(--palette-line, #edf0f4)}
#settings-panel .settings-page-body{padding:1rem 0 2rem}
#settings-panel .settings-page-body>.mine-card:first-child{margin-top:0}
#settings-panel .settings-logout-card{margin-top:0.875rem}
#settings-panel .settings-logout-card .logout b{font-size:0.875rem}

/* 我的页菜单必须按实际条目撑开，避免固定高度与按钮最小高度冲突后覆盖下一张卡片。 */
#mine-panel>.menu-card{
  height:auto;
  min-height:0;
  overflow:hidden;
}
#mine-panel>.menu-card button{
  height:auto;
  min-height:3.25rem;
}
#mine-panel>.mine-settings-card{
  position:relative;
  clear:both;
}
@media(max-width:499px){
  #mine-panel>.menu-card{height:auto}
  #mine-panel>.menu-card button{
    height:auto;
    min-height:2.875rem;
  }
}

/* 充值按钮悬浮在平滑缺口上方，圆形内同时呈现金币符号与入口名称。 */
.bottom-nav .nav-center{
  position:relative;
  z-index:4;
  display:block;
  visibility:visible;
  height:3.625rem;
  min-height:0;
  padding:0;
  overflow:visible;
  pointer-events:auto;
}
.bottom-nav .nav-center i,
.bottom-nav .nav-center.active i{
  position:absolute;
  z-index:4;
  top:clamp(-1.75rem,-5.5vw,-1.4375rem);
  left:50%;
  display:flex;
  width:clamp(3.3125rem,13.9vw,3.6875rem);
  height:clamp(3.3125rem,13.9vw,3.6875rem);
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:0;
  border:0;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,var(--palette-primary, #35b6ff) 0,var(--palette-primary, #1677ff) 68%,var(--palette-primary, #0865e6) 100%);
  box-shadow:0 7px 18px rgba(var(--palette-shadow-rgb, 22,119,255),0.28);
  transform:translateX(-50%);
}
.bottom-nav .nav-center i svg{
  width:clamp(1.4375rem,6vw,1.5625rem);
  height:clamp(1.4375rem,6vw,1.5625rem);
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2.4;
}
.bottom-nav .nav-center i span{
  height:0.875rem;
  margin-top:-0.125rem;
  color:#fff;
  font-size:clamp(0.75rem,2.8vw,0.75rem);
  font-weight:700;
  line-height:0.875rem;
}

/* 我的页承接完整七日签到；大转盘页只展示单个主转盘。 */
#mine-panel .mine-checkin-card{
  margin:0.75rem 1rem;
  padding:1.125rem 0.875rem;
  border:0;
  border-radius:1.125rem;
  background:var(--palette-surface, #fff);
  box-shadow:0 3px 10px rgba(var(--palette-shadow-rgb, 43,73,108),0.1);
}
#mine-panel .mine-checkin-card .benefit-checkin-copy>span{display:none}
#mine-panel .mine-checkin-card .benefit-checkin-copy h2{
  margin-top:0;
  font-size:clamp(1.125rem,4.8vw,1.375rem);
}
#mine-panel .mine-checkin-card .benefit-days{margin:1.125rem 0}
#mine-panel .mine-checkin-card .benefit-checkin-action{padding-top:0.9375rem}
#mine-panel .mine-checkin-card .benefit-checkin-action .primary-button{min-width:8.625rem}
#benefit-panel .benefit-root{padding-top:1rem}
#benefit-panel .benefit-wheel-grid{display:block}
#benefit-panel .benefit-wheel-card.premium{
  width:100%;
  padding:clamp(1.25rem,5vw,1.625rem);
}
#benefit-panel .benefit-wheel-card.premium .benefit-wheel-stage{
  width:min(68vw,18.75rem);
  height:min(68vw,18.75rem);
  margin-block:1.5rem 1.25rem;
}
#benefit-panel .benefit-wheel-card.premium .benefit-wheel-value{
  transform:translate(-50%,-50%) rotate(calc(var(--slot)*60deg)) translateY(max(-6.375rem,-23vw)) rotate(calc(var(--slot)*-60deg));
}

/* 充值、提现使用可识别的线性功能图标，不再以单字代替图形。 */
#mine-panel .mine-finance-actions i svg{
  display:block;
  width:72%;
  height:72%;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}

/* 完整签到并入蓝色账户卡，共用同一背景、圆角和阴影。 */
#mine-panel .mine-profile-card .mine-checkin-card{
  position:relative;
  z-index:1;
  margin:1.125rem 0 0;
  padding:1.125rem 0 0;
  border:0;
  border-top:1px solid rgba(var(--palette-line-rgb, 255,255,255),0.52);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-copy h2{color:var(--palette-text, #173b62)}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-copy p{color:var(--palette-text, #41698f)}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-days i{
  border-color:rgba(var(--palette-line-rgb, 255,255,255),0.65);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.62);
  font-size:0.75rem;
}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-days span{
  font-size:0.75rem;
  font-weight:600;
}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-days div.complete i{
  border-color:var(--palette-focus, #1677ff);
  color:#fff;
  background:var(--palette-primary, #1677ff);
}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-action{
  border-top-color:rgba(var(--palette-line-rgb, 255,255,255),0.5);
}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-action .primary-button{
  color:var(--palette-accent, #1677ef);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.88);
  box-shadow:none;
}
#mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-action .primary-button:disabled{
  color:var(--palette-text, #496c90);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.68);
  opacity:1;
}

/* 房间消息不足一屏时贴近输入区，超过一屏后仍按正常文档流滚动。 */
.game-group-mode .game-room-chat-messages>.group-chat-message:first-child{
  margin-top:auto;
}
.game-group-mode .game-room-chat-messages{
  padding-bottom:0.75rem;
}

/* 群投模式提供显式回底按钮，位于“专业模式”入口下方。 */
.game-chat-bottom-button{
  position:absolute;
  z-index:4;
  right:1.4375rem;
  bottom:calc(20vh - 4.25rem);
  display:grid;
  justify-items:center;
  gap:0.25rem;
  padding:0;
  border:0;
  color:var(--palette-text, #47607e);
  background:transparent;
  font-size:0.75rem;
}
.game-chat-bottom-button>i{
  display:grid;
  width:2.625rem;
  height:2.625rem;
  place-items:center;
  border-radius:50%;
  color:var(--palette-accent, #1677ff);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.94);
  box-shadow:0 5px 14px rgba(var(--palette-shadow-rgb, 45,75,112),0.17);
  font-style:normal;
}
.game-chat-bottom-button svg{
  width:1.4375rem;
  height:1.4375rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2;
}
.game-chat-bottom-button>span{white-space:nowrap}
@media(max-width:470px){
  .game-chat-bottom-button{right:1rem}
}

/* 底栏按压时不产生临时反馈色；页面切换完成后，仅当前入口保持蓝色。 */
.bottom-nav button:not(.nav-center){
  color:var(--palette-muted, #9aa9bd)!important;
  background:transparent!important;
  -webkit-tap-highlight-color:transparent;
  transition:none;
}
.bottom-nav button:not(.nav-center)>span{
  color:var(--palette-muted, #6d7693)!important;
}
.bottom-nav button:not(.nav-center) i{
  color:var(--palette-muted, #9aa9bd)!important;
  background:transparent!important;
}
.bottom-nav button:not(.nav-center).active,
.bottom-nav button:not(.nav-center).active>span,
.bottom-nav button:not(.nav-center).active i{
  color:var(--palette-accent, #1677ff)!important;
}
.bottom-nav .nav-center.active i{
  border:3px solid var(--palette-line, #fff);
}
.bottom-nav .nav-center,
.bottom-nav .nav-center:active,
.bottom-nav .nav-center:focus,
.bottom-nav .nav-center:focus-visible{
  background:transparent!important;
  outline:0!important;
  -webkit-tap-highlight-color:transparent;
}

/* 所有无Logo的内页标题栏都显示左上角返回按钮。 */
#app-view .sub-header>button,
#activity-panel>.sub-header>button{
  position:relative;
  z-index:2;
  display:grid;
  visibility:visible;
  place-items:center;
}

/* 首页顶栏并排放置APP下载与公告；公告条只保留正文。 */
.lobby-overview .top-actions{display:flex;gap:0.125rem}
.lobby-overview .top-actions button{flex:0 0 auto;color:var(--palette-accent, #1677ff)}
.lobby-overview .home-user-card .notice-bar{grid-template-columns:1.875rem minmax(0,1fr)}

/* 今日收益仅展示汇总值，并提高数字和说明字号。 */
#mine-panel .mine-overview-card{
  height:auto;
  min-height:7.875rem;
}
#mine-panel .mine-overview-card>header{font-size:clamp(0.9375rem,3.9vw,1.125rem);font-weight:600}
#mine-panel .mine-overview-card>header button{font-size:clamp(0.75rem,3.1vw,0.875rem)}
#mine-panel .mine-today-metrics{
  height:3.875rem;
  margin-top:0.8125rem;
  padding:0.375rem 0;
}
#mine-panel .mine-today-metrics>div{
  display:grid;
  min-width:0;
  height:100%;
  align-content:center;
  justify-items:center;
  gap:0.3125rem;
  padding:0 0.3125rem;
}
#mine-panel .mine-today-metrics>div+div{border-left:1px solid var(--palette-line, #d8d8d8)}
#mine-panel .mine-today-metrics strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:var(--palette-success, #14a92a);
  font-size:clamp(0.9375rem,4vw,1.125rem);
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mine-panel .mine-today-metrics strong.negative{color:var(--palette-danger, #ee5262)}
#mine-panel .mine-today-metrics small{
  color:var(--palette-muted, #767f8d);
  font-size:clamp(0.75rem,3vw,0.8125rem);
  font-weight:600;
  white-space:nowrap;
}

/* 我的页菜单按业务顺序完整展开，并用分隔段区分APP下载。 */
#mine-panel>.menu-card{padding-block:0.5rem}
#mine-panel>.menu-card button{min-height:2.875rem}
#mine-panel>.menu-card button>span{gap:0.8125rem}
#mine-panel>.menu-card i{width:1.6875rem;height:1.6875rem}
#mine-panel>.menu-card i svg{
  width:1.375rem;
  height:1.375rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.65;
}
#mine-panel>.menu-card b{font-size:clamp(0.75rem,3.35vw,0.875rem);font-weight:500}
#mine-panel>.menu-card hr{
  height:0.625rem;
  margin:0 -1.4375rem;
  border:0;
  border-top:1px solid var(--palette-line, #e3e9f0);
  border-bottom:1px solid var(--palette-line, #e3e9f0);
  background:var(--palette-surface, #f3f6fa);
}

.player-scroll-sentinel{display:grid;min-height:3.25rem;place-items:center;padding:0.625rem 1rem 1.5rem;color:var(--palette-muted, #8a98aa);font-size:0.75rem}
.point-filter{position:relative;z-index:6;padding:1rem 1.25rem 0.125rem}
.point-filter-toggle{display:flex;min-width:7.25rem;height:2.75rem;align-items:center;justify-content:center;gap:0.5625rem;padding:0 1.375rem;border:1px solid var(--palette-line, #e3ebf4);border-radius:1.375rem;color:var(--palette-text, #31435a);background:var(--palette-surface, #fff);font-size:0.875rem}
.point-filter-toggle i{width:0.5rem;height:0.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-0.125rem);transition:transform .18s ease}
.point-filter-toggle.open i{transform:rotate(225deg) translate(-0.125rem,-0.125rem)}
.point-filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.625rem;margin-top:0.75rem;padding:1rem;border:1px solid var(--palette-line, #e5edf5);border-radius:1.125rem;background:var(--palette-surface, #fff);box-shadow:0 12px 30px rgba(var(--palette-shadow-rgb, 42,78,117),0.12)}
.point-filter-panel button{min-height:2.75rem;padding:0.5rem;border:0;border-radius:0.625rem;color:var(--palette-text, #435269);background:var(--palette-surface, #f1f5fb);font-size:0.8125rem;line-height:1.25}
.point-filter-panel button.active{color:#fff;background:var(--palette-primary, #287ff0)}
.finance-request-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:0.625rem;padding:1rem 1.25rem 0.125rem}
.finance-request-filter button{height:2.75rem;border:0;border-radius:0.75rem;color:var(--palette-text, #45556a);background:var(--palette-surface, #f0f4fa);font-size:0.875rem}
.finance-request-filter button.active{color:#fff;background:var(--palette-primary, #287ff0)}
.agent-invite-qr{display:grid;place-items:center;margin:1.125rem 0 0.875rem}
.agent-invite-qr img{display:block;width:min(13.75rem,72%);aspect-ratio:1;border:10px solid var(--palette-line, #fff);border-radius:1.125rem;box-shadow:0 8px 24px rgba(var(--palette-shadow-rgb, 42,83,122),0.12)}
.agent-invite-code{display:flex;width:100%;align-items:center;justify-content:center;gap:0.625rem;margin:0.125rem 0 0.875rem;padding:0.5rem 0.75rem;border:0;border-radius:0.625rem;color:var(--palette-muted, #71859a);background:var(--palette-surface, #f4f8fc);font-size:0.75rem}
.agent-invite-code strong{color:var(--palette-text, #1f4d72);font-size:1.125rem;letter-spacing:.08em}
.agent-invite-code em{color:var(--palette-accent, #288ee4);font-size:0.75rem;font-style:normal}
.agent-explain-card p{margin:0.875rem 0 0;white-space:pre-wrap}
.agent-link-card{display:flex;width:auto;align-items:center;justify-content:space-between;text-align:left}
.agent-link-card>span{display:grid;gap:0.375rem}
.agent-link-card small{color:var(--palette-accent, #3d9de7);font-size:0.75rem;font-weight:800}
.agent-link-card strong{color:var(--palette-text, #263e5a);font-size:1.25rem}
.agent-link-card>em{color:var(--palette-muted, #8fa4b8);font-size:1.625rem;font-style:normal}
.downlines-root{display:grid;gap:1rem;padding:1rem 1.0625rem 2rem}
.downlines-period{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}
.downlines-period button{height:3.125rem;border:1px solid var(--palette-line, #d7e1ee);border-radius:1.5625rem;color:var(--palette-text, #50658a);background:var(--palette-surface, #fff);font-size:1.125rem;font-weight:700}
.downlines-period button.active{border-color:var(--palette-focus, #438ff5);color:#fff;background:var(--palette-primary, #438ff5)}
.downlines-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}
.downlines-summary article{min-width:0;padding:1.25rem 1.0625rem;border-radius:1.25rem;background:var(--palette-surface, #fff)}
.downlines-summary span,.downlines-summary strong{display:block}
.downlines-summary span{overflow:hidden;color:var(--palette-muted, #7284a4);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}
.downlines-summary strong{margin-top:0.625rem;color:var(--palette-text, #071322);font-size:1.5rem}
.downlines-list{overflow:hidden;border-radius:1.375rem;background:var(--palette-surface, #fff)}
.downlines-list article{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;gap:0.75rem;align-items:center;padding:0.9375rem 1.0625rem;border-bottom:1px solid var(--palette-line, #e8edf3)}
.downlines-list article:last-child{border-bottom:0}
.downlines-list article>span{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:0.875rem;color:#fff;background:var(--palette-primary, #438ff5);font-weight:800}
.downlines-list strong,.downlines-list small{display:block}
.downlines-list strong{color:var(--palette-text, #263e5a);font-size:0.8125rem}
.downlines-list small{margin-top:0.25rem;color:var(--palette-muted, #8798ab);font-size:0.75rem}
.downlines-list article>b{color:var(--palette-muted, #8c9bad);font-size:0.75rem;font-weight:500}
.downlines-list>.empty{min-height:11.25rem}
/* APP下载作为独立单屏页面展示，内容整体居中且页面不可上下拖动。 */
.app-download-view{
  width:100%;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  overscroll-behavior:none;
}
.app-download-shell{
  display:flex;
  width:min(31.25rem,100%);
  height:100dvh;
  min-height:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(0.875rem,3.2vh,1.625rem);
  overflow:hidden;
  padding:clamp(1.125rem,4vh,2.125rem) 1.5rem;
}
.app-download-loading,.app-download-empty,.app-download-content{grid-row:auto}
.app-download-content{gap:clamp(0.8125rem,2.8vh,1.5rem);padding:0}
.app-download-qrcode{width:min(16.25rem,68vw,37dvh)}
.app-download-point{grid-row:auto;margin:0}

/* 数据统计页：单独的余额摘要、日期筛选、六项柱状图和分数流水入口。 */
#stats-panel{min-height:100dvh;background:var(--palette-surface, #f3f6fa)}
.stats-root{display:grid;gap:1rem;padding:0.875rem 1rem 1.75rem}
.stats-balance-card{
  display:grid;
  min-height:11.875rem;
  align-content:center;
  justify-items:center;
  gap:0.875rem;
  overflow:hidden;
  border-radius:1.125rem;
  color:#fff;
  background:linear-gradient(145deg,var(--palette-green, #43b378),var(--palette-green, #2da967));
}
.stats-balance-card>.player-coin-icon{
  width:3.875rem;
  height:3.875rem;
  color:#fff;
  background:transparent;
}
.stats-balance-card>.player-coin-icon svg{width:3.625rem;height:3.625rem;stroke-width:1.45}
.stats-balance-card>strong{font-size:clamp(2.375rem,10vw,3.25rem);font-weight:500;line-height:1}
.stats-date-control{position:relative;display:block}
.stats-date-control>#stats-date-toggle{
  display:grid;
  width:100%;
  height:3.5rem;
  place-items:center;
  padding:0 1.375rem;
  border:0;
  border-radius:62.4375rem;
  outline:0;
  color:#fff;
  background:var(--palette-primary, #1677ff);
  font-size:clamp(1.125rem,5vw,1.4375rem);
  font-weight:650;
  text-align:center;
}
.stats-calendar{
  position:absolute;
  z-index:24;
  top:calc(100% + 0.5rem);
  left:0;
  width:100%;
  padding:0.875rem;
  border:1px solid var(--palette-line, #dce5ef);
  border-radius:1.125rem;
  background:var(--palette-surface, #fff);
  box-shadow:0 16px 36px rgba(var(--palette-shadow-rgb, 40,67,101),0.18);
}
.stats-calendar>header{display:grid;height:2.5rem;grid-template-columns:2.625rem 1fr 2.625rem;align-items:center}
.stats-calendar>header strong{text-align:center;font-size:1rem}
.stats-calendar>header button{
  display:grid;
  width:2.25rem;
  height:2.25rem;
  place-items:center;
  border:0;
  border-radius:0.625rem;
  color:var(--palette-accent, #1677ff);
  background:var(--palette-surface, #edf5ff);
  font-size:1.5625rem;
}
.stats-calendar>header button:last-child{justify-self:end}
.stats-calendar>header button:disabled{color:var(--palette-muted, #b7c1cf);background:var(--palette-surface, #f4f6f8);opacity:1}
.stats-calendar-week,.stats-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.stats-calendar-week{padding:0.625rem 0 0.375rem;color:var(--palette-muted, #8995a5);font-size:0.75rem;text-align:center}
.stats-calendar-days{gap:0.3125rem}
.stats-calendar-days>i,.stats-calendar-days>button{aspect-ratio:1}
.stats-calendar-days>button{
  display:grid;
  min-width:0;
  place-items:center;
  padding:0;
  border:0;
  border-radius:0.625rem;
  color:var(--palette-text, #34465d);
  background:var(--palette-surface, #f6f8fb);
  font-size:0.75rem;
}
.stats-calendar-days>button.active{color:#fff;background:var(--palette-primary, #1677ff);font-weight:700}
.stats-calendar-days>button:disabled{color:var(--palette-muted, #c4cbd4);background:var(--palette-surface, #fafbfc);opacity:1}
.stats-content{min-height:20.625rem;padding:1rem 0.75rem 1.25rem;border-radius:1.125rem;background:var(--palette-surface, #fff)}
.stats-content>.empty{min-height:18.125rem}
.stats-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.8125rem 0.5625rem;padding:0 0.25rem 1.125rem}
.stats-legend span{display:grid;grid-template-columns:0.5rem minmax(0,1fr);align-items:center;gap:0.375rem;color:var(--palette-muted, #6d7683);font-size:0.75rem}
.stats-legend span>i{width:0.4375rem;height:0.4375rem;border-radius:50%;background:var(--metric-color)}
.stats-legend span>b{grid-column:2;overflow:hidden;color:var(--palette-text, #283b52);font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}
.stats-chart{
  display:grid;
  height:15.3125rem;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:end;
  gap:0.4375rem;
  padding:0.75rem 0.25rem 0;
  border-top:1px dashed var(--palette-line, #dce2e9);
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,var(--palette-surface-soft, #e5e9ef) 55px);
}
.stats-chart-item{display:grid;min-width:0;height:100%;grid-template-rows:1.375rem minmax(0,1fr) 2rem;align-items:end;justify-items:center}
.stats-chart-item>strong{max-width:100%;overflow:hidden;color:var(--palette-muted, #66717f);font-size:0.75rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.stats-chart-item>div{display:flex;width:100%;height:100%;align-items:end;justify-content:center}
.stats-chart-item>div i{display:block;width:min(1.75rem,70%);height:var(--metric-height);min-height:0;border-radius:0.4375rem 0.4375rem 0.125rem 0.125rem;background:var(--metric-color);transition:height .25s ease}
.stats-chart-item.negative>div i{opacity:.88}
.stats-chart-item>span{align-self:center;color:var(--palette-muted, #737d89);font-size:0.75rem;white-space:nowrap}
.stats-score-log{
  width:100%;
  height:3.625rem;
  border:0;
  border-radius:62.4375rem;
  color:#fff;
  background:var(--palette-primary, #1677ff);
  font-size:clamp(1.125rem,5vw,1.375rem);
  font-weight:700;
}
@media(max-width:370px){
  .stats-root{padding-inline:0.75rem}
  .stats-legend span,.stats-legend span>b{font-size:0.75rem}
  .stats-chart{gap:0.1875rem}
  .stats-chart-item>span,.stats-chart-item>strong{font-size:0.75rem}
}

/* 密码显隐使用眼睛图标，明文状态显示斜线。 */
.auth-input button[data-eye]{display:grid;width:2.875rem;min-width:2.875rem;place-items:center;padding:0}
.auth-input button[data-eye] svg{
  width:1.375rem;
  height:1.375rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
.auth-input button[data-eye] .eye-slash{opacity:0}
.auth-input button[data-eye].visible .eye-slash{opacity:1}
.settings-password-input{position:relative}
.settings-password-input input{width:100%;padding-right:3.25rem}
.settings-password-input button[data-eye]{position:absolute;top:50%;right:0.4375rem;display:grid;width:2.5rem;height:2.5rem;padding:0;place-items:center;border:0;color:var(--palette-accent, #1677ff);background:transparent;transform:translateY(-50%)}
.settings-password-input button[data-eye] svg{width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-password-input button[data-eye] .eye-slash{opacity:0}
.settings-password-input button[data-eye].visible .eye-slash{opacity:1}

/* 验证码角标只显示刷新图标；修改密码页复用同一验证码控件。 */
.captcha-image small{
  display:grid;
  width:1.25rem;
  height:1.25rem;
  place-items:center;
  padding:0;
  border-radius:0.375rem;
}
.captcha-image small svg{
  width:0.875rem;
  height:0.875rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2;
}
.settings-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 7.375rem;gap:0.625rem}
.settings-captcha-row .captcha-image{height:3.25rem;border-color:var(--palette-line, #dde0e5);border-radius:1.625rem}
@media(max-width:370px){.settings-captcha-row{grid-template-columns:minmax(0,1fr) 6.375rem}}

/* 验证码图片本身即可点击刷新，三处都不再显示额外刷新角标。 */
.captcha-image small{display:none!important}

/* 两种转盘分页展示：签到使用蓝色，高级使用金色，奖项固定在各扇区正中。 */
#benefit-panel .benefit-wheel-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0.5rem;
  margin-bottom:0.75rem;
  padding:0.3125rem;
  border-radius:1rem;
  background:var(--palette-surface, #eaf0f7);
}
#benefit-panel .benefit-wheel-tabs>button{
  height:2.75rem;
  border:0;
  border-radius:0.75rem;
  color:var(--palette-muted, #75859a);
  background:transparent;
  font-size:0.9375rem;
  font-weight:700;
}
#benefit-panel .benefit-wheel-tabs>button.active{
  color:#fff;
  background:var(--palette-primary, #1677ff);
  box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 22,119,255),0.22);
}
#benefit-panel .benefit-wheel-tabs>button[data-benefit-wheel-tab="premium"].active{
  color:var(--palette-danger, #744500);
  background:linear-gradient(135deg,var(--palette-warm, #ffd974),var(--palette-warm, #f3ae36));
  box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 218,145,29),0.25);
}
#benefit-panel .benefit-wheel-grid{display:block}
#benefit-panel .benefit-wheel-card{
  width:100%;
  padding:clamp(1.25rem,5vw,1.625rem);
}
#benefit-panel .benefit-wheel-card.checkin{
  background:linear-gradient(155deg,var(--palette-surface, #fff) 52%,var(--palette-surface, #eef7ff) 100%);
}
#benefit-panel .benefit-wheel-card.premium{
  background:linear-gradient(155deg,var(--palette-surface, #fff) 52%,var(--palette-surface, #fff7e5) 100%);
}
#benefit-panel .benefit-wheel-card .benefit-wheel-stage{
  width:min(68vw,18.75rem);
  height:min(68vw,18.75rem);
  margin:1.5rem auto 1.25rem;
}
#benefit-panel .benefit-wheel-card.checkin .benefit-wheel-value,
#benefit-panel .benefit-wheel-card.premium .benefit-wheel-value{
  width:3.625rem;
  height:2.625rem;
  overflow:visible;
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(clamp(-6.4375rem,-22vw,-4.875rem)) rotate(var(--counter-angle));
}
#benefit-panel .benefit-wheel-card.checkin .benefit-wheel{
  border-color:var(--palette-line, #dcedff);
  background:conic-gradient(var(--palette-primary, #71b5ff) 0 60deg,var(--palette-surface-soft, #dbeeff) 60deg 120deg,var(--palette-primary, #71b5ff) 120deg 180deg,var(--palette-surface-soft, #dbeeff) 180deg 240deg,var(--palette-primary, #71b5ff) 240deg 300deg,var(--palette-surface-soft, #dbeeff) 300deg 360deg);
}
#benefit-panel .benefit-wheel-card.checkin .benefit-wheel-center{
  background:var(--palette-primary, #1677ff);
}
#benefit-panel .benefit-wheel-center svg{
  width:1.875rem;
  height:1.875rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
#benefit-panel .benefit-wheel-card.premium .benefit-wheel-center svg{
  width:2.0625rem;
  height:2.0625rem;
}
#benefit-panel .benefit-wheel-card>p{
  min-height:2.375rem;
  margin-bottom:1rem;
  color:var(--palette-muted, #607d9a);
  font-size:clamp(0.8125rem,3.4vw,0.9375rem);
  line-height:1.6;
}
#benefit-panel .benefit-wheel-card.checkin .benefit-pointer{
  color:var(--palette-accent, #1677ff);
}

/* Player 群聊只展示当前最新消息，不提供向前翻阅入口。 */
#chat-panel .group-chat-card{grid-template-rows:minmax(0,1fr) auto}
#chat-panel .group-chat-messages{grid-row:1}
#chat-panel .group-chat-form{grid-row:2}

/* 群聊与在线客服作为独立房间铺满屏幕，进入后不为底栏预留空间。 */
body.player-conversation-active .phone-page,
body.player-conversation-active #app-view>.page-scroll{
  height:100dvh;
  min-height:0;
}
body.player-conversation-active #app-view>.page-scroll{
  overflow:hidden;
  padding-bottom:0;
}
#chat-panel,
#service-panel{
  height:100dvh;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
}
#chat-panel:not([hidden]),
#service-panel:not([hidden]){display:flex}
#chat-panel>.sub-header,
#service-panel>.sub-header{flex:0 0 auto}
#chat-panel>.group-chat-root,
#service-panel>.player-service-root{
  min-height:0;
  flex:1;
  margin:0;
  padding:0;
}
#chat-panel .group-chat-card{
  height:100%;
  border:0;
  border-radius:0;
  box-shadow:none;
}
#chat-panel .group-chat-messages{
  width:100%;
  padding:1.125rem clamp(0.75rem,4vw,1.25rem);
}
#chat-panel .group-chat-form{
  padding:0.75rem clamp(0.75rem,4vw,1.125rem) calc(0.875rem + env(safe-area-inset-bottom));
}
#service-panel>.player-service-root{display:block}
#service-panel .chat-card{
  display:flex;
  height:100%;
  flex-direction:column;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
#service-panel .chat-card>header{display:none}
#service-panel .player-service-messages{
  width:100%;
  height:auto;
  min-height:0;
  flex:1;
  padding:1.125rem clamp(0.75rem,4vw,1.25rem);
}
#service-panel .player-service-questions{flex:0 0 auto}
#service-panel .chat-card>form{
  flex:0 0 auto;
  padding:0.75rem clamp(0.75rem,4vw,1.125rem) calc(0.875rem + env(safe-area-inset-bottom));
}
#service-panel .contact-card{
  width:100%;
  max-width:none;
  height:100%;
  align-content:center;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}

/* 两类聊天均展示头像；客服会话时间精确到年月日时分秒。 */
#chat-panel .group-chat-message header{justify-content:space-between}
#chat-panel .group-chat-message header time{flex:0 0 auto}
#service-panel .player-message{
  display:grid;
  width:auto;
  max-width:88%;
  grid-template-columns:3rem minmax(0,1fr);
  align-items:start;
  gap:0.5rem;
}
#service-panel .player-message.mine{
  grid-template-columns:minmax(0,1fr) 3rem;
}
#service-panel .player-message.mine .player-message-identity{grid-row:1;grid-column:2}
#service-panel .player-message.mine>section{grid-row:1;grid-column:1;justify-items:end}
#service-panel .player-message-identity{
  display:grid;
  justify-items:center;
  gap:0.25rem;
}
#service-panel .player-message-identity>strong{
  display:block;
  width:3rem;
  overflow:hidden;
  color:var(--palette-muted, #70849b);
  font-size:0.75rem;
  font-weight:600;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#service-panel .player-message-avatar{
  display:grid;
  width:2.375rem;
  height:2.375rem;
  place-items:center;
  overflow:hidden;
  border-radius:0.75rem;
  color:#fff;
  background:linear-gradient(145deg,var(--palette-primary, #64bdff),var(--palette-primary, #247bea));
  font-size:0.875rem;
  font-weight:800;
}
#service-panel .player-message.theirs .player-message-avatar{
  background:linear-gradient(145deg,var(--palette-primary, #58c5ff),var(--palette-primary, #1677ff));
}
#service-panel .player-message-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#service-panel .player-message-avatar svg{
  width:1.4375rem;
  height:1.4375rem;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
#service-panel .player-message>section{display:grid;min-width:0;gap:0.25rem}
#service-panel .player-message>section>div{
  padding:0.625rem 0.8125rem;
  border-radius:0.25rem 0.9375rem 0.9375rem;
  color:var(--palette-text, #43617c);
  background:var(--palette-surface, #edf5fb);
  font-size:0.75rem;
  line-height:1.6;
  white-space:pre-wrap;
}
#service-panel .player-message>section>div>p{
  margin:0;
  color:inherit;
  font:inherit;
}
#service-panel .player-message.mine>section>div{
  border-radius:0.9375rem 0.25rem 0.9375rem 0.9375rem;
  color:#fff;
  background:linear-gradient(135deg,var(--palette-primary, #54b7f8),var(--palette-primary, #268be9));
}
#service-panel .player-message.revoked>section>div{
  color:var(--palette-muted, #8ca0b3);
  background:var(--palette-surface, #f1f4f6);
  font-style:italic;
}
#service-panel .player-message small{white-space:nowrap}

/* 上分收款二维码不再附加文字说明，直接在预览框内居中显示。 */
#finance-panel .payment-preview.image{
  display:grid;
  place-items:center;
  padding:0.75rem;
}
#finance-panel .payment-preview.image img{
  flex:none;
  margin:0;
}

/* 资金申请页顶部只切换充值与提现；申请记录和积分记录使用各自独立页面。 */
#finance-panel .finance-action-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0.625rem;
  margin:0.875rem 1.25rem 0;
  padding:0.3125rem;
  border-radius:1.0625rem;
  background:var(--palette-surface, #eaf0f7);
}
#finance-panel .finance-action-tabs>button{
  height:2.75rem;
  border:0;
  border-radius:0.8125rem;
  color:var(--palette-muted, #78879a);
  background:transparent;
  font-size:0.9375rem;
  font-weight:700;
}
#finance-panel .finance-action-tabs>button.active{
  color:#fff;
  background:var(--palette-primary, #1677ff);
  box-shadow:0 5px 13px rgba(var(--palette-shadow-rgb, 22,119,255),0.22);
}
@media(max-width:470px){
  #finance-panel .finance-action-tabs{margin-inline:0.75rem}
}

/* Player 全局关闭按下瞬间的触摸高亮；真正的 .active / 选中状态仍由原规则控制。 */
#app-view :is(button,a,label,[role="button"]),
#auth-view :is(button,a,label,[role="button"]),
#download-view :is(button,a,label,[role="button"]){
  -webkit-tap-highlight-color:transparent;
}
.game-keypad button:active{
  border-color:var(--palette-line, #d5e6f2)!important;
  color:var(--palette-text, #315775)!important;
  background:var(--palette-surface, #f7fbfe)!important;
}
.player-service-questions button:active{
  border-color:var(--palette-line, #d4e7f4)!important;
  color:var(--palette-accent, #397cae)!important;
  background:var(--palette-surface, #fff)!important;
}
.app-download-action:active{
  transform:none!important;
  box-shadow:0 14px 29px rgba(var(--palette-shadow-rgb, 39,128,203),0.24)!important;
}
.featured-room .room-rule-button:active{
  color:var(--palette-accent, #1677ff)!important;
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.9)!important;
}
.room-item .room-rule-button:active{
  color:var(--palette-accent, #267fbd)!important;
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.9)!important;
}
.game-quick-coins button:active{
  color:var(--palette-accent, #2f91d8)!important;
  background:var(--palette-surface, #eef8ff)!important;
}
#home-panel .home-game-tile:active{
  transform:none!important;
  box-shadow:none!important;
}
#notice-panel .notice-card:active{
  border-color:transparent!important;
  background:var(--palette-surface, #fff)!important;
  transform:none!important;
}

/* 房间顶部所有控件共用同一条水平中线。 */
.game-room-header{
  display:grid;
  height:3rem;
  min-height:3rem;
  grid-template-columns:1.75rem minmax(0,1fr) auto;
  align-items:center;
  gap:0.4375rem;
  padding:0 0.75rem;
}
.game-room-header>*{
  grid-row:1;
  align-self:center;
  margin-top:0;
  margin-bottom:0;
}
.game-room-back{
  display:grid;
  width:1.75rem;
  height:2rem;
  place-items:center;
  padding:0;
  line-height:1;
}
.game-room-back svg{
  display:block;
  width:1.25rem;
  height:1.25rem;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.game-room-name{
  display:flex;
  height:2rem;
  align-items:center;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  text-align:left;
}
.game-room-name>strong{
  display:flex;
  height:2rem;
  flex:0 1 auto;
  align-items:center;
  max-width:calc(100% - 4.75rem);
  line-height:1;
}
.game-room-name>span{
  display:flex;
  height:1.5rem;
  align-items:center;
  padding-block:0;
  line-height:1;
}
.game-room-name>i{
  position:relative;
  display:block;
  width:1.125rem;
  height:1.125rem;
  flex:0 0 1.125rem;
  color:transparent;
  font-size:0;
}
.game-room-name>i:before{
  position:absolute;
  top:50%;
  left:50%;
  width:0.375rem;
  height:0.375rem;
  border-right:1.5px solid var(--palette-line, #687f9f);
  border-bottom:1.5px solid var(--palette-line, #687f9f);
  content:"";
  transform:translate(-50%,-50%) rotate(45deg);
  transition:transform .18s ease;
}
.game-room-name.open>i:before{transform:translate(-50%,-50%) rotate(225deg)}
.game-room-balance{
  height:2rem;
  margin-left:0;
  line-height:1;
}
.game-kk-top.room-menu-open{z-index:30;overflow:visible}
.game-room-menu{
  position:absolute;
  z-index:42;
  top:3rem;
  left:0.75rem;
  display:grid;
  width:min(16.875rem,calc(100% - 1.5rem));
  max-height:calc(100dvh - 4.25rem);
  overflow-y:auto;
  padding:0.5rem;
  border:1px solid var(--palette-line, #dce5ef);
  border-radius:0.375rem;
  background:var(--palette-surface, #fff);
  box-shadow:0 16px 36px rgba(var(--palette-shadow-rgb, 32,57,91),0.2);
  overscroll-behavior:contain;
}
.game-room-menu button{
  display:flex;
  width:100%;
  min-height:3.25rem;
  align-items:center;
  justify-content:space-between;
  gap:0.625rem;
  padding:0.625rem 1rem;
  border:0;
  border-radius:0.3125rem;
  color:var(--palette-text, #18304d);
  background:var(--palette-surface, #fff);
  text-align:left;
}
.game-room-menu button strong{font-size:1rem}
.game-room-menu button small{color:var(--palette-muted, #98a6b5);font-size:0.75rem;white-space:nowrap}
.game-room-menu button.active{color:#fff;background:var(--palette-primary, #168ff0)}
.game-room-menu button.active small{color:#fff}
.game-room-menu button:disabled{color:var(--palette-muted, #98a6b5);background:var(--palette-surface, #f5f7fa);opacity:1}

/* 放大开奖期号，并把圆球数字校准到视觉圆心。 */
.game-result-head{font-size:0.875rem}
#game-latest-number{font-size:0.75rem;font-weight:700}
.game-result-ball,
.game-result-ball.compact,
.game-result-ball.sum{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 0.125rem;
  line-height:1;
}
#game-aim-toggle{
  display:flex;
  min-height:1.875rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  padding:0.3125rem 0.6875rem;
  border:0;
  border-radius:62.4375rem;
  color:#fff;
  background:var(--palette-surface-raised, #879ac4);
  font-size:0.75rem;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.game-result{position:relative;overflow:visible}
.game-result .game-draw-balls{padding-left:1.25rem}
.game-result-line{display:flex;min-width:0;align-items:center}
.game-result-line .game-draw-balls{width:auto;flex:0 1 auto}
.game-recent-draw-toggle{
  display:grid;
  width:1.5rem;
  height:1.875rem;
  min-width:1.5rem;
  flex:0 0 1.5rem;
  place-items:center;
  margin-left:0.125rem;
  padding:0;
  border:0;
  color:var(--palette-muted, #607594);
  background:transparent;
}
.game-recent-draw-toggle>i{position:relative;width:0.75rem;height:1rem;flex:0 0 0.75rem}
.game-recent-draw-toggle>i:before{
  position:absolute;
  top:50%;
  left:50%;
  width:0.375rem;
  height:0.375rem;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  content:"";
  transform:translate(-50%,-50%) rotate(45deg);
  transition:transform .18s ease;
}
.game-recent-draw-toggle.open>i:before{transform:translate(-50%,-50%) rotate(225deg)}
.game-kk-top.draw-menu-open{z-index:30;overflow:visible}
.game-kk-top.draw-menu-open .game-draw-card{z-index:31;overflow:visible}
.game-recent-draws{
  position:absolute;
  z-index:43;
  top:calc(100% + 0.25rem);
  right:0;
  left:auto;
  width:min(29.75rem,calc(100vw - 1.5rem));
  max-height:min(32.5rem,calc(100dvh - 9.75rem));
  overflow-x:hidden;
  overflow-y:auto;
  padding:0;
  border:1px solid var(--palette-line, #dce5ef);
  border-radius:0.5rem;
  background:var(--palette-surface, #fff);
  box-shadow:0 16px 36px rgba(var(--palette-shadow-rgb, 32,57,91),0.2);
  overscroll-behavior:contain;
}
.game-recent-draws>header,.game-recent-draws article{display:grid;width:100%;min-width:0;grid-template-columns:22.5% 31.5% 9% 14% 11.5% 11.5%;align-items:center;box-sizing:border-box;text-align:center}
.game-recent-draws>header{position:sticky;z-index:2;top:0;min-height:2.8125rem;padding:0 0.5rem;color:#fff;background:var(--palette-primary, #168ff0)}
.game-recent-draws>header b{overflow:hidden;font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}
.game-recent-draws>div{width:100%;min-width:0}
.game-recent-draws article{min-height:2.6875rem;padding:0 0.5rem;color:var(--palette-muted, #65748b);background:var(--palette-surface, #fff)}
.game-recent-draws article:nth-child(even){background:var(--palette-surface, #f5f7fb)}
.game-recent-draws article:last-child{border-bottom:0}
.game-recent-draws article>strong{overflow:visible;color:var(--palette-muted, #65748b);font-size:0.75rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:normal;text-align:center;white-space:nowrap}
.game-recent-draws article>span{overflow:hidden;font-size:0.75rem;white-space:nowrap}
.recent-draw-numbers{display:flex;align-items:center;justify-content:center;gap:0.125rem;white-space:nowrap}
.recent-draw-numbers em{color:var(--palette-text, #334862);font-size:0.75rem;font-style:normal}
.recent-draw-numbers i{display:grid;width:1.375rem;height:1.375rem;flex:0 0 1.375rem;place-items:center;border:2px solid var(--palette-focus, #168ff0);border-radius:50%;color:var(--palette-text, #17324f);background:var(--palette-surface, #fff);font-size:0.75rem;font-style:normal;font-weight:700;line-height:1}
.recent-draw-numbers i.red{border-color:var(--palette-focus, #ff5570)}
.game-recent-draws article>b{display:grid;width:1.375rem;height:1.375rem;place-items:center;justify-self:center;border-radius:50%;color:#fff;font-size:0.75rem}
.game-recent-draws article>b.blue{background:var(--palette-primary, #176bdf)}
.game-recent-draws article>b.green{background:var(--palette-green, #26c841)}
.game-recent-draws article>b.red{background:var(--palette-warm, #ff3f58)}
.recent-draw-two{display:flex;align-items:center;justify-content:center;gap:0.25rem}
.recent-draw-two i{font-style:normal}
.recent-draw-two i.red{color:var(--palette-danger, #ff304e)}
.recent-draw-two i.blue{color:var(--palette-accent, #1688df)}
.game-recent-draws article>span.shape{color:var(--palette-danger, #e4a900);font-weight:700}
.game-recent-draws>.empty{min-height:7.5rem}
@media(max-width:400px){.recent-draw-numbers{gap:0.0625rem}.recent-draw-numbers i{width:1.125rem;height:1.125rem;flex-basis:1.125rem;font-size:0.75rem}.recent-draw-numbers em{font-size:0.75rem}.game-recent-draws article>b{width:1.1875rem;height:1.1875rem;font-size:0.75rem}}

/* 下注区底部操作按钮缩短三分之一；快捷金额保持正圆。 */
.game-submit-actions button{min-height:2.8125rem!important}
.game-quick-coins button{width:2.875rem!important;height:2.875rem!important;min-width:2.875rem!important;min-height:2.875rem!important;flex:0 0 2.875rem;box-sizing:border-box}
@media(max-width:470px){.game-submit-actions button{min-height:2.75rem!important}.game-quick-coins button{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;flex-basis:2.5rem}}
@media(max-height:800px){.game-submit-actions button{min-height:2.4375rem!important}}
@media(max-width:360px){.game-quick-coins button{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;min-height:2.25rem!important;flex-basis:2.25rem}}

/* 房间倒计时只计算到封盘点，封盘后显示开奖状态。 */
.game-countdown>span{display:grid;min-width:4.875rem;height:1.625rem;place-items:center;color:var(--palette-muted, #607594);font-size:1rem;font-weight:800;white-space:nowrap}
@media(max-width:470px){.game-countdown>span{min-width:4.125rem;height:1.4375rem;font-size:0.875rem}}

/* 房间下注记录始终保留筛选栏；加载、空数据和错误共用剩余区域。 */
.game-history-card.direct-records{height:100%;min-height:100%;overflow:visible;margin:0!important;border:0;border-radius:0;background:transparent;box-shadow:none}
.game-history-content.direct-records{display:flex;height:100%;min-height:100%;padding:0}
.game-room-bet-records{display:flex;min-height:100%;flex:1;flex-direction:column}
.game-room-bet-records .finance-request-filter{flex:0 0 auto;padding:0.75rem 0.75rem 0.5rem}
.game-room-bet-records .player-record-list{flex:1;padding:0.125rem 0.75rem 1.5rem}
/* 有记录时按内容高度排列，避免网格把少量记录拉伸到整个剩余视口。 */
.game-room-bet-records .bet-record-list:not(.empty-records){align-content:start}
.empty{display:grid;place-items:center}
.bet-record-list.empty-records{display:grid;min-height:calc(100dvh - 11.875rem);place-items:center;padding:1.25rem}
.game-room-bet-records .bet-record-list.empty-records{min-height:15rem;flex:1}
.bet-record-list.empty-records>.empty{width:100%;padding:0}
.game-history-state{width:100%;min-height:15rem;flex:1;padding:1.25rem}
.group-chat-messages>.empty,.game-room-chat-messages>.empty{width:100%;height:100%;flex:1}
.game-cancel-button svg{display:block;width:1.1875rem;height:1.1875rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.game-submit-actions .game-cancel-button{justify-items:center;text-align:center}
.game-submit-actions .game-cancel-button>i{display:grid;width:100%;place-items:center}

/* 走势图使用固定10列表格，不显示原来的最近开奖卡片标题。 */
.game-history-card.trend-records{overflow:visible;margin:0!important;border:0;border-radius:0;background:transparent;box-shadow:none}
.game-history-content.trend-records{display:block;padding:0;background:var(--palette-surface, #fff)}
.game-trend-table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--palette-surface, #fff)}
.game-trend-table col.period{width:18%}
.game-trend-table col.value{width:8%}
.game-trend-table col.mark{width:9.25%}
.game-trend-table th,.game-trend-table td{height:2.625rem;overflow:hidden;padding:0.1875rem 0.0625rem;border-bottom:1px solid var(--palette-line, #e4eaf2);color:var(--palette-muted, #566b87);font-size:0.75rem;text-align:center;white-space:nowrap}
.game-trend-table thead th{position:sticky;z-index:2;top:0;height:2.5rem;color:#fff;background:var(--palette-primary, #168ff0);font-size:0.75rem;font-weight:700}
.game-trend-table tbody tr:nth-child(even){background:var(--palette-surface, #f4f7fb)}
.game-trend-table td:first-child{color:var(--palette-text, #38536f);font-size:0.75rem;font-variant-numeric:tabular-nums;font-weight:700}
.game-trend-table td:nth-child(2){color:var(--palette-text, #173b5f);font-size:0.75rem;font-variant-numeric:tabular-nums;font-weight:800}
.game-trend-table i{display:inline-grid;width:1.1875rem;height:1.1875rem;place-items:center;font-style:normal;line-height:1}
.game-trend-table i.hit{border-radius:50%;background:var(--palette-green, #28b66f);box-shadow:inset 0 0 0 1px rgba(var(--palette-shadow-rgb, 0,0,0),0.04)}
.game-trend-table i.miss{color:var(--palette-danger, #ed4056);font-size:1.25rem;font-weight:500}
@media(max-width:400px){.game-trend-table th,.game-trend-table td{font-size:0.75rem}.game-trend-table td:first-child{font-size:0.75rem}.game-trend-table i{width:1.0625rem;height:1.0625rem}.game-trend-table i.miss{font-size:1.125rem}}

/* 仅PK10类游戏放大顶部开奖号码，并使用正方形外框。 */
.game-result-line .game-draw-balls.pk10-results{gap:0.1875rem;padding-left:0.5rem}
.game-result-ball.compact.pk10{width:1.5rem;min-width:1.5rem;max-width:1.5rem;height:1.5rem;flex:0 0 1.5rem;aspect-ratio:auto;border-width:2px;border-radius:0.1875rem;font-size:0.75rem;font-weight:800}
@media(max-width:470px){.game-result-line .game-draw-balls.pk10-results{gap:0.125rem;padding-left:0.25rem}.game-result-ball.compact.pk10{width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;flex-basis:1.125rem;border-width:1.5px;border-radius:0.125rem;font-size:0.75rem}}

/* PK10下拉开奖记录只保留期号和方形开奖号码。 */
.game-recent-draws.pk10>header,.game-recent-draws.pk10 article{grid-template-columns:28% 72%}
.game-recent-draws.pk10>header b{font-size:0.8125rem}
.game-recent-draws.pk10 article>strong{font-size:0.75rem;text-align:center}
.game-recent-draws.pk10 .recent-draw-numbers.pk10{justify-content:flex-start;gap:0.1875rem;overflow:visible;padding-left:0.25rem}
.game-recent-draws.pk10 .recent-draw-numbers.pk10 i{width:1.625rem;height:1.625rem;flex:0 0 1.625rem;border:2px solid var(--palette-focus, #168ff0);border-radius:0.1875rem;color:var(--palette-text, #17324f);font-size:0.75rem}
@media(max-width:400px){.game-recent-draws.pk10>header,.game-recent-draws.pk10 article{grid-template-columns:30% 70%}.game-recent-draws.pk10>header b{font-size:0.75rem}.game-recent-draws.pk10 article>strong{font-size:0.75rem}.game-recent-draws.pk10 .recent-draw-numbers.pk10{gap:0.0625rem;padding-left:0.125rem}.game-recent-draws.pk10 .recent-draw-numbers.pk10 i{width:1.375rem;height:1.375rem;flex-basis:1.375rem;border-width:1.5px;border-radius:0.125rem;font-size:0.75rem}}

/* PK10走势图按冠、亚到第十名直接展示号码。 */
.game-trend-table.pk10 col.period{width:22%}
.game-trend-table.pk10 col.rank{width:7.8%}
.game-trend-table.pk10 th,.game-trend-table.pk10 td{padding-inline:0}
.game-trend-table.pk10 td:first-child{font-size:0.75rem}
.game-trend-table.pk10 td:not(:first-child){color:var(--palette-text, #173b5f);font-size:0.75rem;font-variant-numeric:tabular-nums;font-weight:800}
@media(max-width:400px){.game-trend-table.pk10 col.period{width:25%}.game-trend-table.pk10 col.rank{width:7.5%}.game-trend-table.pk10 td:not(:first-child){font-size:0.75rem}}

/* 两处下注记录共用房间筛选，房间内默认当前房间，个人中心默认全部。 */
.bet-room-filter{display:block;width:100%;padding:0.625rem 1.25rem 0.25rem;color:var(--palette-muted, #607594);font-size:0.8125rem}
.bet-room-filter select{display:block;width:100%;height:2.625rem;min-width:0;padding:0 2.25rem 0 0.8125rem;border:1px solid var(--palette-line, #d8e4ef);border-radius:0.75rem;outline:0;color:var(--palette-text, #405570);background:var(--palette-surface, #fff);font-size:0.875rem}
.bet-room-filter select:focus{border-color:var(--palette-focus, #287ff0);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 40,127,240),0.12)}
.game-room-bet-records .bet-room-filter{padding:0 0.75rem 0.5rem}
.bet-filter-empty{min-height:13.75rem;place-items:center}

/* PK10顶部方框内数字水平、垂直居中。 */
.game-result-ball.compact.pk10{display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;line-height:1!important;text-align:center}

/* 快3类顶部开奖号码使用三枚无加号的骰子，末尾和值保持原样。 */
.game-result-line .game-draw-balls.k3-results{gap:0.4375rem;padding-left:0.75rem}
.game-die{position:relative;display:block;width:1.9375rem;height:1.9375rem;flex:0 0 1.9375rem;border:2px solid var(--palette-focus, #168ff0);border-radius:0.4375rem;background:var(--palette-surface, #fff);box-shadow:0 2px 5px rgba(var(--palette-shadow-rgb, 30,91,145),0.12)}
.game-die>i{position:absolute;width:0.3125rem;height:0.3125rem;border-radius:50%;background:var(--palette-primary, #173b5f);transform:translate(-50%,-50%)}
.game-die>i.tl{top:27%;left:27%}.game-die>i.tr{top:27%;left:73%}
.game-die>i.ml{top:50%;left:27%}.game-die>i.mm{top:50%;left:50%}.game-die>i.mr{top:50%;left:73%}
.game-die>i.bl{top:73%;left:27%}.game-die>i.br{top:73%;left:73%}
.game-die>span{display:grid;width:100%;height:100%;place-items:center;color:var(--palette-text, #173b5f);font-size:0.8125rem;font-weight:800}
@media(max-width:470px){.game-result-line .game-draw-balls.k3-results{gap:0.3125rem;padding-left:0.4375rem}.game-die{width:1.6875rem;height:1.6875rem;flex-basis:1.6875rem;border-radius:0.375rem}.game-die>i{width:0.25rem;height:0.25rem}}

/* 快3下拉开奖表保留期号、骰子、总额、两面和形态。 */
.game-recent-draws.k3>header,.game-recent-draws.k3 article{grid-template-columns:23% 31% 14% 18% 14%}
.game-recent-draws.k3>header b{font-size:0.75rem}
.game-recent-draws.k3 article>strong{font-size:0.75rem;text-align:center}
.game-recent-draws.k3 .recent-draw-dice{display:flex;align-items:center;justify-content:center;gap:0.1875rem}
.game-recent-draws.k3 .recent-draw-dice .game-die{width:1.625rem;height:1.625rem;flex-basis:1.625rem;border-width:1.5px;border-radius:0.3125rem}
.game-recent-draws.k3 .recent-draw-dice .game-die>i{width:0.25rem;height:0.25rem}

/* 时时彩顶部放大五个正圆开奖号码，并在末尾显示和值。 */
.game-result-line .game-draw-balls.ssc-results{gap:0.3125rem;padding-left:0.5625rem}
.game-result-ball.compact.ssc{display:inline-flex!important;width:1.875rem;min-width:1.875rem;max-width:1.875rem;height:1.875rem;flex:0 0 1.875rem;align-items:center;justify-content:center;padding:0!important;aspect-ratio:1;border-width:2px;border-radius:50%;font-size:0.9375rem;font-weight:800;line-height:1}
.ssc-results .game-result-ball.sum{width:1.875rem;min-width:1.875rem;height:1.875rem;flex:0 0 1.875rem;font-size:0.875rem}
@media(max-width:470px){.game-result-line .game-draw-balls.ssc-results{gap:0.125rem;padding-left:0.25rem}.game-result-ball.compact.ssc,.ssc-results .game-result-ball.sum{width:1.5rem;min-width:1.5rem;max-width:1.5rem;height:1.5rem;flex-basis:1.5rem;font-size:0.75rem}.ssc-results>i{font-size:0.8125rem}}

/* 时时彩下拉开奖记录只显示期号、开奖号码、总和与两面。 */
.game-recent-draws.ssc>header,.game-recent-draws.ssc article{grid-template-columns:25% 43% 14% 18%}
.game-recent-draws.ssc>header b{font-size:0.75rem}
.game-recent-draws.ssc article>strong{font-size:0.75rem;text-align:center}
.game-recent-draws.ssc .recent-draw-numbers.ssc{gap:0.25rem;overflow:visible}
.game-recent-draws.ssc .recent-draw-numbers.ssc i{width:1.625rem;height:1.625rem;flex:0 0 1.625rem;border:2px solid var(--palette-focus, #168ff0);border-radius:50%;font-size:0.75rem}
.game-recent-draws.ssc article>b.invalid{color:var(--palette-muted, #65748b);background:transparent}
@media(max-width:400px){.game-recent-draws.ssc>header,.game-recent-draws.ssc article{grid-template-columns:27% 43% 12% 18%}.game-recent-draws.ssc .recent-draw-numbers.ssc{gap:0.125rem}.game-recent-draws.ssc .recent-draw-numbers.ssc i{width:1.375rem;height:1.375rem;flex-basis:1.375rem;font-size:0.75rem}}

/* 时时彩走势图展示五个号码、和值、龙虎和三段形态。 */
.game-trend-table.ssc col.period{width:20%}
.game-trend-table.ssc col.numbers{width:30%}
.game-trend-table.ssc col.total{width:8%}
.game-trend-table.ssc col.dragon{width:8%}
.game-trend-table.ssc col.shape{width:11.33%}
.game-trend-table.ssc th,.game-trend-table.ssc td{padding-inline:0;font-size:0.75rem}
.game-trend-table.ssc td:first-child{font-size:0.75rem}
.game-trend-table.ssc td:nth-child(n+3){color:var(--palette-text, #173b5f);font-weight:700}
.ssc-trend-numbers{display:flex;align-items:center;justify-content:center;gap:0.1875rem}
.game-trend-table .ssc-trend-numbers i{display:grid;width:1.375rem;height:1.375rem;place-items:center;border:1.5px solid var(--palette-focus, #168ff0);border-radius:50%;color:var(--palette-text, #17324f);background:var(--palette-surface, #fff);font-size:0.75rem;font-style:normal;font-weight:700}
@media(max-width:400px){.game-trend-table.ssc col.period{width:20%}.game-trend-table.ssc col.numbers{width:28%}.game-trend-table.ssc th,.game-trend-table.ssc td{font-size:0.75rem}.game-trend-table.ssc td:first-child{font-size:0.75rem}.ssc-trend-numbers{gap:0.0625rem}.game-trend-table .ssc-trend-numbers i{width:1.125rem;height:1.125rem;font-size:0.75rem}}

/* 所有玩法的走势图表头统一为手机端也清晰可读的字号。 */
.game-trend-table thead th,.game-trend-table.pk10 thead th,.game-trend-table.ssc thead th{font-size:0.75rem}

/* 时时彩走势图的数据文字整体放大，五个开奖号码同步增大。 */
.game-trend-table.ssc tbody td{font-size:0.8125rem}
.game-trend-table.ssc tbody td:first-child{font-size:0.875rem}
.game-trend-table.ssc .ssc-trend-numbers{gap:0.125rem}
.game-trend-table.ssc .ssc-trend-numbers i{width:1.625rem;height:1.625rem;font-size:0.8125rem}
@media(max-width:400px){.game-trend-table.ssc col.numbers{width:30%}.game-trend-table.ssc col.total{width:8%}.game-trend-table.ssc col.dragon{width:8%}.game-trend-table.ssc tbody td{font-size:0.75rem}.game-trend-table.ssc tbody td:first-child{font-size:0.75rem}.game-trend-table.ssc .ssc-trend-numbers{gap:0.0625rem}.game-trend-table.ssc .ssc-trend-numbers i{width:1.375rem;height:1.375rem;font-size:0.75rem}}

/* 所有玩法的走势图期号不再使用难以辨认的小字号。 */
.game-trend-table tbody td:first-child{font-size:0.75rem}

/* 瞄牌弹层复用顶部开奖号码，并以高分屏画布实现手指刮开。 */
.game-aim-dialog{position:fixed;z-index:58;inset:0;display:grid;place-items:center;padding:clamp(1rem,4vw,1.75rem);background:rgba(var(--palette-overlay-rgb, 22,29,37),0.7);backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem)}
.game-aim-card{width:min(100%,26rem);overflow:hidden;border-radius:1.35rem;background:var(--palette-surface, #fff);box-shadow:0 1.5rem 4rem rgba(var(--palette-shadow-rgb, 0,0,0),0.28)}
.game-aim-card>header{display:flex;min-height:4rem;align-items:center;justify-content:space-between;padding:0 1.35rem;color:#fff;background:linear-gradient(115deg,var(--palette-primary, #128df5),var(--palette-green, #18a8a4))}
.game-aim-card>header strong{font-size:clamp(1.25rem,5vw,1.55rem);font-weight:800}
.game-aim-card>header button{display:grid;width:2.65rem;height:2.65rem;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(var(--palette-surface-rgb, 255,255,255),0.18)}
.game-aim-card>header button>i{position:relative;display:block;width:1.35rem;height:1.35rem}
.game-aim-card>header button>i:before,.game-aim-card>header button>i:after{position:absolute;top:50%;left:50%;width:1.35rem;height:.16rem;border-radius:999rem;background:currentColor;content:"";transform:translate(-50%,-50%) rotate(45deg)}
.game-aim-card>header button>i:after{transform:translate(-50%,-50%) rotate(-45deg)}
.game-aim-body{padding:clamp(1.1rem,4vw,1.35rem)}
.game-aim-board{position:relative;display:grid;width:100%;height:clamp(13.5rem,56vw,15rem);place-items:center;overflow:hidden;border:.0625rem solid var(--palette-line, #d9e5f0);border-radius:1.15rem;background:var(--palette-surface, #f7fbff)}
.game-aim-result{display:grid;width:100%;place-items:center;gap:.85rem;padding:1rem;color:var(--palette-text, #17324f);text-align:center}
.game-aim-result>strong{font-size:clamp(1.5rem,6vw,1.725rem);font-weight:800}
.game-aim-result>span{padding:.42rem .8rem;border-radius:999rem;color:var(--palette-success, #13814d);background:var(--palette-surface, #e8f8ef);font-size:1.38rem;font-weight:800}
.game-aim-result-line{width:100%;justify-content:center;overflow:visible}
.game-aim-result-line .game-aim-numbers{zoom:var(--aim-result-zoom,1.5);width:max-content;flex:0 0 auto;flex-wrap:nowrap;justify-content:center;overflow:visible;padding:0!important}
.game-aim-result-line .game-aim-numbers>*{flex-shrink:0}
.game-aim-result-line .game-draw-balls.pk10-results{width:calc(100% / 1.5);flex-wrap:wrap;justify-content:center;padding:0}
.game-aim-result-line .game-draw-balls.k3-results,.game-aim-result-line .game-draw-balls.ssc-results{justify-content:center;padding:0}
#game-aim-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .18s ease}
.game-aim-board.opened #game-aim-canvas{pointer-events:none;opacity:0}
#game-aim-hint{min-height:1.5rem;margin:1rem 0 .75rem;color:var(--palette-muted, #708096);font-size:clamp(.95rem,3.8vw,1.05rem);text-align:center}
#game-aim-reset{width:100%;min-height:3.25rem;border:0;border-radius:.9rem;color:#fff;background:var(--palette-primary, #168ff0);font-size:1.1rem;font-weight:800}
html:has(.game-aim-dialog:not([hidden])),body:has(.game-aim-dialog:not([hidden])){overflow:hidden}
@media(max-width:24rem){.game-aim-dialog{padding:.75rem}.game-aim-card>header{min-height:3.6rem;padding-inline:1rem}.game-aim-body{padding:1rem}.game-aim-board{height:13rem}.game-aim-result-line .game-draw-balls.pk10-results{gap:.12rem}.game-aim-result-line .game-result-ball.compact.pk10{width:1.22rem;min-width:1.22rem;max-width:1.22rem;height:1.22rem;flex-basis:1.22rem;font-size:0.75rem}}

/* 下注记录日期筛选的未选项保留按钮边界。 */
.finance-bet-period button{border:1px solid var(--palette-line, #cbd9e8)}
.finance-bet-period button:not(.active){color:var(--palette-text, #45556a);background:var(--palette-surface, #fff);box-shadow:0 1px 3px rgba(var(--palette-shadow-rgb, 48,82,119),0.06)}
.finance-bet-period button.active{border-color:var(--palette-focus, #287ff0)}

/* 四档快捷金额编辑器从页面底部升起，所有玩法共用。 */
.game-coin-editor{position:fixed;z-index:55;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(var(--palette-overlay-rgb, 18,30,45),0.68)}
.game-coin-editor-card{width:min(31.25rem,100%);overflow:hidden;padding:0 1.25rem calc(1.125rem + env(safe-area-inset-bottom));border-radius:1.375rem 1.375rem 0 0;background:var(--palette-surface, #fff);box-shadow:0 -16px 40px rgba(var(--palette-shadow-rgb, 14,38,66),0.24);animation:game-coin-editor-in .18s ease-out}
.game-coin-editor-card>header{display:flex;height:3.25rem;align-items:center;justify-content:space-between;margin:0 -1.25rem;padding:0 1.25rem;color:#fff;background:var(--palette-primary, #0d89f5)}
.game-coin-editor-card>header strong{font-size:1.0625rem}
.game-coin-editor-card>header button{display:grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;border:0;color:#fff;background:transparent;line-height:1}
.game-coin-editor-card>header button>i{display:block;width:0.5625rem;height:0.5625rem;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-0.125rem) rotate(45deg)}
.game-coin-editor-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.625rem;padding:1.25rem 0}
.game-coin-editor-inputs input{width:100%;height:3.125rem;min-width:0;padding:0 0.375rem;border:1px solid var(--palette-line, #e3e8f2);border-radius:0.5rem;outline:0;color:var(--palette-text, #34445c);background:var(--palette-surface, #eef1fb);font-size:1rem;font-weight:800;text-align:center}
.game-coin-editor-inputs input:focus{border-color:var(--palette-focus, #168ff0);box-shadow:0 0 0 3px rgba(var(--palette-shadow-rgb, 22,143,240),0.12)}
.game-coin-editor-card>footer{display:grid;grid-template-columns:1fr 1fr;gap:1.125rem}
.game-coin-editor-card>footer button{height:3.125rem;border:0;border-radius:0.5625rem;font-size:1.0625rem;font-weight:800}
#game-coin-editor-reset{color:var(--palette-muted, #68758b);background:var(--palette-surface, #eceffa)}
#game-coin-editor-save{color:#fff;background:var(--palette-primary, #0d89f5)}
html:has(.game-coin-editor:not([hidden])),body:has(.game-coin-editor:not([hidden])){overflow:hidden}
@keyframes game-coin-editor-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:360px){.game-coin-editor-inputs{gap:0.375rem}.game-coin-editor-card>footer{gap:0.625rem}}

/* 非PC28玩法收起时，底部只保留展开专业下注区的入口，不提供命令下注。 */
.game-mode-toggle>i.collapse-icon:before{display:block;width:1.125rem;height:1.125rem;border-right:2px solid var(--palette-line, #fff);border-bottom:2px solid var(--palette-line, #fff);content:"";transform:translateY(-0.25rem) rotate(45deg)}
.game-command-dock.expand-only{grid-template-columns:minmax(0,1fr)}
.game-command-dock.expand-only input{cursor:pointer;color:var(--palette-accent, #1688df);background:var(--palette-surface, #f7fbff);text-align:center;font-weight:700}

/* 内置客服可发送图片；公共群聊仅渲染运营图片，不改变玩家文字发送入口。 */
.player-service-send-actions{display:grid;min-width:8.125rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}
.player-service-send-actions>button{width:100%;min-width:0;padding-inline:0.5rem}
.player-service-image-button{border:1px solid var(--palette-line, #d4e5f2);border-radius:0.75rem;color:var(--palette-accent, #397cae);background:var(--palette-surface, #f7fbfe);font-size:0.75rem;font-weight:800}
.player-service-image-button:disabled{opacity:.55;cursor:wait}
.player-service-message-image,.player-chat-image{display:block;width:auto;max-width:min(100%,20rem);max-height:20rem;object-fit:contain;border-radius:0.75rem}
#service-panel .player-message>section>div:has(>.player-service-message-image){padding:0.375rem;white-space:normal}
.player-service-message-image{background:var(--palette-surface, #fff)}
.player-chat-image{border:1px solid var(--palette-line, #d8e8f3);background:var(--palette-surface, #f6fbfe)}
.group-chat-message.mine .player-chat-image{justify-self:end}
@media(max-width:470px){.player-service-send-actions{width:100%}.player-service-message-image,.player-chat-image{max-height:16.25rem}}

/* 客服编辑栏始终把输入框约束在剩余空间内，避免固有宽度将操作按钮推出页面。 */
#service-panel .chat-card>form{
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto;
}
#service-panel .chat-card>form>textarea{
  width:100%;
  min-width:0;
}
#service-panel .player-service-send-actions{
  min-width:8.125rem;
  max-width:100%;
}

/* 身份信息不是消息气泡：昵称位于头像上方，并与相邻气泡保持为同一组。 */
#service-panel .player-message>.player-message-identity,
#service-panel .player-message.mine>.player-message-identity{
  padding:0;
  border-radius:0;
  color:var(--palette-muted, #70849b);
  background:transparent;
  font-size:inherit;
  line-height:normal;
  white-space:normal;
}
#service-panel .player-message-identity>strong{
  width:100%;
  overflow-x:auto;
  color:var(--palette-muted, #70849b);
  text-overflow:clip;
  scrollbar-width:none;
}
#service-panel .player-message-identity>strong::-webkit-scrollbar{display:none}

/* 全局轻提示始终高于业务弹窗、确认层和图片查看器。 */
.toasts{z-index:2147483647}

/* 验证码只在图片完整解码后显示，刷新与失败期间使用稳定占位。 */
.captcha-image .captcha-status{
  position:absolute;
  z-index:1;
  inset:0;
  display:grid;
  place-items:center;
  padding:0 0.5rem;
  color:var(--palette-text, #53677a);
  background:var(--palette-surface, #fff);
  font-size:0.8125rem;
  font-weight:700;
  line-height:1.25;
  text-align:center;
}

/* 聊天编辑栏使用紧凑的等高控件，发送按钮保持圆角矩形。 */
#chat-panel .group-chat-form,
#service-panel .chat-card>form{align-items:end}
#chat-panel .group-chat-form>textarea,
#service-panel .chat-card>form>textarea{
  height:2.75rem;
  min-height:2.75rem;
  padding:0.625rem 0.75rem;
  border-radius:0.75rem;
  line-height:1.5;
}
#chat-panel #chat-send,
#service-panel .player-service-send-actions,
#service-panel .player-service-send-actions>button{
  height:2.75rem;
  min-height:2.75rem;
}
#chat-panel #chat-send,
#service-panel .player-service-send-actions>button{border-radius:0.75rem}

/* 首页与游戏页的轮播图、公告栏使用相同的紧凑间距。 */
.lobby-overview>.home-user-card{
  padding-top:clamp(0.375rem,1.8vw,0.5rem);
}

.auth-view.has-platform-background{
  background-color:transparent;
  background-image:var(--player-platform-background);
  background-repeat:repeat-y;
  background-position:center top;
  background-size:100% auto;
  background-attachment:scroll;
}
#app-view.has-platform-background>.page-scroll{
  background-color:var(--palette-surface, #eef3f9);
  background-image:linear-gradient(rgba(var(--palette-surface-rgb, 243,246,250),0.34),rgba(var(--palette-surface-rgb, 238,243,249),0.34)),var(--player-platform-background);
  background-repeat:no-repeat,repeat-y;
  background-position:center top;
  background-size:100% 100%,100% auto;
  background-attachment:scroll;
}
#app-view.has-platform-background .tab-panel{background:transparent}
.auth-view.has-platform-background .auth-shell{
  background:transparent;
  backdrop-filter:none;
}
button.is-busy{position:relative;color:transparent!important;pointer-events:none}
button.is-busy>*{visibility:hidden!important}
button.is-busy:after{position:absolute;top:50%;left:50%;width:1em;height:1em;border:2px solid currentColor;border-color:var(--palette-line, #fff) var(--palette-line, #fff) transparent transparent;border-radius:50%;content:"";animation:shared-button-spin .7s linear infinite;transform:translate(-50%,-50%)}
@keyframes shared-button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* 房间消息直接复用公共聊天室气泡，仅 @昵称 使用提示色。 */
.group-chat-messages>.group-chat-message,
.game-room-chat-messages>.group-chat-message{flex:0 0 auto}
.group-chat-message:not(.mine):not(.operator) p{border:1px solid var(--palette-line, #b7dfca);color:var(--palette-success, #315b49);background:var(--palette-surface-soft, #dff4e9);box-shadow:0 3px 10px rgba(var(--palette-shadow-rgb, 48,105,78),0.08)}
.group-chat-message.mine p{border-color:var(--palette-focus, #1677ff);color:#fff;background:var(--palette-primary, #1677ff)}
.group-chat-message.operator p{border:1px solid var(--palette-line, #b6d5f5);color:var(--palette-text, #315a82);background:var(--palette-surface, #e4f1ff);box-shadow:0 3px 10px rgba(var(--palette-shadow-rgb, 49,90,130),0.08)}
.group-chat-message.operator header strong{display:inline-flex;min-width:0;align-items:center;gap:0.3125rem}
.group-chat-message.operator header strong:after{display:inline-flex;height:1.125rem;flex:0 0 auto;align-items:center;padding:0 0.375rem;border-radius:62.4375rem;color:var(--palette-accent, #2876bd);background:var(--palette-surface-soft, #d3e9ff);content:"管理员";font-size:0.75rem;font-weight:800;line-height:1}
.game-room-chat-messages .room-chat-mention{display:inline;color:var(--palette-accent, #237fbc);font-weight:900}
.game-kk-top{flex-basis:15.25rem}
.game-room-notice{height:2.125rem;min-height:2.125rem;margin:0.25rem 0.75rem 0;padding:0.25rem 0.6875rem;border-radius:0.75rem}
.game-room-notice .notice-icon{width:1.375rem;height:1.375rem;background:transparent;color:var(--palette-accent, #1677ff)}
.game-room-notice p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:470px){.game-kk-top{flex-basis:14.8125rem}}
@media(max-height:800px){.game-kk-top{flex-basis:13.5rem}.game-room-notice{height:1.875rem;min-height:1.875rem}}

/* 群投模式没有页面标签栏，顶部区域同步收起，聊天内容直接衔接开奖区。 */
.game-kk-top.compact{height:auto;min-height:0;flex:0 0 auto;margin:0;padding:0}
.game-kk-top.compact>.game-page-tabs[hidden]{display:none!important;height:0;min-height:0;margin:0;padding:0}

/* 品牌区统一使用方形 LOGO，靠左排列并在右侧显示平台名称。 */
:root{
  --player-brand-logo-size:clamp(2.125rem,8.8vw,2.75rem);
  --player-brand-left:clamp(0.5rem,2.4vw,0.75rem);
  --player-brand-gap:clamp(0.375rem,1.8vw,0.5625rem);
}
.lobby-overview .topbar-logo{
  left:var(--player-brand-left);
  width:auto;
  max-width:calc(100% - 7rem);
  gap:var(--player-brand-gap);
  justify-content:flex-start;
}
.lobby-overview .topbar-logo img{
  width:var(--player-brand-logo-size);
  height:var(--player-brand-logo-size);
  flex:0 0 var(--player-brand-logo-size);
  aspect-ratio:1;
  object-fit:contain!important;
  object-position:left center!important;
}
.lobby-overview .topbar-logo strong{
  position:static;
  width:auto;
  height:auto;
  max-width:calc(100% - var(--player-brand-logo-size) - var(--player-brand-gap));
  overflow:hidden;
  clip-path:none;
  color:var(--palette-text, #26354b);
  font-size:clamp(0.875rem,3.8vw,1.0625rem);
  font-weight:750;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.game-lobby-logo{justify-content:flex-start}
.game-lobby-logo img{object-position:left center!important}
.game-lobby-logo{width:2.875rem}
.game-lobby-logo img{width:2.6875rem;height:2.6875rem;flex-basis:2.6875rem;aspect-ratio:1;object-fit:contain!important}
@media(max-width:499px){.game-lobby-logo{width:2.25rem}.game-lobby-logo img{width:1.9375rem;height:1.9375rem;flex-basis:1.9375rem}}

/* 登录与注册沿用大厅品牌区的尺寸、左距与名称排列。 */
.auth-brand{
  position:absolute;
  z-index:1;
  top:calc((var(--player-topbar-height) - var(--player-brand-logo-size))/2);
  right:auto;
  left:var(--player-brand-left);
  width:auto;
  max-width:calc(100% - 6rem);
  height:var(--player-brand-logo-size);
  flex-direction:row;
  gap:var(--player-brand-gap);
  margin:0;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
}
.auth-brand .brand-mark{
  width:var(--player-brand-logo-size);
  height:var(--player-brand-logo-size);
  flex:0 0 var(--player-brand-logo-size);
  aspect-ratio:1;
}
.auth-brand .brand-mark img{width:100%;height:100%;object-fit:contain!important;object-position:left center!important}
.auth-brand>div{
  position:static;
  width:auto;
  height:auto;
  overflow:hidden;
  clip-path:none;
  white-space:normal;
}
.auth-brand>div small{display:none}
.auth-brand>div strong{
  display:block;
  overflow:hidden;
  color:var(--palette-text, #26354b);
  font-size:clamp(0.875rem,3.8vw,1.0625rem);
  font-weight:750;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.auth-close{
  width:2rem;
  height:2rem;
  border:1px solid rgba(var(--palette-focus-rgb, 83,124,176),0.5);
  border-radius:50%;
  color:var(--palette-text, #526982);
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.72);
  box-shadow:0 3px 10px rgba(var(--palette-shadow-rgb, 45,79,119),0.14);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  font-size:1.5rem;
}
.auth-card{
  position:relative;
  display:flex;
  width:calc(100% + 2rem);
  flex-direction:column;
  margin-inline:-1rem;
  padding:1rem;
  border:1px solid rgba(var(--palette-focus-rgb, 83,124,176),0.45);
  border-radius:1.375rem;
  background:rgba(var(--palette-surface-rgb, 255,255,255),0.28);
  box-shadow:0 10px 28px rgba(var(--palette-shadow-rgb, 45,79,119),0.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
@media(max-width:420px){
  .auth-card{width:calc(100% + 1.5rem);margin-inline:-0.75rem;padding:0.75rem}
}

/* 有平台背景图时，游戏列表的内容层保持透明，背景从顶部连续铺满。 */
#app-view.has-platform-background #game-panel:not([hidden]),
#app-view.has-platform-background #game-panel>.room-list{background:transparent}

/* 首页与游戏大厅共用同一套品牌栏、轮播和滚动公告；剩余高度自动交给游戏列表。 */
#game-panel{
  --home-gutter:clamp(0.75rem,3.2vw,1rem);
  --home-radius:clamp(0.875rem,3.85vw,1.25rem);
}
#game-panel:not([hidden]){
  height:calc(100dvh - 3.625rem - env(safe-area-inset-bottom));
  min-height:0;
  grid-template-rows:auto minmax(0,1fr);
}
#game-panel>.lobby-overview{grid-row:1;grid-column:1/-1}
#game-panel>.game-filters{
  top:0;
  height:100%;
  min-height:0;
  grid-row:2;
}
#game-panel>.room-list{
  min-height:100%;
  grid-row:2;
}

/* 同一皮肤的首页和大厅共用底色，上传背景继续由上层容器绘制。 */
#home-panel,#game-panel:not([hidden]){background:transparent}
.lobby-overview>.home-user-card{height:auto;min-height:0}
/* YL/NG 共用的卡片外壳；NG 的紧凑布局在 ng.css 中覆盖。 */
body:is([data-skin="2"],[data-skin="3"]) {
  --player-accent: #176bdf;
  --blue: #2379e9;
  --blue-deep: #175cc3;
  --ink: #1c3353;
  --muted: #75869e;
  --line: #e1eaf5;
  --soft: #f1f6fd;
  background: var(--palette-surface-soft, #e8eef6);
  color: var(--ink);
}
body:is([data-skin="2"],[data-skin="3"]) #app-view { background: var(--palette-surface, #f5f8fd); }
body:is([data-skin="2"],[data-skin="3"]) #app-view.has-platform-background { background-image: var(--player-platform-background); }
body:is([data-skin="2"],[data-skin="3"]) #home-panel .yl-home { padding: 0 1rem 1.25rem; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .topbar {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  height: 4.375rem; min-height: 4.375rem; margin: 0; padding: 0;
  background: transparent; border: 0; box-shadow: none;
}
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .topbar-logo {
  position: static; transform: none; display: flex; align-items: center; gap: .625rem;
  max-width: calc(100% - 5.5rem); padding: 0;
}
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .topbar-logo img { width: 2.5rem; height: 2.5rem; border-radius: .8125rem; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .topbar-logo strong { font-size: 1.125rem; color: var(--palette-text, #203858); letter-spacing: .025em; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .top-actions { position: static; gap: .5rem; transform: none; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .top-actions button { width: 2rem; height: 2rem; border-radius: .625rem; background: var(--palette-surface, #eaf1fc); color: var(--palette-accent, #4374b1); }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .hero { width: 100%; height: auto; aspect-ratio: 878 / 329; margin: 0 0 .625rem; border-radius: 1rem; box-shadow: 0 5px 16px rgba(var(--palette-shadow-rgb, 34,61,105),0.06274509803921569); }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .hero-track, body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .hero-slide { height: 100%; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .home-user-card { margin: 0; padding: .5rem .625rem; border: 1px solid var(--palette-line, #e7edf7); border-radius: .625rem; background: rgba(var(--palette-surface-rgb, 255,255,255),0.7019607843137254); box-shadow: none; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .home-user-card .notice-bar { min-height: 1.25rem; height: auto; padding: 0; margin: 0; border: 0; background: transparent; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .home-user-card .notice-bar p { color: var(--palette-muted, #6c7c92); font-size: .75rem; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .notice-icon { color: var(--palette-accent, #2778df); background: transparent; }
.yl-account { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1.25rem .125rem 1rem; }
.yl-account>div { min-width: 0; }
.yl-account small { display: block; color: var(--palette-muted, #7a8a9f); font-size: .6875rem; margin-bottom: .25rem; }
.yl-account strong { display: block; font-size: 1rem; overflow-wrap: anywhere; }
.yl-login { flex-shrink: 0; display: flex; align-items: center; gap: .625rem; background: var(--palette-surface, #e8f0fd); color: var(--palette-accent, #2166c7); border: 1px solid var(--palette-line, #dce7fa); border-radius: .75rem; padding: .6875rem .8125rem; font-size: .75rem; font-weight: 700; white-space: nowrap; }
.yl-login span { font-size: 1.125rem; line-height: 1; }
.yl-balance { border: 0; padding: 0; background: transparent; text-align: right; }
.yl-balance small { display: flex; align-items: center; justify-content: flex-end; gap: .25rem; }
.yl-score-eye { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; color: var(--palette-accent, #1b67d2); }
.yl-score-eye.is-hidden { color: var(--palette-muted, #8998aa); }
.yl-balance strong { color: var(--palette-accent, #1b67d2); font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.yl-shortcuts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; padding: .9375rem .25rem; border: 1px solid var(--palette-line, #e7edf5); border-radius: 1rem; background: var(--palette-surface, #fff); box-shadow: 0 4px 14px rgba(var(--palette-shadow-rgb, 33,67,113),0.0196078431372549); }
.yl-shortcuts button { display: grid; justify-items: center; gap: .4375rem; padding: 0; border: 0; background: none; color: var(--palette-text, #3f5069); font-size: .75rem; white-space: nowrap; }
.yl-shortcuts i { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .9375rem; }
.yl-shortcuts svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.yl-icon-calendar { background: var(--palette-surface, #e9f2ff); color: var(--palette-accent, #3178db); }
.yl-icon-wheel { background: var(--palette-surface, #f0ecff); color: var(--palette-accent, #8c70d8); }
.yl-icon-invite { background: var(--palette-surface, #e8f8f5); color: var(--palette-success, #359d91); }
.yl-icon-gift { background: var(--palette-surface, #fff1e6); color: var(--palette-danger, #dc9350); }
.yl-section-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1.375rem .125rem .8125rem; }
.yl-section-heading small { display: block; margin-bottom: .25rem; color: var(--palette-muted, #91a0b5); font-size: .625rem; letter-spacing: .12em; }
.yl-section-heading h2 { margin: 0; font-size: 1.125rem; letter-spacing: .04em; color: var(--palette-text, #203858); }
.yl-section-heading button { border: 0; background: none; color: var(--palette-muted, #7589a4); font-size: .6875rem; white-space: nowrap; }
.yl-section-heading button span { margin-left: .25rem; color: var(--palette-accent, #327ce0); }
.yl-games { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.yl-game-card { position: relative; display: block; min-width: 0; aspect-ratio: 8 / 5; padding: 0; overflow: hidden; text-align: left; border: 0; border-radius: 1rem; background: var(--palette-surface, #e8f0f9); box-shadow: 0 3px 12px rgba(var(--palette-shadow-rgb, 37,69,120),0.047058823529411764); }
.yl-game-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: fill; }
.yl-game-copy { position: absolute; inset: auto 0 0; padding: 1.5rem .75rem .75rem; background: linear-gradient(transparent, rgba(var(--palette-overlay-rgb, 16,45,85),0.7215686274509804)); color: #fff; }
.yl-game-copy strong { display: block; font-size: .875rem; line-height: 1.4; overflow-wrap: anywhere; text-shadow: 0 1px 4px rgba(var(--palette-shadow-rgb, 16,45,85),0.25098039215686274); }
.yl-bottom-nav { position: fixed; z-index: 20; bottom: 0; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); width: min(100%,31.25rem); height: calc(3.625rem + env(safe-area-inset-bottom)); padding: .4375rem .5rem calc(.375rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--palette-line, #e5ebf4); background: rgba(var(--palette-surface-rgb, 255,255,255),0.9607843137254902); backdrop-filter: blur(16px); box-shadow: 0 -4px 18px rgba(var(--palette-shadow-rgb, 34,61,105),0.0196078431372549); }
.yl-bottom-nav button { display: grid; align-content: center; justify-items: center; gap: .25rem; padding: 0; border: 0; background: transparent; color: var(--palette-muted, #8a98ab); font-size: .625rem; white-space: nowrap; }
.yl-bottom-nav svg { width: 1.375rem; height: 1.375rem; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.yl-bottom-nav button.active { color: var(--palette-accent, #246ed6); font-weight: 700; }
.yl-bottom-nav button.active svg { fill: #eaf2ff; }
/* 内页保留共用功能和消息色彩，仅重设外壳、卡片与操作控件。 */
body:is([data-skin="2"],[data-skin="3"]) #app-view .sub-header { background: rgba(var(--palette-surface-rgb, 255,255,255),0.8509803921568627); border-bottom: 1px solid var(--palette-line, #e6edf7); color: var(--palette-text, #233d5c); }
body:is([data-skin="2"],[data-skin="3"]) :is(.auth-submit,.primary-button,.game-append-button) { background: linear-gradient(115deg,var(--palette-primary, #246fdf),var(--palette-primary, #4199ef)); box-shadow: 0 4px 12px rgba(var(--palette-shadow-rgb, 36,111,223),0.12549019607843137); }
body:is([data-skin="2"],[data-skin="3"]) :is(.auth-submit,.primary-button,.game-append-button):disabled { opacity: 1; background: var(--palette-surface-soft, #e0e9f5); color: var(--palette-muted, #788ba3); box-shadow: none; cursor: default; }
body:is([data-skin="2"],[data-skin="3"]) :is(.notice-card,.activity-card,.agent-card,.finance-card,.settings-card) { border: 1px solid var(--palette-line, #e6edf6); border-radius: .875rem; box-shadow: 0 4px 14px rgba(var(--palette-shadow-rgb, 37,69,120),0.023529411764705882); }
body:is([data-skin="2"],[data-skin="3"]) #mine-panel .mine-profile-card { background: linear-gradient(135deg,var(--palette-surface, #eff5ff),var(--palette-surface, #fff)); border: 1px solid var(--palette-line, #e2ebf8); border-radius: 1rem; }
body:is([data-skin="2"],[data-skin="3"]) #mine-panel .mine-menu-group { border-radius: .875rem; border: 1px solid var(--palette-line, #e7edf6); }
body:is([data-skin="2"],[data-skin="3"]) .auth-view { background: radial-gradient(ellipse at 90% 0,var(--palette-surface-soft, #dbeaff),transparent 60%),var(--palette-surface, #f4f7fc); }
body:is([data-skin="2"],[data-skin="3"]) .auth-shell { border: 1px solid var(--palette-line, #e1e9f5); border-radius: 1.5rem; background: rgba(var(--palette-surface-rgb, 255,255,255),0.8509803921568627); box-shadow: 0 12px 40px rgba(var(--palette-shadow-rgb, 33,67,113),0.0392156862745098); }
body:is([data-skin="2"],[data-skin="3"]) .auth-input { border-color: var(--palette-line, #e0e8f3); background: var(--palette-surface, #f7f9fd); }
body:is([data-skin="2"],[data-skin="3"]) #game-panel:not([hidden]) { display: flex; flex-direction: column; background: transparent; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters { position: static; display: flex; flex: 0 0 auto; width: 100%; padding: .75rem 1rem; gap: .5rem; overflow-x: auto; border: 0; background: transparent; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters button { display: flex; flex: 0 0 auto; align-items: center; gap: .375rem; width: auto; min-height: 2.5rem; margin: 0; padding: .625rem .75rem; border: 1px solid var(--palette-line, #e1e9f5); border-radius: .75rem; background: var(--palette-surface, #fff); color: var(--palette-muted, #657b99); }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters button.active { border-color: var(--palette-line, #c9ddfb); background: var(--palette-surface, #e9f2ff); color: var(--palette-accent, #216bd2); }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters button span { white-space: nowrap; font-size: .75rem; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters button i { width: 1.125rem; height: 1.125rem; margin: 0; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.room-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; padding: .25rem 1rem 1rem; gap: .75rem; background: transparent; align-content: start; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.room-list.merged { grid-template-columns: 1fr; }
body:is([data-skin="2"],[data-skin="3"]) .player-room-group>div { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:is([data-skin="2"],[data-skin="3"]) #game-panel .room-item { border: 1px solid var(--palette-line, #e2eaf5); border-radius: .875rem; background: var(--palette-surface, #fff); overflow: hidden; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel .room-rule-button { color: var(--palette-accent, #477bbd); background: var(--palette-surface, #f0f5fd); }
@media(max-width:359px) {
  body:is([data-skin="2"],[data-skin="3"]) #home-panel .yl-home { padding-inline: .75rem; }
  .yl-games { gap: .5rem; }
  .yl-game-copy strong { font-size: .75rem; }
}
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters { height: auto; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.room-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.game-filters { flex-direction: row; }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.hero { flex: 0 0 auto; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .hero { padding: 0; border: 0; overflow: hidden; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .hero-track { padding: 0; border-radius: inherit; }
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .home-user-card { width: 100%; }

body:is([data-skin="2"],[data-skin="3"]) .hero-dots:empty { display: none; }
/* 共用历史样式锁定了轮播圆角，YL 在自身作用域内恢复卡片轮廓。 */
body:is([data-skin="2"],[data-skin="3"]) .lobby-overview .hero { border-radius: 1rem !important; }

@media (hover: hover) and (pointer: fine) {
  body:is([data-skin="2"],[data-skin="3"]) #game-panel > .game-filters { scrollbar-width: auto; scrollbar-color: var(--palette-surface-raised, #91add2) var(--palette-surface-soft, #e4ecf7); }
  body:is([data-skin="2"],[data-skin="3"]) #game-panel > .game-filters::-webkit-scrollbar { display: block; height: .625rem; }
  body:is([data-skin="2"],[data-skin="3"]) #game-panel > .game-filters::-webkit-scrollbar-track { background: var(--palette-surface-soft, #e4ecf7); border-radius: 1rem; }
  body:is([data-skin="2"],[data-skin="3"]) #game-panel > .game-filters::-webkit-scrollbar-thumb { background: var(--palette-surface-raised, #91add2); border: 2px solid var(--palette-line, #e4ecf7); border-radius: 1rem; }
  body:is([data-skin="2"],[data-skin="3"]) #game-panel > .game-filters::-webkit-scrollbar-thumb:hover { background: var(--palette-primary, #658bbf); }
}

body:is([data-skin="2"],[data-skin="3"]) { --lobby-gutter: 1rem; }
body:is([data-skin="2"],[data-skin="3"]) #home-panel .yl-home { padding-inline: var(--lobby-gutter); }
body:is([data-skin="2"],[data-skin="3"]) #game-panel>.lobby-overview { padding-inline: var(--lobby-gutter); }
@media(max-width:359px) { body:is([data-skin="2"],[data-skin="3"]) { --lobby-gutter: .75rem; } }
/* NG 保留紧凑账户工具条与双列入口，业务组件及消息配色与其他皮肤共用。 */
body[data-skin="3"] {
  --player-accent: #3265cf;
  --blue: #3265cf;
  --blue-deep: #214ba8;
  --ink: #25354e;
  --muted: #8490a4;
  --line: #e7ebf2;
  --soft: #f6f8fc;
  background: var(--palette-surface, #eef1f6);
}
body[data-skin="3"] #app-view { background-color: var(--palette-surface, #fff); }
body[data-skin="3"] #app-view:not(.has-platform-background) > .page-scroll { background: var(--palette-surface, #fff); }
body[data-skin="3"] #app-view:not(.has-platform-background) .tab-panel { background: transparent; }
body[data-skin="3"] #home-panel .ng-home { padding: 0 .875rem 1.25rem; }
body[data-skin="3"] .lobby-overview .topbar { height: 3.75rem; min-height: 3.75rem; }
body[data-skin="3"] .lobby-overview .topbar-logo { gap: .5rem; max-width: calc(100% - 6.5rem); }
body[data-skin="3"] .lobby-overview .topbar-logo img { width: 2rem; height: 2rem; border-radius: .625rem; }
body[data-skin="3"] .lobby-overview .topbar-logo strong { color: var(--palette-text, #25354e); font-size: 1rem; letter-spacing: 0; }
body[data-skin="3"] .lobby-overview .top-actions .ng-activity-entry {
  display: flex; align-items: center; gap: .375rem; width: auto; height: auto; padding: .4375rem .625rem;
  border: 1px solid var(--palette-line, #ffe0d2); border-radius: .625rem; background: var(--palette-surface, #fff2eb); color: var(--palette-danger, #bb6542);
  font-size: .6875rem; font-weight: 600; white-space: nowrap;
}
body[data-skin="3"] .lobby-overview .hero { border-radius: .875rem !important; box-shadow: none; }
body[data-skin="3"] .lobby-overview .home-user-card { border-radius: 2rem; border-color: var(--palette-line, #edf0f6); background: var(--palette-surface, #f7f9fd); }
.ng-home-tools {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); align-items: center; gap: .75rem;
  margin-top: .875rem; padding: 1rem .75rem; border: 1px solid var(--palette-line, #e9edf5); border-radius: .875rem;
  background: var(--palette-surface, #fff); box-shadow: 0 5px 16px rgba(var(--palette-shadow-rgb, 38,62,113),0.06274509803921569);
}
.ng-home-tools .yl-account { flex-direction: column-reverse; align-items: flex-start; justify-content: center; gap: .4375rem; padding: 0; }
.ng-home-tools .yl-account>div>small { display: none; }
.ng-home-tools .yl-account>div>strong { color: var(--palette-muted, #7d8aa0); font-size: .6875rem; font-weight: 500; }
.ng-home-tools .yl-balance { max-width: 100%; text-align: left; }
.ng-home-tools .yl-balance small { justify-content: flex-start; font-size: .625rem; }
.ng-home-tools .yl-balance strong { color: var(--palette-text, #293a56); font-size: 1.25rem; letter-spacing: -.025em; }
.ng-home-tools .yl-score-eye { width: .875rem; height: .875rem; }
.ng-home-tools .yl-login { padding: .5rem .375rem; border-radius: .5rem; font-size: .625rem; gap: .125rem; }
.ng-home-tools .yl-shortcuts { gap: .5rem; padding: .125rem 0 .125rem .625rem; border: 0; border-left: 1px solid var(--palette-line, #edf0f5); border-radius: 0; box-shadow: none; }
.ng-home-tools .yl-shortcuts button { gap: .4375rem; color: var(--palette-muted, #6f7d94); font-size: .6875rem; }
.ng-home-tools .yl-shortcuts i { width: 2.125rem; height: 2.125rem; border-radius: .6875rem; }
.ng-home-tools .yl-shortcuts svg { width: 1.125rem; height: 1.125rem; }
.ng-home-tools .yl-icon-calendar { background: var(--palette-surface, #eaf1ff); color: var(--palette-accent, #4b7ce0); }
.ng-home-tools .yl-icon-wheel { background: var(--palette-surface, #fff4e3); color: var(--palette-danger, #d59d45); }
.ng-home-tools .yl-icon-invite { background: var(--palette-surface, #fff0ed); color: var(--palette-danger, #d67a69); }
.ng-home-tools .yl-icon-notice { background: var(--palette-surface-soft, #e8f7f2); color: var(--palette-success, #5b9e89); }
.ng-home .yl-section-heading { padding: 1.25rem .125rem .75rem; }
.ng-home .yl-section-heading h2 { color: var(--palette-text, #293a56); font-size: 1rem; letter-spacing: .025em; }
.ng-home .yl-section-heading button { color: var(--palette-muted, #8794a9); }
.ng-home .yl-games { grid-template-columns: 1fr; gap: .625rem; }
.ng-home .yl-game-card { aspect-ratio: 3 / 1; border-radius: .75rem; background: var(--palette-surface, #f4f6fa); box-shadow: 0 2px 8px rgba(var(--palette-shadow-rgb, 38,62,113),0.0392156862745098); }
.ng-home .yl-game-copy { padding: 1.125rem .625rem .625rem; background: linear-gradient(transparent,rgba(var(--palette-overlay-rgb, 26,46,80),0.7490196078431373)); }
.ng-home .yl-game-copy strong { font-size: .8125rem; font-weight: 600; }
body[data-skin="3"] .yl-bottom-nav { border-top-color: var(--palette-line, #e9edf4); background: rgba(var(--palette-surface-rgb, 255,255,255),0.9607843137254902); box-shadow: 0 -3px 14px rgba(var(--palette-shadow-rgb, 36,53,84),0.01568627450980392); }
body[data-skin="3"] .yl-bottom-nav button { gap: .3125rem; color: var(--palette-muted, #8b96a9); }
body[data-skin="3"] .yl-bottom-nav button.active { color: var(--palette-accent, #3265cf); }
body[data-skin="3"] .yl-bottom-nav button.active svg { fill: #e5edfc; stroke-width: 1.9; }
body[data-skin="3"] #mine-panel .mine-profile-card { background: linear-gradient(135deg,var(--palette-surface, #f4f7ff),var(--palette-surface, #fff)); }
body[data-skin="3"] .auth-view { background: radial-gradient(ellipse at 0 0,var(--palette-surface, #e6edff),transparent 65%),var(--palette-surface, #f7f9fc); }
@media(max-width:359px) {
  body[data-skin="3"] #home-panel .ng-home { padding-inline: .75rem; }
  .ng-home-tools { gap: .5rem; padding: .875rem .5rem; }
  .ng-home-tools .yl-shortcuts { gap: .25rem; padding-left: .375rem; }
  .ng-home-tools .yl-shortcuts i { width: 1.875rem; height: 1.875rem; }
  .ng-home-tools .yl-balance strong { font-size: 1.125rem; }
  .ng-home .yl-game-copy strong { font-size: .75rem; }
}

body[data-skin="3"] #game-panel > .room-list,
body[data-skin="3"] #game-panel .player-room-group > div { grid-template-columns: 1fr; }
body[data-skin="3"] #game-panel .room-entry { aspect-ratio: 3 / 1; }

body[data-skin="3"] { --lobby-gutter: .875rem; }
body[data-skin="3"] #home-panel .ng-home { padding-inline: var(--lobby-gutter); }
@media(max-width:359px) { body[data-skin="3"] { --lobby-gutter: .75rem; } }
/* 布局与配色独立；原始颜色保留为各声明的 fallback，蓝色外观无需覆盖。
   这些语义变量同时覆盖三套布局和共用业务页面，不对上传图片做滤镜或着色。 */
body[data-palette="purple"] {
  --palette-overlay-rgb: 15,17,43;
  color-scheme: dark;
  --palette-stat-profit: #7f9cff;
  --palette-stat-period: #b697ff;
  --palette-canvas-rgb: 15,17,43;
  --palette-surface-rgb: 28,31,66;
  --palette-surface-soft-rgb: 22,25,55;
  --palette-surface-raised-rgb: 39,43,82;
  --palette-text-rgb: 236,237,252;
  --palette-muted-rgb: 166,173,208;
  --palette-accent-rgb: 184,175,255;
  --palette-primary-rgb: 104,82,225;
  --palette-focus-rgb: 132,114,242;
  --palette-line-rgb: 58,63,106;
  --palette-shadow-rgb: 5,7,25;
  --palette-danger-rgb: 255,151,178;
  --palette-success-rgb: 117,220,188;
  --palette-green-rgb: 28,73,69;
  --palette-warm-rgb: 92,47,76;
  --palette-link: #929aff;
  --palette-deep: #7868ed;
  --palette-player-accent: #a49aff;
  --palette-background-overlay: #0f112b42;
  --palette-button-start: #9254e9;
  --palette-button-end: #546ded;
  --palette-disabled-text: #9ca4c7;
  --palette-disabled-bg: #282c4b;
  --palette-disabled-line: #3a3f64;
  --palette-placeholder: #939bbf;
  --palette-nav: #171a39f5;
  --palette-nav-active: #b4a3ff;
  --palette-nav-icon: #343068;
  --palette-eye: #899bff;
  --palette-eye-hidden: #8a91af;
  --palette-chat-other-bg: #20554b;
  --palette-chat-other-text: #e8fff6;
  --palette-chat-other-line: #347566;
  --palette-chat-own-bg: #315cc5;
  --palette-chat-own-line: #577cd9;
  --palette-chat-admin-bg: #283e63;
  --palette-chat-admin-text: #deedff;
  --palette-chat-admin-line: #4b658d;
  --palette-notice: #b8afff;
  --palette-nav-solid: #171a39;
  --palette-demo-note: #ffdc9e;
}
body[data-palette="orange"] {
  --palette-overlay-rgb: 48,31,20;
  color-scheme: light;
  --palette-stat-profit: #b55a0c;
  --palette-stat-period: #936126;
  --palette-canvas-rgb: 246,245,243;
  --palette-surface-rgb: 255,255,255;
  --palette-surface-soft-rgb: 255,247,237;
  --palette-surface-raised-rgb: 255,240,220;
  --palette-text-rgb: 52,43,35;
  --palette-muted-rgb: 124,108,94;
  --palette-accent-rgb: 163,77,12;
  --palette-primary-rgb: 201,91,10;
  --palette-focus-rgb: 225,122,33;
  --palette-line-rgb: 233,221,208;
  --palette-shadow-rgb: 103,67,32;
  --palette-danger-rgb: 188,52,60;
  --palette-success-rgb: 37,128,94;
  --palette-green-rgb: 225,244,233;
  --palette-warm-rgb: 255,239,219;
  --palette-link: #ae500c;
  --palette-deep: #b9560c;
  --palette-player-accent: #b85810;
  --palette-background-overlay: #fff8ee12;
  --palette-button-start: #d66a12;
  --palette-button-end: #be5008;
  --palette-disabled-text: #82776c;
  --palette-disabled-bg: #eee9e3;
  --palette-disabled-line: #dcd3c9;
  --palette-placeholder: #887766;
  --palette-nav: #fffffff5;
  --palette-nav-active: #af4c08;
  --palette-nav-icon: #ffead0;
  --palette-eye: #397dd1;
  --palette-eye-hidden: #8c929b;
  --palette-chat-other-bg: #dff4e9;
  --palette-chat-other-text: #194c38;
  --palette-chat-other-line: #b7dfca;
  --palette-chat-own-bg: #316ed1;
  --palette-chat-own-line: #5387dc;
  --palette-chat-admin-bg: #e4effc;
  --palette-chat-admin-text: #244568;
  --palette-chat-admin-line: #c4d9f2;
  --palette-notice: #ae500c;
  --palette-nav-solid: #ffffff;
  --palette-demo-note: #895315;
}
body[data-palette="red"] {
  --palette-overlay-rgb: 16,15,18;
  color-scheme: dark;
  --palette-stat-profit: #ff91a4;
  --palette-stat-period: #d7a1b4;
  --palette-canvas-rgb: 16,15,18;
  --palette-surface-rgb: 32,30,35;
  --palette-surface-soft-rgb: 24,22,27;
  --palette-surface-raised-rgb: 45,40,47;
  --palette-text-rgb: 248,239,243;
  --palette-muted-rgb: 185,168,178;
  --palette-accent-rgb: 255,145,167;
  --palette-primary-rgb: 195,32,62;
  --palette-focus-rgb: 227,61,93;
  --palette-line-rgb: 72,55,65;
  --palette-shadow-rgb: 5,3,6;
  --palette-danger-rgb: 255,151,167;
  --palette-success-rgb: 123,220,177;
  --palette-green-rgb: 28,70,56;
  --palette-warm-rgb: 87,35,47;
  --palette-link: #ff8b9f;
  --palette-deep: #e84b69;
  --palette-player-accent: #ff8b9f;
  --palette-background-overlay: #100f1242;
  --palette-button-start: #d52b4b;
  --palette-button-end: #b81735;
  --palette-disabled-text: #b2a0ab;
  --palette-disabled-bg: #342c33;
  --palette-disabled-line: #58434f;
  --palette-placeholder: #ac929f;
  --palette-nav: #1b171cf5;
  --palette-nav-active: #ff8b9f;
  --palette-nav-icon: #512734;
  --palette-eye: #89a8ff;
  --palette-eye-hidden: #a196a0;
  --palette-chat-other-bg: #20554b;
  --palette-chat-other-text: #e8fff6;
  --palette-chat-other-line: #347566;
  --palette-chat-own-bg: #315cc5;
  --palette-chat-own-line: #577cd9;
  --palette-chat-admin-bg: #283e63;
  --palette-chat-admin-text: #deedff;
  --palette-chat-admin-line: #4b658d;
  --palette-notice: #ff8b9f;
  --palette-nav-solid: #1b171c;
  --palette-demo-note: #ffdc9e;
}
body[data-palette="pink"] {
  --palette-overlay-rgb: 49,27,43;
  color-scheme: light;
  --palette-stat-profit: #b7357b;
  --palette-stat-period: #9c4c86;
  --palette-canvas-rgb: 248,245,248;
  --palette-surface-rgb: 255,255,255;
  --palette-surface-soft-rgb: 255,244,249;
  --palette-surface-raised-rgb: 255,233,244;
  --palette-text-rgb: 62,43,57;
  --palette-muted-rgb: 132,108,124;
  --palette-accent-rgb: 169,49,108;
  --palette-primary-rgb: 192,48,115;
  --palette-focus-rgb: 213,82,143;
  --palette-line-rgb: 237,216,230;
  --palette-shadow-rgb: 100,47,81;
  --palette-danger-rgb: 188,49,78;
  --palette-success-rgb: 37,128,94;
  --palette-green-rgb: 225,244,233;
  --palette-warm-rgb: 255,231,239;
  --palette-link: #b02f70;
  --palette-deep: #b92f73;
  --palette-player-accent: #b73276;
  --palette-background-overlay: #fff3f912;
  --palette-button-start: #cf4388;
  --palette-button-end: #b82e73;
  --palette-disabled-text: #897881;
  --palette-disabled-bg: #efe6ec;
  --palette-disabled-line: #deced8;
  --palette-placeholder: #907585;
  --palette-nav: #fffffff5;
  --palette-nav-active: #b32970;
  --palette-nav-icon: #ffe2f1;
  --palette-eye: #397dd1;
  --palette-eye-hidden: #97919a;
  --palette-chat-other-bg: #dff4e9;
  --palette-chat-other-text: #194c38;
  --palette-chat-other-line: #b7dfca;
  --palette-chat-own-bg: #316ed1;
  --palette-chat-own-line: #5387dc;
  --palette-chat-admin-bg: #e4effc;
  --palette-chat-admin-text: #244568;
  --palette-chat-admin-line: #c4d9f2;
  --palette-notice: #b02f70;
  --palette-nav-solid: #ffffff;
  --palette-demo-note: #895315;
}
body[data-palette="green"] {
  --palette-overlay-rgb: 22,46,36;
  color-scheme: light;
  --palette-stat-profit: #19a86c;
  --palette-stat-period: #2e8b64;
  --palette-canvas-rgb: 243,246,245;
  --palette-surface-rgb: 255,255,255;
  --palette-surface-soft-rgb: 238,254,247;
  --palette-surface-raised-rgb: 223,252,240;
  --palette-text-rgb: 36,51,45;
  --palette-muted-rgb: 96,122,111;
  --palette-accent-rgb: 22,113,79;
  --palette-primary-rgb: 24,126,87;
  --palette-focus-rgb: 47,211,143;
  --palette-line-rgb: 210,231,222;
  --palette-shadow-rgb: 37,98,73;
  --palette-danger-rgb: 188,52,60;
  --palette-success-rgb: 37,128,94;
  --palette-green-rgb: 225,244,233;
  --palette-warm-rgb: 255,239,219;
  --palette-link: #18a268;
  --palette-deep: #19ac6f;
  --palette-player-accent: #1dab70;
  --palette-background-overlay: #effef812;
  --palette-button-start: #18805b;
  --palette-button-end: #126747;
  --palette-disabled-text: #6e8079;
  --palette-disabled-bg: #e4ede9;
  --palette-disabled-line: #cadbd4;
  --palette-placeholder: #698579;
  --palette-nav: #fffffff5;
  --palette-nav-active: #167851;
  --palette-nav-icon: #d4fbeb;
  --palette-eye: #397dd1;
  --palette-eye-hidden: #8c929b;
  --palette-chat-other-bg: #dff4e9;
  --palette-chat-other-text: #194c38;
  --palette-chat-other-line: #b7dfca;
  --palette-chat-own-bg: #316ed1;
  --palette-chat-own-line: #5387dc;
  --palette-chat-admin-bg: #e4effc;
  --palette-chat-admin-text: #244568;
  --palette-chat-admin-line: #c4d9f2;
  --palette-notice: #18a268;
  --palette-nav-solid: #ffffff;
  --palette-demo-note: #895315;
}
body[data-palette="gold"] {
  --palette-overlay-rgb: 46,40,22;
  color-scheme: light;
  --palette-stat-profit: #a88219;
  --palette-stat-period: #8b722e;
  --palette-canvas-rgb: 246,245,243;
  --palette-surface-rgb: 255,255,255;
  --palette-surface-soft-rgb: 254,250,238;
  --palette-surface-raised-rgb: 252,244,223;
  --palette-text-rgb: 51,47,36;
  --palette-muted-rgb: 122,115,96;
  --palette-accent-rgb: 133,95,22;
  --palette-primary-rgb: 148,106,22;
  --palette-focus-rgb: 211,167,47;
  --palette-line-rgb: 231,225,210;
  --palette-shadow-rgb: 98,82,37;
  --palette-danger-rgb: 188,52,60;
  --palette-success-rgb: 37,128,94;
  --palette-green-rgb: 225,244,233;
  --palette-warm-rgb: 255,239,219;
  --palette-link: #a27d18;
  --palette-deep: #ac8519;
  --palette-player-accent: #ab851d;
  --palette-background-overlay: #fefaef12;
  --palette-button-start: #946c18;
  --palette-button-end: #785212;
  --palette-disabled-text: #807b6e;
  --palette-disabled-bg: #edebe4;
  --palette-disabled-line: #dbd6ca;
  --palette-placeholder: #857e69;
  --palette-nav: #fffffff5;
  --palette-nav-active: #a27d15;
  --palette-nav-icon: #fbf1d4;
  --palette-eye: #397dd1;
  --palette-eye-hidden: #8c929b;
  --palette-chat-other-bg: #dff4e9;
  --palette-chat-other-text: #194c38;
  --palette-chat-other-line: #b7dfca;
  --palette-chat-own-bg: #316ed1;
  --palette-chat-own-line: #5387dc;
  --palette-chat-admin-bg: #e4effc;
  --palette-chat-admin-text: #244568;
  --palette-chat-admin-line: #c4d9f2;
  --palette-notice: #a27d18;
  --palette-nav-solid: #ffffff;
  --palette-demo-note: #895315;
}
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) {
  --palette-canvas: rgb(var(--palette-canvas-rgb));
  --palette-surface: rgb(var(--palette-surface-rgb));
  --palette-surface-soft: rgb(var(--palette-surface-soft-rgb));
  --palette-surface-raised: rgb(var(--palette-surface-raised-rgb));
  --palette-text: rgb(var(--palette-text-rgb));
  --palette-muted: rgb(var(--palette-muted-rgb));
  --palette-accent: rgb(var(--palette-accent-rgb));
  --palette-primary: rgb(var(--palette-primary-rgb));
  --palette-focus: rgb(var(--palette-focus-rgb));
  --palette-line: rgb(var(--palette-line-rgb));
  --palette-shadow: rgb(var(--palette-shadow-rgb));
  --palette-danger: rgb(var(--palette-danger-rgb));
  --palette-success: rgb(var(--palette-success-rgb));
  --palette-green: rgb(var(--palette-green-rgb));
  --palette-warm: rgb(var(--palette-warm-rgb));
  --blue: var(--palette-link);
  --blue-deep: var(--palette-deep);
  --ink: var(--palette-text);
  --muted: var(--palette-muted);
  --line: var(--palette-line);
  --soft: var(--palette-surface-soft);
  --white: var(--palette-surface);
  --danger: var(--palette-danger);
  --player-accent: var(--palette-player-accent);
  color: var(--palette-text);
  background: var(--palette-canvas);
}

body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #app-view:not(.has-platform-background),
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #app-view:not(.has-platform-background) > .page-scroll,
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #app-view:not(.has-platform-background) .tab-panel { background: var(--palette-canvas); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #app-view.has-platform-background > .page-scroll {
  background-image: linear-gradient(var(--palette-background-overlay),var(--palette-background-overlay)),var(--player-platform-background);
}
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(.auth-submit,.primary-button,.game-append-button,.benefit-draw-button) {
  color: #fff; background: linear-gradient(110deg,var(--palette-button-start),var(--palette-button-end));
}
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(button,input,select,textarea):disabled {
  opacity: 1; color: var(--palette-disabled-text); background-color: var(--palette-disabled-bg); border-color: var(--palette-disabled-line); box-shadow: none;
}
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(.auth-submit,.primary-button,.game-append-button,.benefit-draw-button):disabled { background: var(--palette-disabled-bg); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(input,textarea)::placeholder { color: var(--palette-placeholder); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(.yl-bottom-nav,.bottom-nav) { background: var(--palette-nav); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(.yl-bottom-nav,.bottom-nav) button.active { color: var(--palette-nav-active); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .yl-bottom-nav button.active svg { fill: var(--palette-nav-icon); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .yl-score-eye { color: var(--palette-eye); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .yl-score-eye.is-hidden { color: var(--palette-eye-hidden); }

body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #app-view button:disabled,
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #auth-view button:disabled { color: var(--palette-disabled-text); background: var(--palette-disabled-bg); border-color: var(--palette-disabled-line); box-shadow: none; }
/* 消息身份仍使用蓝/绿/淡蓝，配色只调整其暗色表面的可读性。 */
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .group-chat-message p { background: var(--palette-chat-other-bg); color: var(--palette-chat-other-text); border-color: var(--palette-chat-other-line); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .group-chat-message.mine p { background: var(--palette-chat-own-bg); color: #fff; border-color: var(--palette-chat-own-line); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .group-chat-message.operator p { background: var(--palette-chat-admin-bg); color: var(--palette-chat-admin-text); border-color: var(--palette-chat-admin-line); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #service-panel .player-message > section > div { color: var(--palette-chat-admin-text); background: var(--palette-chat-admin-bg); border-color: var(--palette-chat-admin-line); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) #service-panel .player-message.mine > section > div { color: #fff; background: var(--palette-chat-own-bg); border-color: var(--palette-chat-own-line); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .game-room-notice .notice-icon svg { fill: currentColor; color: var(--palette-notice); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .service-unread-dot { box-shadow: 0 0 0 2px var(--palette-nav-solid); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .player-demo-service-note { color: var(--palette-demo-note); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .bottom-nav:before {
  background: var(--palette-nav-solid);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 58' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0h190c24 0 17 45 60 45s36-45 60-45h190v58H0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .player-red-packet-shell { background: var(--palette-surface); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) :is(.player-red-packet-body>strong,.player-red-packet-claims strong) { color: var(--palette-text); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .player-red-packet-claims small { color: var(--palette-muted); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .player-red-packet-claims article { border-color: var(--palette-line); }
body:is([data-palette="purple"],[data-palette="orange"],[data-palette="red"],[data-palette="pink"],[data-palette="green"],[data-palette="gold"]) .player-red-packet-claims b { color: var(--palette-danger); }
/* Native reference component foundations. */
body[data-reference-skin] .reference-auth{box-sizing:border-box;min-height:236px;padding:calc(20px + env(safe-area-inset-top)) 24px 28px;background-color:var(--skin-header-fallback,var(--skin-header-bg));color:#fff;background-position:50%;background-size:cover}
body[data-reference-skin] .reference-auth__brand{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}
body[data-reference-skin] .reference-auth__brand .platform-logo,body[data-reference-skin] .reference-auth__brand img{width:32px;height:32px}
body[data-reference-skin] .reference-auth__brand span{overflow-wrap:anywhere;min-width:0}
body[data-reference-skin] .reference-auth__intro{margin-top:36px}
body[data-reference-skin] .reference-auth small{letter-spacing:2px;font-size:9px}
body[data-reference-skin] .reference-auth h1{letter-spacing:2px;margin:7px 0;font-size:clamp(27px,8vw,36px);font-weight:900}
body[data-reference-skin] .reference-auth p{opacity:.85;margin:0;font-size:12px}
body[data-reference-skin] .reference-auth--comic h1{text-shadow:3px 3px #111;font-style:italic}
body[data-reference-skin] .reference-auth--neon h1{color:#e3ddff;text-shadow:0 0 20px #8d68e0}


body[data-reference-skin] .reference-room{color:var(--skin-ink);background:var(--skin-bg)}
body[data-reference-skin] .reference-room button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;min-height:44px}
body[data-reference-skin] .reference-room button:focus-visible{outline:2px solid var(--skin-primary);outline-offset:-2px}
body[data-reference-skin] .reference-room__bar{padding:env(safe-area-inset-top) 8px 0;background:var(--skin-header-bg);color:var(--skin-header-ink);grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;display:grid}
body[data-reference-skin] .reference-room__bar .reference-room__back{--color:var(--skin-header-ink);--icon-font-size:18px;--padding-start:0;--padding-end:0;min-width:44px;min-height:44px;font-size:13px;font-weight:500}
body[data-reference-skin] .reference-room__brand{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}
body[data-reference-skin] .reference-room__brand img,body[data-reference-skin] .reference-room__brand .platform-logo{width:27px;height:27px}
body[data-reference-skin] .reference-room__brand strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}
body[data-reference-skin] .reference-room__bar .reference-room__peek{min-width:44px;min-height:44px;color:var(--skin-header-ink);white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:flex-end;align-items:center;gap:6px;padding:0 2px;font-size:12px;font-weight:600;display:inline-flex}
body[data-reference-skin] .reference-room__bar .reference-room__peek:focus-visible{outline-color:var(--skin-header-ink)}
body[data-reference-skin] .reference-room__peek-track{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--skin-header-ink) 60%, transparent);background:color-mix(in srgb, var(--skin-header-ink) 12%, transparent);border-radius:999px;flex:0 0 32px;width:32px;height:20px;transition:background-color .16s,border-color .16s;position:relative}
body[data-reference-skin] .reference-room__peek-thumb{background:var(--skin-header-ink);border-radius:50%;width:14px;height:14px;transition:transform .16s,background-color .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000029}
body[data-reference-skin] .reference-room__peek[aria-checked=true] .reference-room__peek-track{border-color:var(--skin-primary);background:var(--skin-primary)}
body[data-reference-skin] .reference-room__peek[aria-checked=true] .reference-room__peek-thumb{background:var(--skin-primary-contrast);transform:translate(12px)}
@media (prefers-reduced-motion:reduce){body[data-reference-skin] .reference-room__peek-track,body[data-reference-skin] .reference-room__peek-thumb{transition:none}
}
body[data-reference-skin] .reference-room__identity{border-bottom:1px solid var(--skin-line);background:var(--skin-surface);grid-template-columns:minmax(0,1fr) minmax(96px,.65fr);padding-inline:10px;display:grid}
body[data-reference-skin] .reference-room__identity button{text-align:left;align-items:center;gap:6px;min-width:0;display:flex}
body[data-reference-skin] .reference-room__identity button:last-child{justify-content:flex-end}
body[data-reference-skin] .reference-room__identity strong,body[data-reference-skin] .reference-room__identity b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}
body[data-reference-skin] .reference-room__identity small{color:var(--skin-muted);flex-shrink:0;font-size:10px}
body[data-reference-skin] .reference-room__wallet-arrow{flex:none;font-size:18px;line-height:1}
body[data-reference-skin] .reference-room__summary{border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:var(--skin-surface);grid-template-columns:minmax(96px,.65fr) minmax(0,1fr);gap:7px;margin:8px;padding:10px;display:grid}
body[data-reference-skin] .reference-room__period{flex-direction:column;gap:3px;min-width:0;display:flex}
body[data-reference-skin] .reference-room__summary small{text-overflow:ellipsis;white-space:nowrap;color:var(--skin-muted);font-size:10px;overflow:hidden}
body[data-reference-skin] .reference-room__period span{color:var(--skin-primary);font-size:11px}
body[data-reference-skin] .reference-room__period strong{letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:27px}
body[data-reference-skin] .reference-room__result{flex-direction:column;justify-content:space-around;gap:6px;min-width:0;display:flex}
body[data-reference-skin] .reference-room__result>div{min-width:0;font-size:12px}
body[data-reference-skin] .reference-room__result .draw-result-inline{max-width:100%}
body[data-reference-skin] .reference-room__result .draw-result-equation{flex-wrap:wrap;gap:2px}
body[data-reference-skin] .reference-room__result .draw-result-number{width:22px;height:22px;font-size:10px}
body[data-reference-skin] .reference-room__result .draw-result-labels,body[data-reference-skin] .reference-room__result .draw-result-ssc-summary,body[data-reference-skin] .reference-room__result .draw-result-pk10-summary{display:none}
body[data-reference-skin] .reference-room__summary.reference-room__summary--pc28{grid-template-columns:minmax(0,1fr)}
body[data-reference-skin] .reference-room__summary:has(.draw-result-inline--pk10,.draw-result-inline--ssc){grid-template-columns:minmax(0,1fr)}
body[data-reference-skin] .reference-room__summary.reference-room__summary--pc28 .reference-room__period{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}
body[data-reference-skin] .reference-room__summary:has(.draw-result-inline--pk10,.draw-result-inline--ssc) .reference-room__period{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}
body[data-reference-skin] .reference-room__summary.reference-room__summary--pc28 .reference-room__period strong{grid-area:1/2/3}
body[data-reference-skin] .reference-room__summary:has(.draw-result-inline--pk10,.draw-result-inline--ssc) .reference-room__period strong{grid-area:1/2/3}
body[data-reference-skin] .reference-room__result .draw-result-inline--pk10{--pk10-number-size:clamp(18px, 5vw, 24px)}
body[data-reference-skin] .reference-room__status{border-top:1px solid var(--skin-line);color:var(--skin-muted);grid-column:1/-1;margin:0;padding-top:6px;font-size:10px;line-height:1.5}
body[data-reference-skin] .reference-room__sections{background:var(--skin-surface);border-block:1px solid var(--skin-line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}
body[data-reference-skin] .reference-room__sections button{padding:3px 1px;font-size:12px;position:relative}
body[data-reference-skin] .reference-room__sections [aria-selected=true]{background:var(--skin-primary);color:var(--skin-primary-contrast);font-weight:800}
body[data-reference-skin] .reference-room__section-label{line-height:18px;display:inline-block;position:relative}
body[data-reference-skin] .reference-room__section-label>i{border:1px solid var(--skin-surface);background:#e93d52;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:-7px}
body[data-reference-skin] .reference-room__skeleton{background:color-mix(in srgb, var(--skin-muted) 18%, var(--skin-surface));border-radius:4px;animation:1.6s ease-in-out infinite reference-room-skeleton-pulse-6c20168f;display:block}
body[data-reference-skin] .reference-room__skeleton-period{width:min(104px,100%);height:15px}
body[data-reference-skin] .reference-room__skeleton-phase{width:56px;max-width:100%;height:15px}
body[data-reference-skin] .reference-room__skeleton-clock{width:82px;max-width:100%;height:32px}
body[data-reference-skin] .reference-room__skeleton-balls{gap:5px;display:flex}
body[data-reference-skin] .reference-room__skeleton-balls i{border-radius:50%;width:22px;height:22px}
body[data-reference-skin] .reference-room__summary--pc28 .reference-room__skeleton-balls i{width:24px;height:24px}
@keyframes reference-room-skeleton-pulse-6c20168f{0%,to{opacity:.65}
50%{opacity:1}
}
@media (prefers-reduced-motion:reduce){body[data-reference-skin] .reference-room__skeleton{animation:none}
}
body[data-reference-skin] .reference-room--comic .reference-room__summary{box-shadow:3px 3px 0 var(--skin-primary);border-width:2px}
body[data-reference-skin] .reference-room--neon .reference-room__summary{background:linear-gradient(135deg,#26234c,#14132e);border-color:#514588}
body[data-reference-skin] .reference-room--neon .reference-room__period strong{color:#b8c8ff;text-shadow:0 0 16px #7e6cf666}
@media (width<=340px){body[data-reference-skin] .reference-room__summary{grid-template-columns:100px minmax(0,1fr);padding:7px}
body[data-reference-skin] .reference-room__result .draw-result-number{width:19px;height:19px}
}


body[data-reference-skin] .premium-home-extras{gap:10px;padding:0 14px 16px;display:grid}
body[data-reference-skin] .premium-home-extras>section{min-width:0;margin-top:0}


body[data-reference-skin] .reference-profile{isolation:isolate;padding:calc(24px + env(safe-area-inset-top)) 16px 16px;color:var(--skin-ink);position:relative}
body[data-reference-skin] .reference-profile__art{z-index:-1;background-position:50%;background-size:cover;background-color:var(--skin-header-fallback,var(--skin-header-bg));height:215px;position:absolute;inset:0 0 auto}
body[data-reference-skin] .reference-profile header{color:#fff;margin-bottom:24px}
body[data-reference-skin] .reference-profile header small{letter-spacing:2px;font-size:9px}
body[data-reference-skin] .reference-profile h1{letter-spacing:2px;margin:5px 0;font-size:24px}
body[data-reference-skin] .reference-profile button{font:inherit;cursor:pointer;min-height:44px;color:inherit;border:0}
body[data-reference-skin] .reference-profile button:focus-visible{outline:2px solid var(--skin-primary);outline-offset:-3px}
body[data-reference-skin] .reference-profile__card{background:var(--skin-surface);border:1px solid var(--skin-line);border-radius:var(--skin-radius);box-shadow:var(--skin-shadow);overflow:hidden}
body[data-reference-skin] .reference-profile__membership{display:contents}
body[data-reference-skin] .reference-profile__identity{text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:18px 16px;display:flex}
body[data-reference-skin] .reference-profile__identity img,body[data-reference-skin] .reference-profile__avatar{object-fit:cover;border-radius:14px;flex-shrink:0;width:48px;height:48px}
body[data-reference-skin] .reference-profile__avatar{background:var(--skin-primary);color:var(--skin-primary-contrast);place-items:center;font-size:22px;display:grid}
body[data-reference-skin] .reference-profile__name{flex:1;min-width:0}
body[data-reference-skin] .reference-profile__arrow{width:23px;height:23px;color:var(--skin-muted);flex:0 0 23px;font-size:23px}
body[data-reference-skin] .reference-profile__name strong{overflow-wrap:anywhere;font-size:17px;display:block}
body[data-reference-skin] .reference-profile small{font-size:11px;display:block}
body[data-reference-skin] .reference-profile__name small{color:var(--skin-muted);overflow-wrap:anywhere;margin-top:5px}
body[data-reference-skin] .reference-profile__wallet{border-radius:var(--skin-radius);background:var(--skin-surface-soft);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:calc(100% - 24px);margin:0 12px 12px;padding:14px;display:flex}
body[data-reference-skin] .reference-profile__wallet small{color:var(--skin-muted)}
body[data-reference-skin] .reference-profile__wallet strong{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:5px;font-size:24px;display:block}
body[data-reference-skin] .reference-profile__wallet--wide-balance{flex-direction:column;align-items:flex-start}
body[data-reference-skin] .reference-profile__wallet--wide-balance strong{font-size:21px}
body[data-reference-skin] .reference-profile__vip{text-align:left;background:var(--skin-surface-soft);grid-template-columns:minmax(0,1fr) 23px;align-items:center;column-gap:12px;width:100%;padding:12px 16px;display:grid}
body[data-reference-skin] .reference-profile__vip>span{overflow-wrap:anywhere;min-width:0}
body[data-reference-skin] .reference-profile__vip strong{color:var(--skin-primary);font-size:12px}
body[data-reference-skin] .reference-profile__vip small{color:var(--skin-muted);margin-top:5px;line-height:1.6}
body[data-reference-skin] .reference-profile__vip i{background:var(--skin-line);border-radius:9px;grid-column:1/-1;height:4px;margin-top:8px;display:block;overflow:hidden}
body[data-reference-skin] .reference-profile__vip i b{background:var(--skin-gradient);height:100%;display:block}
body[data-reference-skin] .reference-profile--comic .reference-profile__card{border:2px solid var(--skin-ink);box-shadow:4px 4px var(--skin-primary)}
body[data-reference-skin] .reference-profile--comic h1{font-style:italic}
body[data-reference-skin] .reference-profile--neon .reference-profile__card{box-shadow:0 0 24px #7761d022}
body[data-reference-skin] .reference-profile--preview .reference-profile__card{background:linear-gradient(145deg,#292348,#221c40);border-color:#bea7f53d;border-radius:18px;box-shadow:0 8px 24px #08051833}
body[data-reference-skin] .reference-profile--preview .reference-profile__identity{padding:18px 16px 20px}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet{background:linear-gradient(115deg,#7944be,#543389 70%,#44306e);border:1px solid #ddc8ff47;border-radius:14px 14px 0 0;width:calc(100% - 28px);min-height:80px;margin:0 14px;padding:18px 14px 25px;position:relative}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet>span{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet small{color:#eee2ff;font-size:12px}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet strong{color:#fff;margin:0;font-size:clamp(21px,6vw,26px)}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet strong:before{content:"¥";color:inherit;margin-inline-end:5px;font-size:.7em;font-weight:500}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet .reference-profile__arrow{color:#e8dbff;flex-basis:18px;width:18px}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet--wide-balance>span{flex-direction:column;align-items:flex-start;gap:6px}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet--wide-balance{flex-direction:row}
body[data-reference-skin] .reference-profile--preview .reference-profile__wallet--wide-balance strong{white-space:normal;overflow-wrap:anywhere;font-size:19px}
body[data-reference-skin] .profile-preview-panel{background:linear-gradient(165deg,#393057,#2b2449 75%);border-top:1px solid #d2bbff42;border-radius:18px 18px 0 0;margin-top:-22px;padding:28px 14px 14px;position:relative;-webkit-mask-image:radial-gradient(28px at 50% -15px,#0000 27px,#000 28px);mask-image:radial-gradient(28px at 50% -15px,#0000 27px,#000 28px)}
body[data-reference-skin] .profile-preview-panel:before{content:"";box-sizing:border-box;pointer-events:none;border:1px solid #d2bbff42;border-radius:50%;width:58px;height:58px;position:absolute;top:-44px;left:calc(50% - 29px)}
body[data-reference-skin] .profile-preview-links{display:flex}
body[data-reference-skin] .profile-preview-links>button{text-align:left;background:0 0;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 8px;display:flex}
body[data-reference-skin] .profile-preview-links>button+button{border-left:1px solid #c1adea2e}
body[data-reference-skin] .profile-preview-links span{flex:1;min-width:0}
body[data-reference-skin] .profile-preview-links strong{color:#f4edff;white-space:nowrap;font-size:14px;display:block}
body[data-reference-skin] .profile-preview-links small{color:#c7bddc;margin-top:4px;font-size:10px}
body[data-reference-skin] .profile-preview-symbol{color:#cbb6ff;flex:0 0 25px;font-size:25px}
body[data-reference-skin] .profile-preview-symbol--vip{color:#efd395}
body[data-reference-skin] .profile-preview-chevron{color:#bfb1d8;flex:0 0 12px;font-size:12px}
body[data-reference-skin] .profile-preview-progress{text-align:left;background:0 0;width:100%;margin-top:10px;padding:5px 8px 0;display:block}
body[data-reference-skin] .profile-preview-progress small{color:#c7bddc;font-size:10px;line-height:1.5}
body[data-reference-skin] .profile-preview-progress i{background:#45395e;border-radius:3px;height:3px;margin-top:8px;display:block;overflow:hidden}
body[data-reference-skin] .profile-preview-progress b{background:linear-gradient(90deg,#af85ed,#eed7aa);height:100%;display:block}
@media (width<=350px){body[data-reference-skin] .profile-preview-links>button{gap:5px;padding-inline:4px}
body[data-reference-skin] .profile-preview-symbol{flex-basis:21px;font-size:21px}
body[data-reference-skin] .profile-preview-links strong{font-size:12px}
}


body[data-reference-skin] .comic-category-symbol{flex-shrink:0;width:30px;height:30px;display:block}


/* Reference layout themes: scoped to opt-in skins; native controls replace Ionic elements. */

/* foundation.css */
body[data-reference-skin] .reference-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
body[data-reference-skin] :is(.reference-home,.reference-directory){box-sizing:border-box;background:var(--skin-bg);width:100%;min-height:100%;color:var(--skin-ink);-webkit-font-smoothing:antialiased;padding-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}
body[data-reference-skin] :is(.reference-home,.reference-directory) *,body[data-reference-skin] .reference-primary-navigation *{box-sizing:border-box}
body[data-reference-skin] :is(.reference-home,.reference-directory) button{appearance:none;min-height:44px;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0}
body[data-reference-skin] :is(.reference-home,.reference-directory) button:disabled{opacity:.55;cursor:wait}
body[data-reference-skin] :is(.reference-home,.reference-directory) button:focus-visible{outline:3px solid var(--skin-primary);outline-offset:3px}
body[data-reference-skin] .reference-brand-bar,body[data-reference-skin] .reference-directory-header{background:var(--skin-header-bg);min-height:68px;color:var(--skin-header-ink);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}
body[data-reference-skin] .reference-brand{align-items:center;gap:9px;min-width:0;display:flex}
body[data-reference-skin] .reference-brand>img{object-fit:contain;flex:0 auto;width:auto;max-width:72px;height:36px;display:block}
body[data-reference-skin] .reference-brand__name{flex-direction:column;gap:2px;min-width:0;display:flex}
body[data-reference-skin] .reference-brand__name :is(strong,h1){overflow-wrap:anywhere;margin:0;font-size:clamp(17px,4.6vw,22px);font-weight:850;line-height:1.2}
body[data-reference-skin] .reference-brand__name small{letter-spacing:1.5px;opacity:.75;font-size:9px;font-weight:750;line-height:1.4}
body[data-reference-skin] :is(.reference-app-button,.reference-login-button){background:var(--skin-surface-soft);border-radius:12px;flex:none;justify-content:center;align-items:center;gap:5px;padding:8px 11px;display:inline-flex;color:var(--skin-primary)!important;font-size:11px!important;font-weight:750!important}
body[data-reference-skin] .reference-app-button .reference-icon{font-size:20px}
body[data-reference-skin] .reference-home-top{padding:10px 14px 0}
body[data-reference-skin] .reference-hero,body[data-reference-skin] .reference-carousel{isolation:isolate;border-radius:var(--skin-radius);width:100%;min-width:0;position:relative;overflow:hidden}
body[data-reference-skin] .reference-hero{aspect-ratio:2;background:var(--skin-gradient);min-height:164px}
body[data-reference-skin] .reference-hero:after{z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,#00000080,#0000 80%);position:absolute;inset:0}
body[data-reference-skin] .reference-hero__art{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
body[data-reference-skin] .reference-hero__copy{z-index:1;color:#fff;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 20px;display:flex;position:relative}
body[data-reference-skin] .reference-hero__copy>small{letter-spacing:1.4px;max-width:70%;font-size:8px;font-weight:800;line-height:1.4}
body[data-reference-skin] .reference-hero__copy>strong{letter-spacing:-.6px;white-space:pre-line;font-size:clamp(27px,8vw,38px);font-weight:950;line-height:1.05}
body[data-reference-skin] .reference-hero__copy>span{font-size:10px;line-height:1.5}
body[data-reference-skin] .reference-hero__ornament{color:#fff;opacity:.8;font-size:28px;position:absolute;bottom:14px;right:20px}
body[data-reference-skin] .reference-carousel :is(.announcement-carousel,.van-swipe){border-radius:inherit;width:100%;overflow:hidden}
body[data-reference-skin] .reference-announcement{background:var(--skin-surface);min-width:0;color:var(--skin-muted);border-radius:10px;margin:10px 0;overflow:hidden}
body[data-reference-skin] .reference-announcement .van-notice-bar{color:var(--skin-muted);background:0 0}
body[data-reference-skin] .reference-announcement :is(.home-notice-ticker,.home-notice-ticker__track){color:var(--skin-muted)}
body[data-reference-skin] .reference-account-panel{border-radius:var(--skin-radius);background:var(--skin-surface);box-shadow:var(--skin-shadow);overflow:hidden}
body[data-reference-skin] .reference-account{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:12px 14px;display:flex}
body[data-reference-skin] .reference-account__identity{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}
body[data-reference-skin] .reference-account__identity>strong{overflow-wrap:anywhere;max-width:160px;font-size:14px}
body[data-reference-skin] .reference-account__vip{background:var(--skin-surface-soft);color:var(--skin-primary);border-radius:5px;padding:2px 5px;font-size:9px;font-weight:750}
body[data-reference-skin] .reference-account__amount{flex:0 auto;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:2px;min-width:0;display:grid}
body[data-reference-skin] .reference-account__amount>small{color:var(--skin-muted);grid-column:1;font-size:9px}
body[data-reference-skin] .reference-account__amount>strong{font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:1;font-size:clamp(16px,4.8vw,22px);font-weight:850}
body[data-reference-skin] .reference-account__amount>button{background:0 0;grid-area:1/2/span 2;width:44px;padding:0}
body[data-reference-skin] .reference-account__amount .reference-icon{color:var(--skin-muted);font-size:18px}
body[data-reference-skin] .reference-account-panel:has(.reference-account__amount--long){grid-template-columns:minmax(0,1fr)}
body[data-reference-skin] .reference-account:has(.reference-account__amount--long){flex-direction:column;align-items:flex-start}
body[data-reference-skin] .reference-account__amount--long{width:100%}
body[data-reference-skin] .reference-account--guest{justify-content:flex-start;gap:10px}
body[data-reference-skin] .reference-account--guest>.reference-icon:first-child{color:var(--skin-primary);flex-shrink:0;font-size:26px}
body[data-reference-skin] .reference-account--guest>.reference-icon:last-child{color:var(--skin-muted);flex-shrink:0;margin-left:auto}
body[data-reference-skin] .reference-account--guest>span{gap:3px;min-width:0;display:grid}
body[data-reference-skin] .reference-account--guest small{color:var(--skin-muted);overflow-wrap:anywhere;font-size:10px}
body[data-reference-skin] .reference-account--guest strong{color:var(--skin-primary);font-size:14px}
body[data-reference-skin] .reference-quick-links{border-top:1px solid var(--skin-line);justify-content:space-around;gap:2px;padding:5px 5px 10px;display:flex}
body[data-reference-skin] .reference-quick-links>button{background:0 0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:0;padding:5px 2px;display:flex}
body[data-reference-skin] .reference-quick-links__icon{background:var(--skin-surface-soft);width:31px;height:31px;color:var(--skin-primary);border-radius:10px;place-items:center;display:grid;position:relative}
body[data-reference-skin] .reference-quick-links__icon .reference-icon{font-size:22px}
body[data-reference-skin] .reference-quick-links strong{overflow-wrap:anywhere;text-align:center;font-size:10px;font-weight:650;line-height:1.25}
body[data-reference-skin] .reference-unread-dot{border:1px solid var(--skin-surface);background:#e52749;border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:-2px}
body[data-reference-skin] .reference-game-section{margin-top:14px;padding:0 14px}
body[data-reference-skin] .reference-section-heading{align-items:center;gap:8px;min-width:0;min-height:54px;padding:8px 0 12px;display:flex}
body[data-reference-skin] .reference-section-heading>div{min-width:0}
body[data-reference-skin] .reference-section-heading small{color:var(--skin-muted);letter-spacing:1.2px;margin-bottom:3px;font-size:8px;font-weight:700;line-height:1.4;display:block}
body[data-reference-skin] .reference-section-heading h2{overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:900;line-height:1.2}
body[data-reference-skin] .reference-game-count{color:var(--skin-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:10px}
body[data-reference-skin] .reference-refresh{background:var(--skin-surface-soft);border-radius:8px;flex-shrink:0;place-items:center;width:44px;padding:0;display:grid;color:var(--skin-primary)!important}
body[data-reference-skin] .reference-refresh .reference-icon{font-size:20px}
body[data-reference-skin] .reference-game-layout{min-width:0}
body[data-reference-skin] .reference-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}
body[data-reference-skin] .reference-game-card{border-radius:var(--skin-radius);background:var(--skin-surface);text-align:left;flex-direction:column;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}
body[data-reference-skin] .reference-game-card__art{aspect-ratio:1.65;background:var(--skin-surface-soft);width:100%;color:var(--skin-primary);place-items:center;display:grid;position:relative;overflow:hidden}
body[data-reference-skin] .reference-game-card__art>img{object-fit:cover;width:100%;height:100%;display:block}
body[data-reference-skin] .reference-game-card__art>.reference-icon{font-size:48px}
body[data-reference-skin] .reference-game-card__copy{flex-direction:column;gap:6px;width:100%;min-width:0;padding:11px 10px;display:flex}
body[data-reference-skin] .reference-game-card__copy>strong{overflow-wrap:anywhere;font-size:clamp(13px,3.8vw,17px);font-weight:850;line-height:1.35}
body[data-reference-skin] .reference-game-card__copy>small{font-size:10px;line-height:1.4}
body[data-reference-skin] .reference-game-card__meta{color:var(--skin-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:9px;line-height:1.4;display:flex}
body[data-reference-skin] .reference-game-card__meta em{color:var(--skin-primary);font-size:9px;font-style:normal;font-weight:600}
body[data-reference-skin] .reference-game-card.is-unavailable .reference-game-card__meta em{color:var(--skin-muted)}
body[data-reference-skin] .reference-game-card__enter{border:1px solid;border-radius:4px;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:5px 8px;font-size:10px;display:inline-flex}
body[data-reference-skin] .reference-feedback{border-radius:var(--skin-radius);background:var(--skin-surface);min-height:150px;color:var(--skin-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 14px;font-size:12px;display:flex}
body[data-reference-skin] .reference-feedback>.reference-icon{color:var(--skin-primary);font-size:36px}
body[data-reference-skin] .reference-feedback>strong{color:var(--skin-ink);font-size:16px}
body[data-reference-skin] .reference-feedback>button{background:var(--skin-primary);color:var(--skin-primary-contrast);border-radius:9px;padding:8px 16px;font-size:12px}
body[data-reference-skin] .reference-feedback--error{margin-bottom:10px}
body[data-reference-skin] .reference-loading-dot{border:2px solid var(--skin-line);border-top-color:var(--skin-primary);border-radius:50%;width:18px;height:18px}
body[data-reference-skin] .reference-home-categories{scrollbar-width:none;gap:5px;padding:3px 14px 12px;display:flex;overflow-x:auto}
body[data-reference-skin] .reference-home-categories>button{background:0 0;border-radius:16px;flex-direction:column;flex:0 0 64px;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:10px;font-weight:750;display:flex}
body[data-reference-skin] .reference-home-categories .reference-icon{font-size:21px}
body[data-reference-skin] .reference-home-rail{flex-direction:column;gap:7px;min-width:0;display:flex}
body[data-reference-skin] .reference-home-rail>button{background:var(--skin-surface);width:100%;min-height:58px;color:var(--skin-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 3px;display:flex}
body[data-reference-skin] .reference-home-rail .reference-icon{font-size:21px}
body[data-reference-skin] .reference-home-rail span{overflow-wrap:anywhere;font-size:9px;line-height:1.4}
body[data-reference-skin] .reference-home-rail>button.is-active{background:var(--skin-gradient);color:#fff}
body[data-reference-skin] .reference-directory-balance{flex-shrink:0;align-items:center;gap:6px;max-width:47%;display:flex}
body[data-reference-skin] .reference-directory-balance>.reference-icon{flex-shrink:0;font-size:23px}
body[data-reference-skin] .reference-directory-balance>span{gap:2px;min-width:0;display:grid}
body[data-reference-skin] .reference-directory-balance small{opacity:.75;font-size:9px}
body[data-reference-skin] .reference-directory-balance strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px}
body[data-reference-skin] .reference-directory-header--wide-balance{flex-wrap:wrap}
body[data-reference-skin] .reference-directory-header--wide-balance .reference-directory-balance{flex-basis:100%;max-width:100%}
body[data-reference-skin] .reference-directory-guest{opacity:.8;border:1px solid;border-radius:99px;flex-shrink:0;padding:6px 9px;font-size:10px}
body[data-reference-skin] .reference-directory-layout{min-width:0;padding:14px}
body[data-reference-skin] .reference-directory-categories{scrollbar-width:none;gap:5px;min-width:0;margin-bottom:12px;padding-bottom:5px;display:flex;overflow-x:auto}
body[data-reference-skin] .reference-directory-categories>button{background:var(--skin-surface);min-width:0;color:var(--skin-muted);border-radius:10px;flex-direction:column;flex:0 0 65px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex}
body[data-reference-skin] .reference-category-icon{width:32px;height:32px;color:inherit;place-items:center;display:grid}
body[data-reference-skin] .reference-category-icon .reference-icon{font-size:25px}
body[data-reference-skin] .reference-directory-categories strong{overflow-wrap:anywhere;font-size:10px;line-height:1.3}
body[data-reference-skin] .reference-directory-categories>button.is-active{background:var(--skin-primary);color:var(--skin-primary-contrast)}
body[data-reference-skin] .reference-directory-content{min-width:0}
body[data-reference-skin] .reference-room-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}
body[data-reference-skin] .reference-room-card{isolation:isolate;border-radius:var(--skin-radius);background:var(--skin-surface);text-align:left;align-items:center;gap:10px;width:100%;min-width:0;min-height:116px;padding:16px;display:flex;position:relative;overflow:hidden;border:1px solid var(--skin-line)!important}
body[data-reference-skin] .reference-room-card__art{z-index:-2;color:var(--skin-primary);background:var(--skin-surface-soft);place-items:center;display:grid;position:absolute;inset:0}
body[data-reference-skin] .reference-room-card__art>img{object-fit:cover;width:100%;height:100%}
body[data-reference-skin] .reference-room-card__art>.reference-icon{opacity:.5;font-size:65px;position:absolute;right:15%}
body[data-reference-skin] .reference-room-card__copy{gap:8px;min-width:0;display:grid}
body[data-reference-skin] .reference-room-card__copy>strong{overflow-wrap:anywhere;font-size:18px;font-weight:850;line-height:1.3}
body[data-reference-skin] .reference-room-card__copy>small{font-size:11px;line-height:1.35}
body[data-reference-skin] .reference-room-card__arrow{background:var(--skin-primary);width:29px;height:29px;color:var(--skin-primary-contrast);border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid}
body[data-reference-skin] .reference-room-card.is-unavailable .reference-room-card__copy>small{text-decoration:none}
body[data-reference-skin] .reference-primary-navigation{width:100%;height:calc(65px + env(safe-area-inset-bottom));min-height:calc(65px + env(safe-area-inset-bottom));padding:3px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-top:1px solid var(--skin-line);--background:var(--skin-nav-bg);background:var(--skin-nav-bg);color:var(--skin-muted);contain:none;flex-shrink:0;justify-content:space-around;margin:0;display:flex;position:relative;overflow:visible;box-shadow:0 -3px 18px #0000000a}
body[data-reference-skin] .reference-primary-navigation :is(button,.reference-nav-wallet,.reference-nav-profile){isolation:isolate;min-width:0;max-width:none;height:58px;min-height:55px;color:var(--skin-muted);--background:transparent;--background-focused:transparent;--color:var(--skin-muted);--color-selected:var(--skin-primary);--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:3px 0;display:flex;position:relative;overflow:visible}
body[data-reference-skin] .reference-nav-icon{width:35px;height:32px;color:inherit;border-radius:12px;place-items:center;margin:0;display:grid}
body[data-reference-skin] .reference-nav-icon .reference-icon{margin:0;font-size:23px;display:block}
body[data-reference-skin] .reference-primary-navigation :is(span,.reference-nav-label){color:inherit;white-space:nowrap;margin:1px 0 0;font-size:10px;font-weight:600;line-height:15px;display:block}
body[data-reference-skin] .reference-primary-navigation button.is-active{color:var(--skin-primary);--color:var(--skin-primary)}
body[data-reference-skin] .reference-primary-navigation .reference-nav-badge{box-sizing:border-box;border:1px solid var(--skin-nav-bg);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;margin:0;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:2px;left:calc(50% + 9px);transform:none}
body[data-reference-skin] .reference-primary-navigation :is(button,.reference-nav-wallet,.reference-nav-profile):focus-visible{outline:3px solid var(--skin-primary);outline-offset:-3px}
body[data-reference-skin] .reference-primary-navigation.is-returning-from-support{pointer-events:none}
@media (width<=350px){body[data-reference-skin] :is(.reference-brand-bar,.reference-directory-header){padding-left:11px;padding-right:11px}
body[data-reference-skin] .reference-home-top,body[data-reference-skin] .reference-game-section{padding-left:10px;padding-right:10px}
body[data-reference-skin] .reference-game-grid{gap:8px}
body[data-reference-skin] .reference-account{padding:10px}
body[data-reference-skin] .reference-brand>img{max-width:48px;height:30px}
body[data-reference-skin] .reference-quick-links strong{font-size:9px}
body[data-reference-skin] .reference-hero__copy{padding:20px 15px}
body[data-reference-skin] .reference-directory-layout{padding:10px}
body[data-reference-skin] .reference-section-heading h2{font-size:18px}
}
@media (prefers-reduced-motion:reduce){body[data-reference-skin] :is(.reference-home,.reference-directory,.reference-primary-navigation) *{scroll-behavior:auto;transition:none;animation:none}
}
body[data-reference-skin]{color-scheme:light;--skin-error-ink:#b42336;--app-ink:var(--skin-ink);--app-muted:var(--skin-muted);--app-line:var(--skin-line);--app-card:var(--skin-surface);--app-soft:var(--skin-surface-soft);--app-gold:var(--skin-primary);--app-shadow:var(--skin-shadow);--app-soft-shadow:var(--skin-shadow);background:var(--skin-bg);color:var(--skin-ink)}
body[data-reference-skin=neon]{color-scheme:dark;--skin-error-ink:#ffaaa6;}
body[data-reference-skin],body[data-reference-skin] #app-view{background:var(--skin-bg);color:var(--skin-ink)}
body[data-reference-skin] #app-view .reference-primary-content{--background:var(--skin-bg)}
body[data-reference-skin] .reference-announcement-row{justify-content:flex-end;align-items:stretch;min-width:0;display:flex}
body[data-reference-skin] .reference-announcement-row>.announcement-ticker{min-width:0;min-height:44px;color:inherit;background:0 0;border:0;flex:1}
body[data-reference-skin] .reference-announcement-row .announcement-ticker__viewport p,body[data-reference-skin] .reference-announcement-row .announcement-ticker>.reference-icon{color:inherit}
body[data-reference-skin] .reference-announcement-row>.reference-announcement-center-link{min-width:44px;min-height:44px;color:inherit;white-space:nowrap;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:4px;padding-inline:10px;font-size:13px;font-weight:600;display:inline-flex;position:relative}
body[data-reference-skin] .announcement-ticker+.reference-announcement-center-link:before{background:var(--skin-line);pointer-events:none;content:"";border-radius:1px;width:1px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}
body[data-reference-skin] .reference-announcement-center-link>.reference-icon{flex:none;font-size:15px}
body[data-reference-skin] .auth-form{border-color:var(--skin-line);border-radius:var(--skin-radius);background:var(--skin-surface);box-shadow:var(--skin-shadow);color:var(--skin-ink)}
body[data-reference-skin] .auth-form:before{background:var(--skin-gradient)}
body[data-reference-skin] .reference-home button.reference-app-button{width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:2px;color:var(--skin-primary)!important}



/* foundation.css */
body:is([data-reference-skin=opera],[data-reference-skin=celadon]) :is(.reference-game-card,.reference-room-card){transition:border-color .12s}
body:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-game-card__meta{font-size:11px;line-height:1.5}
body:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-game-card__meta em{font-size:11px}
body:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-game-card__art>.reference-icon{border:1px solid var(--skin-line);background:var(--skin-gradient);width:48px;height:48px;color:var(--skin-primary);box-shadow:var(--premium-key-shadow);border-radius:50%;padding:12px}
body[data-reference-skin=opera]{--premium-key-radius:6px}
body[data-reference-skin=celadon]{--premium-key-radius:12px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room-card__art{background:var(--skin-gradient)}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room-card__copy{border-radius:var(--premium-key-radius);max-width:calc(100% - 40px);color:var(--skin-ink);background:var(--skin-surface);padding:10px 12px}
body[data-reference-skin=opera] .reference-room-card__copy{box-shadow:none;color:#f4ead6;text-shadow:0 1px 3px #000,0 0 6px #000b;background:0 0;border:0;border-radius:0;padding:0}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-primary-navigation :is(span,.reference-nav-label){font-weight:400}
body[data-reference-skin=opera] .reference-primary-navigation{--background:#111110;background:#111110;border:1px solid #796143;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:inset 0 1px #e5c18726,0 -3px 12px #0005}
body[data-reference-skin=celadon] .reference-primary-navigation [aria-current=page] :is(span,.reference-nav-label){box-shadow:none;padding-bottom:0}
body[data-reference-skin=opera] .reference-home{position:relative}
body[data-reference-skin=opera] .reference-home>.reference-brand-bar{z-index:2;text-shadow:0 1px 4px #000;background:linear-gradient(#100d0bc9,#0000);border-bottom:0;min-height:60px;padding:8px 16px;position:absolute;inset:0 0 auto}
body[data-reference-skin=opera] .reference-home .reference-brand__name small{display:none}
body[data-reference-skin=opera] .reference-home-top{padding:0 8px}
body[data-reference-skin=opera] .reference-game-section{margin-top:0;padding:0 10px}
body[data-reference-skin=opera] .reference-section-heading{justify-content:center;min-height:38px;padding:5px 0;position:relative}
body[data-reference-skin=opera] .reference-section-heading h2{letter-spacing:2px;font-size:19px;font-weight:500}
body[data-reference-skin=opera] .reference-section-heading small{display:none}
body[data-reference-skin=opera] .reference-game-count{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
body[data-reference-skin=opera] .reference-game-grid{gap:5px}
body[data-reference-skin=opera] .opera-stage-actions{color:#eed4a6;align-items:stretch;height:16%;min-height:44px;display:flex;position:absolute;bottom:4%;left:24%;right:24%}
body[data-reference-skin=opera] .opera-stage-actions>button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:4px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex}
body[data-reference-skin=opera] .opera-stage-actions strong{font-size:10px;font-weight:600;line-height:1.2}
body[data-reference-skin=opera] .opera-stage-actions>button:focus-visible{outline-offset:-2px;outline:1px solid #eed4a6}
body[data-reference-skin=opera] .opera-lobby-announcement{min-width:0;color:var(--skin-primary);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 5px;padding:0}
body[data-reference-skin=opera] .opera-lobby-stage__balance.opera-lobby-stage__balance--long strong{white-space:nowrap;overflow-wrap:normal;font-size:clamp(12px,3.7vw,16px)}
body[data-reference-skin=celadon] .reference-home .reference-hero{aspect-ratio:7/5}
body[data-reference-skin=celadon] .reference-home .reference-hero__art{object-fit:cover}
body[data-reference-skin=celadon] .reference-home .reference-game-card{min-height:64px}
body[data-reference-skin=celadon] .reference-home .reference-game-card__copy{padding-block:7px}
body[data-reference-skin=celadon] .reference-home .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]){min-height:124px}
body[data-reference-skin=celadon] .reference-home .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]) .reference-game-card__art{flex-basis:46%;width:46%;margin-right:5px}
body[data-reference-skin=celadon] .reference-home .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]) .reference-game-card__copy{min-width:0;padding:10px 7px 18px 0}
body[data-reference-skin=celadon] .reference-home .reference-section-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}
body[data-reference-skin=celadon] .reference-home .reference-brand__name strong{font-size:20px}
body[data-reference-skin=celadon] .reference-home .reference-hero__copy>strong{font-size:32px}
body[data-reference-skin=celadon] .reference-home .reference-home-top{padding:0}
body[data-reference-skin=celadon] .reference-home button.reference-app-button{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}
body[data-reference-skin=celadon] .reference-home button.reference-app-button>.reference-icon{width:20px;height:20px;color:var(--skin-muted);font-size:20px}
body[data-reference-skin=celadon] .reference-home .reference-hero__copy{padding:34px 24px}
body[data-reference-skin=celadon] .reference-home .reference-hero__copy>small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}
body[data-reference-skin=celadon] .reference-home .reference-game-section{margin-top:12px}
@media (width<=350px){body[data-reference-skin=celadon] .reference-home .reference-brand{flex-basis:70px}
body[data-reference-skin=celadon] .reference-home .premium-header-balance{gap:4px}
body[data-reference-skin=celadon] .reference-home .premium-header-balance>strong{font-size:13px}
}
body[data-reference-skin=opera]{--premium-status-bg:#24382e;--premium-status-ink:#cce5d2;--premium-pending-bg:#3c3021;--premium-pending-ink:#f6d698}
body[data-reference-skin=celadon]{--premium-status-bg:#e4eee4;--premium-status-ink:#2c5544;--premium-pending-bg:#f3ecd9;--premium-pending-ink:#6a5121}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__summary{grid-template-columns:minmax(0,1fr)}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__period{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__period strong{grid-area:1/2/3}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result :is(.draw-result-labels,.draw-result-ssc-summary,.draw-result-pk10-summary){display:inline-flex}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result :is(.draw-result-inline--sum3,.draw-result-inline--k3,.draw-result-labels,.draw-result-ssc-groups){flex-wrap:wrap;row-gap:5px}
@media (width>=400px){body[data-reference-skin=opera] #app-view .reference-room__summary{aspect-ratio:3/2;padding-top:15%;padding-bottom:10%}
}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result .draw-result-inline--sum3{--premium-result-size:clamp(28px, 8.5vw, 34px);gap:7px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result .draw-result-inline--sum3 .draw-result-number{width:var(--premium-result-size);height:var(--premium-result-size);font-size:18px;font-weight:650}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result .draw-result-inline--sum3 .draw-result-labels>span{min-width:28px;height:28px;font-size:12px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result .draw-result-inline--sum3 .draw-result-operator{color:var(--skin-muted);font-size:12px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result .draw-result-inline--sum3 .draw-result-reel{transform:translateY(calc(-10 * var(--premium-result-size)));animation-name:premium-result-reel-down}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-room__result .draw-result-inline--sum3 .draw-result-reel i{width:100%;height:var(--premium-result-size);flex-basis:var(--premium-result-size);color:inherit}
@keyframes premium-result-reel-down{0%{transform:translateY(calc(-10 * var(--premium-result-size)))}
to{transform:translateY(0)}
}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:12px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile header{margin-bottom:12px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile header small{display:none}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile h1{margin:0;font-size:20px;line-height:1.5}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile__vip{min-height:44px;margin-top:8px;padding:8px 12px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile__vip>span{flex-wrap:wrap;align-items:baseline;column-gap:10px;display:flex}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile__vip small{margin-top:0}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) #app-view #mine-panel .reference-profile__vip i{height:2px;margin-top:5px}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-nav-wallet[aria-current=page]{color:var(--skin-primary)}
body[data-reference-skin]:is([data-reference-skin=opera],[data-reference-skin=celadon]) .reference-nav-wallet[aria-current=page] .reference-nav-icon{color:var(--skin-primary);border-bottom:2px solid}
body[data-reference-skin=celadon] #app-view .reference-room__header-wallet{min-width:0;min-height:44px;box-shadow:none;color:#244e43;background:0 0;border:0;border-radius:0;flex-direction:row;justify-content:flex-end;align-items:center;gap:5px;padding:3px 4px;display:flex}
body[data-reference-skin=celadon] #app-view .reference-room__header-wallet svg{flex:0 0 16px;width:16px;height:16px}
body[data-reference-skin=celadon] #app-view .reference-room__header-wallet b{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0;font-size:12px;line-height:15px}
body[data-reference-skin=celadon] #app-view .reference-room__peek-eye{color:#58746a;min-width:48px;min-height:28px;box-shadow:none;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 2px;font-size:11px;line-height:1;display:inline-flex;position:relative}
body[data-reference-skin=celadon] #app-view .reference-room__peek-eye:before{content:"";inset-inline:0;height:44px;position:absolute;top:50%;transform:translateY(-50%)}
body[data-reference-skin=celadon] #app-view .reference-room__peek-eye svg{width:20px;height:20px}
body[data-reference-skin=celadon] #app-view .reference-room__peek-eye[aria-checked=true]{color:#244e43}
body[data-reference-skin=celadon] #app-view .chat-room-content .chat-avatar{background:var(--skin-surface-soft);color:var(--skin-ink);box-shadow:none}
body[data-reference-skin=celadon] #app-view .reference-room__bar{padding:env(safe-area-inset-top) 8px 0;background:0 0;grid-template-columns:100px minmax(0,1fr) 100px}
body[data-reference-skin=celadon] #app-view .reference-room__stage-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 4px;font-family:Songti SC,SimSun,serif;font-size:19px;font-weight:600;overflow:hidden}
body[data-reference-skin=celadon] #app-view .reference-room__stage-title:after{content:"";vertical-align:middle;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:6px;display:inline-block}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools{background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 16px;display:flex}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools>button{gap:5px;min-height:44px;padding:0}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools>button:first-child{flex:1;justify-content:flex-start}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools>button:first-child b{font-variant-numeric:tabular-nums;font-size:13px}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools .reference-room__peek{white-space:nowrap;flex-shrink:0;font-size:12px}
body[data-reference-skin=celadon] #app-view .reference-room__summary{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0 10px 8px;display:grid}
body[data-reference-skin=celadon] #app-view .reference-room__summary .reference-room__period{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}
body[data-reference-skin=celadon] #app-view .reference-room__period>small{align-self:center;max-width:100%;font-size:11px}
body[data-reference-skin=celadon] #app-view .reference-room__period>strong{letter-spacing:1px;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(34px,11vw,44px);line-height:1.1}
body[data-reference-skin=celadon] #app-view .reference-room__result{border:1px solid color-mix(in srgb, var(--skin-line) 35%, transparent);background:color-mix(in srgb, var(--skin-surface) 94%, transparent);box-shadow:none;border-radius:8px;gap:8px;padding:10px 12px}
body[data-reference-skin=celadon] #app-view .reference-room__result .draw-result-inline--sum3{--premium-result-size:clamp(28px, 8.5vw, 34px);flex-wrap:wrap;justify-content:center;gap:7px;width:100%;display:flex}
body[data-reference-skin=celadon] #app-view .reference-room__result .draw-result-equation{flex-wrap:nowrap}
body[data-reference-skin=celadon] #app-view .reference-room__result :is(.draw-result-labels,.draw-result-ssc-summary,.draw-result-pk10-summary){flex-wrap:wrap;gap:5px;display:inline-flex}
body[data-reference-skin=celadon] #app-view .reference-room__sections{box-shadow:none;background:0 0;border:0;border-radius:0}
body[data-reference-skin=celadon] #app-view .reference-room__sections button{min-height:44px;box-shadow:none;color:var(--skin-muted);background:0 0;border:0;border-radius:0}
body[data-reference-skin=celadon] #app-view .reference-room__sections [aria-selected=true]{color:var(--skin-ink);background:0 0;font-weight:800}
body[data-reference-skin=celadon] #app-view .reference-room__section-label{line-height:18px;display:inline-block;position:relative}
body[data-reference-skin=celadon] #app-view .reference-room__section-label>i{border:0;width:5px;height:5px;top:0;right:-7px}
body[data-reference-skin=celadon] #app-view .reference-room{background-color:var(--skin-bg);background-image:linear-gradient(180deg, #f7f8f314, #eef3ee7a 42%, var(--skin-bg) 100%), url("../images/reference/celadon/room-landscape-v2-4c22e43f1ab9.webp");background-position:top;background-repeat:no-repeat;background-size:100% 100%,100%}
body[data-reference-skin=celadon] #app-view .reference-room__stage{background:0 0;padding-bottom:0}
body[data-reference-skin=celadon] #app-view .reference-room__summary{padding-top:2px;padding-bottom:8px;gap:10px;padding-inline:16px}
body[data-reference-skin=celadon] #app-view .reference-room__summary .reference-room__period{text-align:center;min-height:70px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,auto) auto;justify-content:center;justify-items:center;gap:7px 10px;padding:2px 0;display:grid}
body[data-reference-skin=celadon] #app-view .reference-room__period>:is(small,span){overflow-wrap:anywhere;grid-row:1;font-size:11px;line-height:1.5}
body[data-reference-skin=celadon] #app-view .reference-room__period>small{grid-column:1;align-self:center}
body[data-reference-skin=celadon] #app-view .reference-room__period>strong{color:#244e43;letter-spacing:2px;text-shadow:0 1px #ffffffb3;grid-area:2/1/auto/-1;align-self:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,11vw,44px);font-weight:500;line-height:1.05}
body[data-reference-skin=celadon] #app-view .reference-room__result{text-align:center;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 0 5px}
body[data-reference-skin=celadon] #app-view .reference-room__result>small{color:#58746a;justify-content:center;width:100%;font-size:11px;line-height:1.5}
body[data-reference-skin=celadon] #app-view .reference-room__result>small:before,body[data-reference-skin=celadon] #app-view .reference-room__result>small:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#75908266);flex:18px;min-width:10px;max-width:64px;height:1px}
body[data-reference-skin=celadon] #app-view .reference-room__result>small:after{transform:scaleX(-1)}
body[data-reference-skin=celadon] #app-view .reference-room__result>div{justify-content:center;width:100%;display:flex}
body[data-reference-skin=celadon] #app-view :is(.reference-room__period,.reference-room__result)>small{align-items:center;gap:7px;min-width:0;display:flex;overflow:visible}
body[data-reference-skin=celadon] #app-view .reference-room__issue-tag{letter-spacing:1px;color:#58746a;background:0 0;border-radius:0;flex:none;padding:0;font-size:10px;font-style:normal;line-height:16px}
body[data-reference-skin=celadon] #app-view .reference-room__issue-number{font-variant-numeric:tabular-nums;letter-spacing:.15px;color:#244e3f;overflow-wrap:anywhere;white-space:normal;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:500;line-height:16px}
body[data-reference-skin=celadon] #app-view .reference-room__result .reference-room__issue-tag{color:#58746a;box-shadow:none;background:0 0}
body[data-reference-skin=celadon] #app-view .reference-room__result .reference-room__issue-number{color:#61796d;font-size:10px;font-weight:400}
body[data-reference-skin=celadon] #app-view .reference-room__period>[role=status]{white-space:nowrap;grid-column:2;align-items:center;gap:5px;margin:0;display:inline-flex}
body[data-reference-skin=celadon] #app-view .reference-room__period>[role=status]:before{content:"";background:#80948a;border-radius:50%;flex:0 0 5px;width:5px;height:5px}
body[data-reference-skin=celadon] #app-view .reference-room[data-phase=open] .reference-room__period>[role=status]:before{background:#427961;box-shadow:0 0 0 2px #42796114}
body[data-reference-skin=celadon] #app-view .reference-room:is([data-phase=sealed],[data-phase=drawing]) .reference-room__period>[role=status]:before{background:#9a7445}
body[data-reference-skin=celadon] #app-view .reference-room__status{text-align:center;border-top:0;padding-top:0}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools .reference-room__peek-track{box-shadow:none;background:#edf3ec66;border-color:#78998a99}
body[data-reference-skin=celadon] #app-view .reference-room__stage-tools .reference-room__peek[aria-checked=true] .reference-room__peek-track{background:#456e5c;border-color:#456e5c}
body[data-reference-skin=celadon] #app-view .reference-room__skeleton-period{grid-area:1/1;max-width:100%}
body[data-reference-skin=celadon] #app-view .reference-room__skeleton-phase{grid-area:1/2}
body[data-reference-skin=celadon] #app-view .reference-room__sections{isolation:isolate;position:relative}
body[data-reference-skin=celadon] #app-view .reference-room__sections:before{content:"";z-index:0;inset-inline:0;opacity:.65;pointer-events:none;background:url("../images/reference/celadon/room-tabs-vine-v1-4c51f6375f11.webp") 50%/100% 160px no-repeat;height:20px;position:absolute;top:-7px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}
body[data-reference-skin=celadon] #app-view .reference-room__sections>button{z-index:1;margin-top:6px}
body[data-reference-skin=celadon] #app-view .reference-room__result .draw-result-inline--sum3{--premium-result-size:clamp(30px, 8.8vw, 34px);flex-flow:row;justify-content:center;align-items:center;gap:6px}
body[data-reference-skin=celadon] #app-view .reference-room__result .draw-result-inline--sum3 :is(.draw-result-mainline,.draw-result-equation){justify-content:center;gap:3px}
body[data-reference-skin=celadon] #app-view .reference-room__result .draw-result-inline--sum3 .draw-result-labels{flex-wrap:nowrap;justify-content:center;gap:3px}
body[data-reference-skin=celadon] #app-view .reference-room__result .draw-result-inline--sum3 .draw-result-labels>span{min-width:24px;height:24px}
body[data-reference-skin=celadon] #app-view .reference-room-card__copy{box-shadow:none;color:var(--skin-ink);background:0 0;border:0;border-radius:0;padding:0}
body[data-reference-skin=celadon]{--light-detail-line:#dbe5de;--light-detail-icon-bg:#e8efe9;--light-detail-card:#fcfdf9}



/* theme.css */
body[data-reference-skin=comic] .reference-directory-categories>button{isolation:isolate;color:#171717;min-height:92px;box-shadow:none;background:0 0;flex:0 0 62px;gap:5px;padding:9px 3px 6px;position:relative;transform:none;border:0!important}
body[data-reference-skin=comic] .reference-directory-categories>button:before{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 92' preserveAspectRatio='none'%3E%3Cg fill='%23171717'%3E%3Cpath d='M3 3 24 4 4 5ZM2 12 4 13 3 60ZM57 8 59 7 58 84 56 84ZM45 88 55 90 45 90Z'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;inset:1px 2px}
body[data-reference-skin=comic] .reference-directory-categories .reference-category-icon{clip-path:polygon(4% 8%,100% 0,95% 100%,0 95%);color:#171717;background:#e3dfd5;width:48px;height:61px}
body[data-reference-skin=comic] .reference-directory-categories>button.is-active{color:#fff;box-shadow:none;clip-path:polygon(0 0,98% 4%,100% 100%,3% 96%);background:#d90824}
body[data-reference-skin=comic] .reference-directory-categories>button.is-active:before{display:none}
body[data-reference-skin=comic] .reference-directory-categories>button.is-active .reference-category-icon{color:#e20a28;background:#101010}
body[data-reference-skin=comic] .reference-directory-categories strong{font-size:10px;font-weight:800}
body[data-reference-skin=comic] :is(.reference-room,.room-history-row) .draw-result-labels>span{border-radius:0;font-weight:800;box-shadow:1px 1px #8b8172;color:#171717!important;background:#f1ecdf!important;border:1px solid #171717!important}
body[data-reference-skin=comic] :is(.reference-room,.room-history-row) .draw-result-labels>:is(.draw-result-label--sum3-red,.draw-result-label--k3-red){color:#fff!important;background:#d90824!important}
body[data-reference-skin=comic] :is(.reference-room,.room-history-row) .draw-result-labels>:is(.draw-result-label--sum3-neutral,.draw-result-label--k3-neutral),body[data-reference-skin=comic] :is(.reference-room,.room-history-row) .draw-result-labels--pending>span{color:#655d51!important;background:#ded8cd!important}
body[data-reference-skin=comic] :is(.reference-room--comic,.chat-room-content){--skin-bg:#0c0c0c;--skin-surface:#171717;--skin-surface-soft:#242220;--skin-ink:#f7f3e9;--skin-muted:#bdb7ac;--skin-line:#57534e;--skin-accent:#242220;--skin-accent-ink:#f7f3e9;--background:#0c0c0c;--room-tab-surface:#0c0c0c}
body[data-reference-skin=comic] .reference-room .reference-room__bar{background:#0c0c0c;border-bottom:1px solid #f1ecdf}
body[data-reference-skin=comic] .reference-room__brand strong{color:#f7f3e9}
body[data-reference-skin=comic] .reference-room .reference-room__identity{background:#0c0c0c;border-bottom:0;padding:3px 14px}
body[data-reference-skin=comic] .reference-room__identity>button:first-child strong{font-size:18px;font-style:italic;font-weight:900}
body[data-reference-skin=comic] .reference-room .reference-room__summary{box-shadow:none;background:#0c0c0c;border:0;border-radius:0;gap:10px;margin:0;padding:12px 14px 16px}
body[data-reference-skin=comic] .reference-room .reference-room__summary--k3{grid-template-columns:minmax(0,1fr)}
body[data-reference-skin=comic] .reference-room :is(.reference-room__identity,.reference-room__summary){background-image:radial-gradient(circle,#f7f3e912 .65px,#0000 .85px),repeating-linear-gradient(135deg,#0000 0 31px,#f7f3e908 31px 32px,#0000 32px 64px);background-size:7px 7px,64px 64px}
body[data-reference-skin=comic] .reference-room .reference-room__period{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}
body[data-reference-skin=comic] .reference-room .reference-room__period strong{color:#d90824;text-shadow:none;background:#f7f3e9;grid-area:1/2/3;padding:5px 10px;font-size:clamp(25px,7vw,30px);font-weight:900;line-height:1.1;transform:skew(-4deg)}
body[data-reference-skin=comic] .reference-room__period small{color:#f7f3e9;font-size:13px;font-weight:800}
body[data-reference-skin=comic] .reference-room__period>span{color:#ff6474}
body[data-reference-skin=comic] .reference-room__result{gap:9px}
body[data-reference-skin=comic] .reference-room :is(.reference-room__summary--pc28,.reference-room__summary--k3) .draw-result-inline{flex-wrap:wrap;row-gap:6px}
body[data-reference-skin=comic] .reference-room :is(.reference-room__summary--pc28,.reference-room__summary--k3) .draw-result-labels{flex-wrap:wrap;display:inline-flex}
body[data-reference-skin=comic] :is(.reference-room__summary--pc28,.room-history-row) .draw-result-number{border:2px solid #171717;width:27px;height:27px;font-size:10px;font-weight:900;box-shadow:2px 2px #d90824}
body[data-reference-skin=comic] .reference-room .reference-room__sections{background:#f1ecdf;border-block:2px solid #171717;gap:3px;padding:3px 7px}
body[data-reference-skin=comic] .reference-room__sections button{color:#171717;font-weight:800}
body[data-reference-skin=comic] .reference-room__sections button[aria-selected=true]{color:#fff;background:#d90824;border-radius:0;box-shadow:2px 2px #171717}
body[data-reference-skin=comic] .chat-room-content .chat-avatar{border:2px solid #f1ecdf;border-radius:50%}
body[data-reference-skin=comic] .reference-room__peek-cat{flex:none;width:38px;height:34px;overflow:visible}
body[data-reference-skin=comic] .reference-room__peek[aria-checked=true] .peek-cat-face{fill:#f7f3e9;stroke:#d90824}
body[data-reference-skin=comic] .reference-room__peek[aria-checked=true] .peek-cat-open{opacity:1;transform:scaleY(1)}
body[data-reference-skin=comic] .reference-room__peek[aria-checked=true] .peek-cat-closed{opacity:0}
@media (prefers-reduced-motion:reduce){body[data-reference-skin=comic] .reference-room__peek-cat *{transition:none}
}
body[data-reference-skin=comic] .reference-profile__identity{background:#f7f3e9;padding:18px 16px}
body[data-reference-skin=comic] .reference-profile__identity :is(img,.reference-profile__avatar){border:1px solid #181816;border-radius:2px;box-shadow:2px 2px #181816}
body[data-reference-skin=comic] .reference-profile__name strong{font-size:18px;font-weight:800}
body[data-reference-skin=comic] .reference-profile__wallet{color:#fff;background:#151515;border:1px solid #181816;border-left:4px solid #d90824;border-radius:0;width:calc(100% - 28px);margin:0 14px 16px;padding:16px 14px 16px 18px;position:relative;box-shadow:3px 3px #d0c8bb}
body[data-reference-skin=comic] .reference-profile__wallet small{color:#c4bdb2;letter-spacing:.06em}
body[data-reference-skin=comic] .reference-profile__wallet strong{color:#fff;font-size:28px;font-weight:850;line-height:1.15}
body[data-reference-skin=comic] .reference-profile__wallet .reference-profile__arrow{color:#f7f3e9}
body[data-reference-skin=comic] .reference-profile__wallet--wide-balance strong{white-space:normal;overflow-wrap:anywhere;font-size:21px}
body[data-reference-skin=comic] .reference-profile__vip{background:#f7f3e9;border-top:1px solid #cfc8bc;padding:14px 16px 16px}
body[data-reference-skin=comic] .reference-profile__vip strong{color:#d90824;font-size:14px;font-weight:800}
body[data-reference-skin=comic] .reference-profile__vip small{color:#655f58}
body[data-reference-skin=comic] .reference-profile__vip i{background:#292724;border-radius:0;height:5px;margin-top:12px}
body[data-reference-skin=comic] .reference-profile__vip i b{background:#d90824}
body[data-reference-skin=comic] .reference-profile__vip strong{align-items:center;gap:5px;display:inline-flex}
body[data-reference-skin=comic] .reference-profile__vip-symbol{color:inherit;flex:none;font-size:17px}
body[data-reference-skin=comic] .reference-profile__wallet strong:before{content:"¥";margin-right:4px;font-size:.7em;font-weight:700}
body[data-reference-skin=comic]{--skin-bg:#eeeae1;--skin-surface:#f7f3e9;--skin-surface-soft:#e5dfd3;--skin-ink:#181816;--skin-muted:#655f58;--skin-line:#cfc8bc;--skin-primary:#d90824;--skin-primary-rgb:217, 8, 36;--skin-primary-contrast:#fff;--skin-accent:#e5dfd3;--skin-accent-ink:#181816;--skin-gradient:linear-gradient(125deg, #181616 3%, #9f1025 60%, #e32234);--skin-radius:2px;--skin-shadow:3px 3px 0 #181816;--skin-header-bg:#151515;--skin-header-ink:#faf5eb;--skin-nav-bg:#171717}
body[data-reference-skin=comic] .reference-brand-bar,body[data-reference-skin=comic] .reference-directory-header{background-color:#161616;background-image:radial-gradient(#45413e 1.2px,#0000 1.2px);background-size:8px 8px;border-bottom:3px solid #eee9dd}
body[data-reference-skin=comic] .reference-brand__name>small{color:#fb4151;letter-spacing:1.8px;opacity:1}
body[data-reference-skin=comic] .reference-login-button{background:#131313;border-radius:0;transform:skew(-3deg);color:#fff!important;border:1px solid #908b83!important}
body[data-reference-skin=comic] .reference-home-top{color:#f4f0e6;clip-path:polygon(0 0,100% 0,100% 98.8%,95% 100%,87% 99%,79% 100%,71% 99%,65% 100%,57% 99%,48% 100%,39% 99%,29% 100%,18% 99%,8% 100%,0 99%);background:#171717;padding:9px 12px 17px}
body[data-reference-skin=comic] .reference-hero{aspect-ratio:1.32;border:3px solid #ece7db;border-radius:0;min-height:236px}
body[data-reference-skin=comic] .reference-hero:after{background:linear-gradient(0deg,#eee9dc 0 31%,#0000 31.4%),linear-gradient(90deg,#0000001a,#0000)}
body[data-reference-skin=comic] .reference-hero__copy{color:#161616;clip-path:polygon(0 4%,9% 7%,18% 2%,27% 5%,38% 0,49% 4%,61% 1%,72% 5%,83% 2%,93% 6%,100% 1%,100% 100%,0 100%);background:#eee9dc;width:100%;padding:18px 13px 12px;position:absolute;bottom:0;left:0}
body[data-reference-skin=comic] .reference-hero__copy>small{order:2;font-size:8px}
body[data-reference-skin=comic] .reference-hero__copy>strong{text-shadow:1px 1px #fff;font-size:clamp(27px,8.7vw,42px);font-style:italic;line-height:.96}
body[data-reference-skin=comic] .reference-hero__copy>span{display:none}
body[data-reference-skin=comic] .reference-hero__ornament{clip-path:polygon(50% 0,61% 22%,84% 12%,80% 37%,100% 50%,79% 62%,85% 87%,61% 79%,50% 100%,38% 78%,13% 87%,22% 62%,0 50%,21% 37%,14% 12%,39% 22%);background:#d90824;place-items:center;width:49px;height:49px;display:grid;bottom:10px;right:17px}
body[data-reference-skin=comic] .reference-announcement{color:#e3ddd1;background:#242321;border:1px solid #5a554f;border-radius:0;margin:10px 0}
body[data-reference-skin=comic] .reference-announcement :is(.van-notice-bar,.home-notice-ticker,.home-notice-ticker__track){color:#e3ddd1}
body[data-reference-skin=comic] .reference-account-panel{color:#f4f0e6;box-shadow:none;background:#211f1d;border:1px solid #6a635b;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}
body[data-reference-skin=comic] .reference-account{flex-direction:column;align-items:flex-start;gap:5px;padding:10px}
body[data-reference-skin=comic] .reference-account__identity>strong{font-size:12px}
body[data-reference-skin=comic] .reference-account__amount>strong{font-size:17px}
body[data-reference-skin=comic] .reference-account--guest>.reference-icon{display:none}
body[data-reference-skin=comic] .reference-account--guest>span{gap:8px}
body[data-reference-skin=comic] .reference-account--guest small{font-size:9px}
body[data-reference-skin=comic] .reference-account--guest strong{font-size:11px}
body[data-reference-skin=comic] .reference-account-panel .reference-quick-links{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:6px 4px;display:grid}
body[data-reference-skin=comic] .reference-quick-links>button{gap:3px;padding:3px 1px}
body[data-reference-skin=comic] .reference-quick-links strong{font-size:9px}
body[data-reference-skin=comic] .reference-quick-links__icon{width:28px;height:28px}
body[data-reference-skin=comic] .reference-quick-links__icon .reference-icon{font-size:20px}
body[data-reference-skin=comic] .reference-account-panel:has(.reference-account__amount--long){grid-template-columns:minmax(0,1fr)}
body[data-reference-skin=comic] .reference-account--guest :is(small,strong),body[data-reference-skin=comic] .reference-account__amount>small,body[data-reference-skin=comic] .reference-account__amount .reference-icon{color:#e5dccf}
body[data-reference-skin=comic] .reference-account__vip{color:#fff;background:#d90824}
body[data-reference-skin=comic] .reference-quick-links{border-color:#49433e}
body[data-reference-skin=comic] .reference-quick-links__icon{color:#fff;background:#d90824;border-radius:1px;transform:rotate(-4deg)}
body[data-reference-skin=comic] .reference-game-section{margin-top:0;padding-top:7px}
body[data-reference-skin=comic] .reference-section-heading{border-bottom:3px solid #181816;margin-bottom:9px}
body[data-reference-skin=comic] .reference-section-heading small{color:#a1001b;font-weight:900}
body[data-reference-skin=comic] .reference-section-heading h2{font-size:26px;font-style:italic}
body[data-reference-skin=comic] .reference-refresh{background:#151515;border-radius:0;box-shadow:2px 2px #d90824;color:#fff!important}
body[data-reference-skin=comic] .reference-game-grid{gap:17px 12px}
body[data-reference-skin=comic] .reference-game-card{background:0 0;border-radius:0;padding:5px 5px 1px;overflow:visible;border-left:2px solid #141414!important}
body[data-reference-skin=comic] .reference-game-card:after{clip-path:polygon(0 50%,100% 0,96% 100%);content:"";background:#181816;width:71%;height:3px;position:absolute;bottom:-5px;right:0}
body[data-reference-skin=comic] .reference-game-card__art{aspect-ratio:1.38;background:#2b1b20;border:2px solid #1b1817;transform:rotate(-1.2deg)}
body[data-reference-skin=comic] .reference-game-card:nth-child(2n) .reference-game-card__art{transform:rotate(1.2deg)}
body[data-reference-skin=comic] .reference-game-card__art>img{filter:saturate(.55)contrast(1.25);mix-blend-mode:luminosity}
body[data-reference-skin=comic] .reference-game-card__art:after{pointer-events:none;content:"";background:linear-gradient(145deg,#da021d40,#0000 60%);border:5px solid #eadecb59;position:absolute;inset:0}
body[data-reference-skin=comic] .reference-game-card__number{z-index:1;color:#ff243e;text-shadow:2px 2px #160407;font-size:30px;font-style:italic;font-weight:950;line-height:1.15;position:absolute;top:-4px;left:5px}
body[data-reference-skin=comic] .reference-game-card__copy{gap:3px;padding:8px 0}
body[data-reference-skin=comic] .reference-game-card__copy>strong{font-size:clamp(16px,5vw,22px);font-weight:950}
body[data-reference-skin=comic] .reference-directory-categories{border-bottom:4px solid #171717;margin:-14px -14px 10px;padding:12px 12px 13px}
body[data-reference-skin=comic] .reference-directory-categories>button{color:#181816;background:#e1dbce;border-radius:0;transform:skew(-3deg);border-right:2px solid #272521!important}
body[data-reference-skin=comic] .reference-directory-categories>button.is-active{color:#fff;background:#d90824;box-shadow:3px 3px #171717}
body[data-reference-skin=comic] .reference-directory .reference-room-card{color:#fff;background:#242020;min-height:90px;padding:12px;box-shadow:3px 3px #b9afa1;border:2px solid #181816!important}
body[data-reference-skin=comic] .reference-room-card:after{z-index:-1;content:"";background:linear-gradient(90deg,#201b1b 15%,#1c0e11e6 60%,#5d031499);position:absolute;inset:0}
body[data-reference-skin=comic] .reference-room-card__number{background:#d90824;flex-shrink:0;align-self:stretch;place-items:center;min-width:36px;margin:-5px 0 -5px -5px;font-size:25px;font-style:italic;font-weight:950;display:grid}
body[data-reference-skin=comic] .reference-room-card__arrow{border-radius:0;transform:skew(-6deg)}
body[data-reference-skin=comic] .reference-primary-navigation{border-top:3px solid #ece6da;box-shadow:0 -3px #191919}
body[data-reference-skin=comic] .reference-primary-navigation :is(button,.reference-nav-wallet){color:#bbb5ab;--color:#bbb5ab}
body[data-reference-skin=comic] .reference-primary-navigation button.is-active{color:#fff;--color:white;contain:none;z-index:2;overflow:visible}
body[data-reference-skin=comic] .reference-primary-navigation button.is-active:before{z-index:-1;clip-path:polygon(0 9%,22% 13%,28% 0,48% 7%,70% 0,75% 12%,100% 9%,92% 43%,100% 73%,81% 77%,79% 100%,50% 88%,24% 100%,19% 82%,0 90%,8% 52%);content:"";pointer-events:none;background:#dd0925;position:absolute;inset:-18px 0 0}
@media (width<=350px){body[data-reference-skin=comic] .reference-directory-categories{margin-left:-10px;margin-right:-10px}
}



/* theme-Bogl.css */
body[data-reference-skin=neon] .reference-room .reference-room__identity{background:var(--skin-bg);border-bottom:0;padding-inline:16px}
body[data-reference-skin=neon] .reference-room__identity strong{letter-spacing:.2px;font-size:14px}
body[data-reference-skin=neon] .reference-room__identity b{font-variant-numeric:tabular-nums;font-size:15px}
body[data-reference-skin=neon] .reference-room .reference-room__summary{background:linear-gradient(130deg,#292349,#201b3e);border:1px solid #b79cff2e;border-radius:14px;gap:12px;margin:2px 12px 12px;padding:14px;box-shadow:0 4px 14px #08051a1f}
body[data-reference-skin=neon] .reference-room__summary small{color:#b9b2d3;font-size:11px;line-height:1.5}
body[data-reference-skin=neon] .reference-room__period{gap:6px}
body[data-reference-skin=neon] .reference-room__period>span{color:#d0c1f5;align-items:center;gap:5px;font-size:11px;display:inline-flex}
body[data-reference-skin=neon] .reference-room__period>span:before{content:"";background:currentColor;border-radius:50%;flex:0 0 4px;width:4px;height:4px}
body[data-reference-skin=neon] .reference-room .reference-room__period strong{color:#d4c7ff;letter-spacing:1px;text-shadow:none;font-size:clamp(28px,8vw,32px);font-weight:600;line-height:1.15}
body[data-reference-skin=neon] .reference-room__summary--pc28 .reference-room__result,body[data-reference-skin=neon] .reference-room__summary--k3 .reference-room__result{border-top:1px solid #b79cff1f;gap:7px;padding-top:10px}
body[data-reference-skin=neon] .reference-room :is(.reference-room__summary--pc28,.reference-room__summary--k3) .reference-room__result .draw-result-labels{flex-wrap:wrap;display:inline-flex}
body[data-reference-skin=neon] .reference-room :is(.reference-room__summary--pc28,.reference-room__summary--k3) .reference-room__result .draw-result-inline{flex-wrap:wrap;row-gap:5px}
body[data-reference-skin=neon] .reference-room .reference-room__summary--k3{grid-template-columns:minmax(0,1fr)}
body[data-reference-skin=neon] .reference-room .reference-room__summary--k3 .reference-room__period{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}
body[data-reference-skin=neon] .reference-room .reference-room__summary--k3 .reference-room__period strong{grid-area:1/2/3}
body[data-reference-skin=neon] :is(.reference-room__summary--pc28,.room-history-row) .draw-result-equation{gap:4px}
body[data-reference-skin=neon] :is(.reference-room__summary--pc28,.room-history-row) .draw-result-number{width:24px;height:24px;font-size:11px}
body[data-reference-skin=neon] :is(.reference-room,.room-history-row) .draw-result-inline--sum3 .draw-result-number{width:26px;height:26px;text-shadow:none;border-radius:50%;flex:0 0 26px;font-size:11px;font-weight:900;box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -2px 3px #1109243d,0 2px 3px #08041659;background:radial-gradient(circle at 50% 48%, #fff 0 47%, #f0edf6 49% 55%, transparent 57%), radial-gradient(circle at 30% 20%, #fff 0, var(--neon-ball-shell,#ad7188) 42%, #29213e 100%)!important;color:var(--neon-ball-ink,#80374d)!important;border:1px solid #fff9!important}
body[data-reference-skin=neon] :is(.reference-room,.room-history-row) .draw-result-number--sum3-green{--neon-ball-shell:#70b5aa;--neon-ball-ink:#22675f}
body[data-reference-skin=neon] :is(.reference-room,.room-history-row) .draw-result-number--sum3-blue{--neon-ball-shell:#789fd2;--neon-ball-ink:#315f97}
body[data-reference-skin=neon] :is(.reference-room,.room-history-row) .draw-result-number--sum3-amber{--neon-ball-shell:#d5b276;--neon-ball-ink:#805413}
body[data-reference-skin=neon] .reference-room{background-color:#171131;background-image:radial-gradient(at 85% 24%,#976cf524,#0000 55%),repeating-linear-gradient(135deg,#0000 0 18px,#baa1f40d 18px 19px,#0000 19px 38px),radial-gradient(circle at 1px 1px,#c4aff917 .7px,#0000 1px);background-size:auto,auto,12px 12px}
body[data-reference-skin=neon] .reference-room .reference-room__identity{background:0 0}
body[data-reference-skin=neon] :is(.reference-home-rail,.reference-directory-categories)>button{background:var(--skin-surface);box-shadow:none;border-color:var(--skin-line)!important}
body[data-reference-skin=neon] :is(.reference-home-rail,.reference-directory-categories)>button.is-active{background:var(--skin-surface-soft);color:var(--skin-ink);box-shadow:none;border-color:var(--skin-line)!important}
body[data-reference-skin=neon] :is(:is(.reference-room,.room-history-row) .draw-result-inline--sum3 .draw-result-labels>span,.room-peek-result--sum3 .room-peek-labels>span){border-radius:7px;font-weight:800;box-shadow:inset 0 1px #fff,inset 0 -2px 2px #4831621a,0 2px 3px #0804164d;border:1px solid color-mix(in srgb, var(--neon-result-ink,#687184) 38%, #fff)!important;color:var(--neon-result-ink,#687184)!important;background:linear-gradient(155deg,#fff 0%,#f7f4fc 55%,#e5dfef 100%)!important}
body[data-reference-skin=neon]{--skin-bg:#171139;--skin-surface:#25204b;--skin-surface-soft:#342965;--skin-ink:#f5f2ff;--skin-muted:#b9b2d3;--skin-line:#453966;--skin-primary:#b79cff;--skin-primary-rgb:183, 156, 255;--skin-primary-contrast:#231441;--skin-accent:#352b55;--skin-accent-ink:#e3d8ff;--skin-gradient:linear-gradient(110deg,#9320c7,#6540ce 52%,#177b9e);--skin-radius:12px;--skin-shadow:0 5px 17px #0000002e;--skin-header-bg:linear-gradient(100deg,#25134c,#1c1845);--skin-header-ink:#fff;--skin-nav-bg:#24203f}
body[data-reference-skin=neon] .reference-brand-bar{min-height:59px;padding:9px 12px}
body[data-reference-skin=neon] .reference-brand__name>small{color:#b39edf;letter-spacing:1.1px}
body[data-reference-skin=neon] :is(.reference-app-button,.reference-login-button){background:var(--skin-gradient);border-radius:99px;min-height:44px;box-shadow:inset 0 1px #ffffff42;color:#fff!important}
body[data-reference-skin=neon] .reference-home-top{padding:10px 11px 0}
body[data-reference-skin=neon] .reference-hero{aspect-ratio:2.08;border:1px solid #6c38974d;border-radius:7px;min-height:169px}
body[data-reference-skin=neon] .reference-hero:after{background:linear-gradient(90deg,#311653cc,#0000 85%)}
body[data-reference-skin=neon] .reference-hero__copy>strong{text-shadow:2px 3px #8f4bb1;font-size:clamp(27px,8vw,38px)}
body[data-reference-skin=neon] .reference-hero__copy>small{color:#d6bdf2}
body[data-reference-skin=neon] .reference-announcement{background:#20193e;border:1px solid #45316b;border-radius:6px;margin:6px 0}
body[data-reference-skin=neon] .reference-account-panel{box-shadow:none;background:linear-gradient(110deg,#312251,#202048);border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}
body[data-reference-skin=neon] .reference-account{flex-direction:column;align-items:flex-start;gap:5px;padding:10px}
body[data-reference-skin=neon] .reference-account--guest>.reference-icon{display:none}
body[data-reference-skin=neon] .reference-account--guest>span{gap:8px}
body[data-reference-skin=neon] .reference-account--guest small{font-size:9px}
body[data-reference-skin=neon] .reference-account--guest strong{background:var(--skin-gradient);color:#fff;border-radius:99px;align-self:flex-start;padding:7px 9px;font-size:11px;display:inline-flex}
body[data-reference-skin=neon] .reference-account__identity>strong{font-size:12px}
body[data-reference-skin=neon] .reference-account__amount>strong{font-size:17px}
body[data-reference-skin=neon] .reference-account__vip{padding:2px 4px}
body[data-reference-skin=neon] .reference-quick-links{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:6px 4px;display:grid}
body[data-reference-skin=neon] .reference-quick-links>button{gap:3px;padding:3px 1px}
body[data-reference-skin=neon] .reference-quick-links strong{color:#eee6ff;font-size:9px}
body[data-reference-skin=neon] .reference-quick-links__icon{width:28px;height:28px;color:var(--skin-primary);background:var(--skin-accent);border:1px solid var(--skin-line);box-shadow:none;border-radius:8px}
body[data-reference-skin=neon] .reference-quick-links__icon .reference-icon{font-size:20px}
body[data-reference-skin=neon] .reference-game-section{margin-top:7px;padding:0 11px}
body[data-reference-skin=neon] .reference-section-heading small{display:none}
body[data-reference-skin=neon] .reference-section-heading h2{font-size:19px}
body[data-reference-skin=neon] .reference-game-layout{grid-template-columns:55px minmax(0,1fr);align-items:start;gap:11px;display:grid}
body[data-reference-skin=neon] .reference-game-grid{grid-template-columns:minmax(0,1fr);gap:12px}
body[data-reference-skin=neon] .reference-game-card{background:#302056;border-radius:9px;min-height:139px;box-shadow:inset 0 0 0 1px #6b498866}
body[data-reference-skin=neon] .reference-game-card__art{background:#663482;height:100%;position:absolute;inset:0}
body[data-reference-skin=neon] .reference-game-card__art>img{filter:saturate(.8)hue-rotate(18deg);opacity:.9;object-position:60% center}
body[data-reference-skin=neon] .reference-game-card__art:after{content:"";background:linear-gradient(90deg,#38204df5,#352050ad 52%,#0000);position:absolute;inset:0}
body[data-reference-skin=neon] .reference-game-card:nth-child(3n+2) .reference-game-card__art:after{background:linear-gradient(90deg,#182b59f5,#263366a8 52%,#0000)}
body[data-reference-skin=neon] .reference-game-card__copy{z-index:1;color:#fff;gap:6px;width:87%;padding:15px 13px;position:relative}
body[data-reference-skin=neon] .reference-game-card__copy>strong{text-shadow:0 2px 2px #1b082d;font-size:21px}
body[data-reference-skin=neon] .reference-game-card__copy>small{color:#d5c7ed;font-size:9px}
body[data-reference-skin=neon] .reference-game-card__meta{color:#e7dcf9;font-size:9px}
body[data-reference-skin=neon] .reference-game-card__meta em{color:#dcbeff}
body[data-reference-skin=neon] .reference-game-card__enter{color:#f7ecff;background:#794fbb73;border-color:#ad8cdb}
body[data-reference-skin=neon] .reference-directory-header{border-bottom:1px solid #4c3775}
body[data-reference-skin=neon] .reference-directory-layout{grid-template-columns:64px minmax(0,1fr);gap:11px;display:grid}
body[data-reference-skin=neon] .reference-directory-categories{flex-direction:column;gap:8px;margin:0;padding:0;overflow:visible}
body[data-reference-skin=neon] .reference-directory-categories>button{background:#29204d;border-radius:11px;flex:none;min-height:72px;border:1px solid #473164!important}
body[data-reference-skin=neon] .reference-directory-categories>button.is-active{background:var(--skin-gradient);color:#fff;box-shadow:0 0 10px #824abb36;border-color:#c180fa!important}
body[data-reference-skin=neon] .reference-directory-content>.reference-section-heading{flex-wrap:wrap;padding-top:0}
body[data-reference-skin=neon] .reference-directory-content .reference-section-heading h2{font-size:16px}
body[data-reference-skin=neon] .reference-directory-content .reference-refresh{width:44px;min-height:44px}
body[data-reference-skin=neon] .reference-directory .reference-room-card{color:#f5f2ff;min-height:127px;padding:14px 12px;border-color:var(--skin-line)!important}
body[data-reference-skin=neon] .reference-room-card:after{z-index:-1;content:"";background:linear-gradient(90deg,#322152ed,#33235dcc 60%,#3825594d);position:absolute;inset:0}
body[data-reference-skin=neon] .reference-room-card__copy>strong{font-size:19px}
body[data-reference-skin=neon] .reference-room-card__copy>small{color:#ded3f2}
body[data-reference-skin=neon] .reference-room-card__arrow{background:var(--skin-gradient);color:#fff}
body[data-reference-skin=neon] .reference-primary-navigation{--background:#24203f;border-top:1px solid var(--skin-line);background:linear-gradient(#30244a,#23203d)}
body[data-reference-skin=neon] .reference-primary-navigation button.is-active .reference-nav-icon{background:var(--skin-gradient);color:#fff;box-shadow:0 0 9px #af53db55}
@media (width<=350px){body[data-reference-skin=neon] .reference-game-layout{grid-template-columns:49px minmax(0,1fr);gap:8px}
body[data-reference-skin=neon] .reference-directory-layout{grid-template-columns:57px minmax(0,1fr);gap:8px}
body[data-reference-skin=neon] .reference-game-card__copy>strong{font-size:19px}
}



/* theme.css */
body[data-reference-skin=opera]{--skin-bg:#111010;--skin-surface:#211e1c;--skin-surface-soft:#302923;--skin-ink:#f4ead6;--skin-muted:#c2b7a5;--skin-line:#71604a;--skin-primary:#e7c58b;--skin-primary-rgb:231,197,139;--skin-primary-contrast:#211911;--skin-accent:#542b32;--skin-accent-ink:#f6dec0;--skin-gradient:linear-gradient(125deg,#402329,#171414 65%,#695039);--skin-radius:8px;--skin-shadow:0 8px 24px #0004;--skin-header-bg:#151313;--skin-header-ink:#f4ead6;--skin-nav-bg:#181514;--premium-key-shadow:inset 0 1px #fff2, 0 3px 0 #080706}
body[data-reference-skin=opera]{color-scheme:dark;--skin-error-ink:#ff9ca3}
body[data-reference-skin=opera] .reference-brand-bar{border-bottom:1px solid var(--skin-line)}
body[data-reference-skin=opera] .reference-brand__name small{letter-spacing:3px;color:var(--skin-primary)}
body[data-reference-skin=opera] .reference-hero{aspect-ratio:1.5;border:1px solid var(--skin-line);border-radius:100px 100px 8px 8px;min-height:220px}
body[data-reference-skin=opera] .reference-hero:after{background:linear-gradient(#0000 25%,#0e0c0be6)}
body[data-reference-skin=opera] .reference-hero__copy{color:var(--skin-ink);text-align:center;align-items:center;padding:88px 12px 18px}
body[data-reference-skin=opera] .reference-hero__copy>strong{letter-spacing:5px;font-family:Songti SC,SimSun,serif;font-size:29px}
body[data-reference-skin=opera] .reference-hero__ornament{display:none}
body[data-reference-skin=opera] .reference-account-panel{border:1px solid var(--skin-line);background:linear-gradient(125deg,#392127,#211b1b)}
body[data-reference-skin=opera] .reference-account{padding:18px 14px}
body[data-reference-skin=opera] .reference-account__amount>strong{color:var(--skin-primary)}
body[data-reference-skin=opera] .reference-quick-links__icon{border:1px solid var(--skin-line);color:var(--skin-primary);background:#171412;border-radius:50%}
body[data-reference-skin=opera] .reference-section-heading h2{letter-spacing:3px;font-family:Songti SC,SimSun,serif;font-weight:600}
body[data-reference-skin=opera] .reference-game-card{background:linear-gradient(#312820,#181615);border-radius:80px 80px 7px 7px;padding:7px;border:1px solid var(--skin-line)!important}
body[data-reference-skin=opera] .reference-game-card__art{background:radial-gradient(at bottom,#6a422f,#171313 75%);border-radius:70px 70px 5px 5px;min-height:105px}
body[data-reference-skin=opera] .reference-game-card__copy{text-align:center;align-items:center;padding:12px 3px}
body[data-reference-skin=opera] .reference-game-card__meta{justify-content:center}
body[data-reference-skin=opera] .reference-room-card{border:1px solid var(--skin-line);border-radius:32px 8px 8px}
body[data-reference-skin=opera] .reference-room__summary{border:1px solid var(--skin-line);background:radial-gradient(at top,#4b2c32,#1c1817 75%);border-radius:28px 28px 6px 6px;margin:0 12px 12px}
body[data-reference-skin=opera] .reference-room__period>strong{color:var(--skin-primary);text-shadow:0 2px #000;font-family:Georgia,serif}
body[data-reference-skin=opera] .reference-primary-navigation{border-top:1px solid var(--skin-line);border-radius:0}
body[data-reference-skin=opera] .reference-profile__card{border:1px solid var(--skin-line);background:linear-gradient(140deg,#3b242a,#211b1b)}
body[data-reference-skin=opera] .reference-profile header{text-shadow:0 2px 6px #000;align-items:center;min-height:44px;padding-right:48px;display:flex;position:relative}
body[data-reference-skin=opera] .reference-profile__settings{color:#e7c58b;background:0 0;place-items:center;width:44px;height:44px;font-size:23px;display:grid;position:absolute;top:0;right:0}
body[data-reference-skin=opera] .reference-profile__settings .reference-icon{color:#f4d49b;filter:drop-shadow(0 1px 2px #000)drop-shadow(0 0 3px #000);width:22px;height:22px;font-size:22px}
body[data-reference-skin=opera] .reference-auth__intro{border-left:2px solid var(--skin-primary);background:#111010d9;padding:12px}
body[data-reference-skin=opera] .reference-profile__card{--skin-ink:#382b1a;--skin-muted:#6b5945;--skin-primary:#70501f;--skin-primary-contrast:#fff6e3;--skin-surface-soft:#e7d8bd;--skin-line:#ac956b;--skin-gradient:linear-gradient(115deg,#b08f57,#73542c);color:var(--skin-ink);background:linear-gradient(125deg,#f3e8d2,#e1cba3);border-color:#b79b69;border-radius:22px 5px}
body[data-reference-skin=opera] .opera-lobby-stage{isolation:isolate;aspect-ratio:8/7;color:#ecd3a9;background:#0e0d0b;width:100%;position:relative;overflow:hidden}
body[data-reference-skin=opera] .opera-lobby-stage__art{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
body[data-reference-skin=opera] .opera-lobby-stage__balance{text-align:center;position:absolute;top:22%;left:18%;right:18%}
body[data-reference-skin=opera] .opera-lobby-stage__balance small{letter-spacing:1px;text-shadow:0 1px 4px #000;font-size:10px}
body[data-reference-skin=opera] .opera-lobby-stage__balance>div{justify-content:center;align-items:center;gap:2px;display:flex}
body[data-reference-skin=opera] .opera-lobby-stage__balance strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #000;min-width:0;font:600 clamp(18px,5.5vw,25px)/1.2 Georgia,serif}
body[data-reference-skin=opera] .opera-lobby-stage__balance button{width:44px;color:inherit;background:0 0;flex:0 0 44px}
body[data-reference-skin=opera] .opera-lobby-stage__login{color:#ecd3a9;background:#171410e6;border:1px solid #88714e;border-radius:4px;width:48%;position:absolute;top:24%;left:26%}
body[data-reference-skin=opera] .opera-lobby-stage__medallion{text-align:center;text-shadow:0 2px 5px #000;width:28%;font:500 clamp(28px,11vw,48px)/1.3 Georgia,serif;position:absolute;top:54%;left:36%}
body[data-reference-skin=opera] .reference-carousel{margin-top:12px}
body[data-reference-skin=opera] .reference-game-card.is-opera-portal{aspect-ratio:1;background:#11100e;border-radius:0;padding:0;position:relative;overflow:hidden;border:0!important}
body[data-reference-skin=opera] .reference-game-card.is-opera-portal .reference-game-card__art{border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}
body[data-reference-skin=opera] .reference-game-card.is-opera-portal .reference-game-card__art img{object-fit:contain;width:100%;height:100%}
body[data-reference-skin=opera] .reference-game-card.is-opera-portal .reference-game-card__copy{color:#eed4a6;text-shadow:0 1px 3px #000;background:linear-gradient(#0000,#12100dbf);padding:0;position:absolute;inset:auto 8% 7%}
body[data-reference-skin=opera] .reference-game-card.is-opera-portal .reference-game-card__meta>span{display:none}
body[data-reference-skin=opera] .reference-game-card:not(.is-opera-portal){background:linear-gradient(100deg,#24221d,#10100f);border-radius:22px;flex-direction:row;grid-column:1/-1;align-items:center;min-height:44px;padding:3px 12px;display:flex}
body[data-reference-skin=opera] .reference-game-card:not(.is-opera-portal) .reference-game-card__art{background:0 0;border-radius:50%;flex:0 0 32px;width:32px;height:32px;min-height:0}
body[data-reference-skin=opera] .reference-game-card:not(.is-opera-portal) .reference-game-card__copy{flex-direction:row;flex:1;justify-content:space-between;gap:8px;padding:0 0 0 10px}
body[data-reference-skin=opera] .reference-game-card:not(.is-opera-portal) .reference-game-card__meta>span{display:none}
body[data-reference-skin=opera] .reference-room__stage{background:#100e0b url("../images/reference/opera/room-stage-v2-7cb2e8cc489a.webp") 50%/100% 100% no-repeat}
body[data-reference-skin=opera] .reference-room__stage .reference-room__bar{padding:calc(8px + env(safe-area-inset-top)) 12px 0;color:#ecd1a5;background:0 0;grid-template-columns:44px minmax(0,1fr) 44px}
body[data-reference-skin=opera] .reference-room__stage-title{text-align:center;font-family:Georgia,Noto Serif SC,serif;font-size:19px}
body[data-reference-skin=opera] .reference-room__stage-title:after{content:"";vertical-align:middle;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:6px;display:inline-block}
body[data-reference-skin=opera] .reference-room__stage{position:relative}
body[data-reference-skin=opera] .reference-room__stage-tools{top:calc(50px + env(safe-area-inset-top));background:0 0;border:0;gap:12px;padding:0;position:absolute;left:22px;right:22px}
body[data-reference-skin=opera] .reference-room__stage-tools button{text-shadow:0 1px 3px #000;min-height:44px}
body[data-reference-skin=opera] #app-view .reference-room__sections{z-index:1;box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:-44px;position:relative}
body[data-reference-skin=opera] #app-view .reference-room__sections button{box-shadow:none;color:#c2b7a5;background:0 0;border:0;border-radius:0;min-height:44px}
body[data-reference-skin=opera] #app-view .reference-room__sections [aria-selected=true]{color:#f3d39b;background:0 0;font-weight:800}
body[data-reference-skin=opera] #app-view .reference-room__section-label{line-height:18px;display:inline-block;position:relative}
body[data-reference-skin=opera] #app-view .reference-room__section-label>i{border:0;width:5px;height:5px;top:0;right:-7px}
body[data-reference-skin=opera] .reference-room__summary{aspect-ratio:4/3;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:48px 10% 60px}
body[data-reference-skin=opera] #app-view .reference-room__summary .reference-room__period{text-align:center;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px 8px;display:grid}
body[data-reference-skin=opera] #app-view .reference-room__period>strong{grid-area:2/1/auto/-1}
body[data-reference-skin=opera] .reference-room__period>span[role=status]{color:#e7c58b;font-size:9px;line-height:1.4}
body[data-reference-skin=opera] .reference-room__period>strong{color:#ecd1a5;font-size:clamp(32px,10vw,42px);font-weight:500;line-height:1.1}
body[data-reference-skin=opera] .reference-room__result{text-align:center;align-items:center;gap:8px}
body[data-reference-skin=opera] .reference-room__result>div{justify-content:center;display:flex}
body[data-reference-skin=opera] .reference-room__result-caption{justify-content:center;align-items:center;gap:10px;width:100%;font-size:12px;font-weight:400;display:flex}
body[data-reference-skin=opera] .reference-room__result-caption:before,body[data-reference-skin=opera] .reference-room__result-caption:after{content:"";pointer-events:none;background:url("../images/reference/opera/result-divider-9d0aacc817e7.svg") 50%/100% 100% no-repeat;flex:1;height:6px}
body[data-reference-skin=opera] .reference-room__result-caption:after{transform:scaleX(-1)}
body[data-reference-skin=opera] #app-view .reference-room__result .draw-result-inline--sum3{--premium-result-size:clamp(36px, 11.5vw, 44px);flex-flow:column;align-items:center;gap:9px;width:100%;display:flex}
body[data-reference-skin=opera] #app-view .reference-room__result .draw-result-inline--sum3 :is(.draw-result-mainline,.draw-result-equation){flex-wrap:nowrap;justify-content:center;gap:4px}
body[data-reference-skin=opera] #app-view .reference-room__result .draw-result-inline--sum3 .draw-result-number{font-family:Georgia,serif;font-size:clamp(21px,6.5vw,26px);font-weight:700}
body[data-reference-skin=opera] #app-view .reference-room__result .draw-result-inline--sum3 .draw-result-operator{color:#dccbb0;font-size:15px}
body[data-reference-skin=opera] #app-view .reference-room__result .draw-result-inline--sum3 .draw-result-labels{flex-wrap:wrap;justify-content:center;gap:7px;max-width:100%}
body[data-reference-skin=opera] #app-view .reference-room__result .draw-result-inline--sum3 .draw-result-labels>span{border-radius:12px;min-width:34px;height:21px;padding:0 9px;font-size:12px}
body[data-reference-skin=opera] .reference-room__summary--pc28 .draw-result-number{width:32px;height:32px;font-size:18px}
body[data-reference-skin=opera] .reference-room__summary small{color:#dccbb0}
body[data-reference-skin=opera] .reference-profile__card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}
body[data-reference-skin=opera] .reference-profile__membership{isolation:isolate;box-sizing:border-box;aspect-ratio:1000/550;color:#382b1a;background:0 0;flex-direction:column;justify-content:flex-start;padding:5% 8% 4%;display:flex;position:relative}
body[data-reference-skin=opera] .reference-profile__membership:before{content:"";z-index:-1;pointer-events:none;filter:brightness(.92);background:linear-gradient(#dbc09d22,#dbc09d22),url("../images/reference/opera/member-ticket-v4-40b6f43b06a4.webp") 50% 56.0284%/105.714% 117.091% no-repeat;position:absolute;inset:0;-webkit-mask:url("../images/reference/opera/member-ticket-shape-v4-962de61510dd.svg") 50%/100% 100% no-repeat;mask:url("../images/reference/opera/member-ticket-shape-v4-962de61510dd.svg") 50%/100% 100% no-repeat}
body[data-reference-skin=opera] .reference-profile__membership:after{content:none}
body[data-reference-skin=opera] .reference-profile__art{background-position:top;background-size:cover;height:calc(100% - 64px)}
body[data-reference-skin=opera] .reference-profile__identity{gap:10%;width:74%;min-height:0;padding:0}
body[data-reference-skin=opera] .reference-profile__identity :is(img,.reference-profile__avatar){aspect-ratio:1;border:2px solid #9a7842;border-radius:50%;width:35%;height:auto}
body[data-reference-skin=opera] .reference-profile__name strong{font-family:Noto Serif SC,serif;font-size:clamp(15px,4.5vw,19px)}
body[data-reference-skin=opera] .reference-profile__identity .reference-profile__arrow{color:#382b1a;flex-basis:12px;width:12px;height:12px}
body[data-reference-skin=opera] .reference-profile__ticket-wallet{border-top:1px solid #a48c67;width:72%;margin-top:4%;padding:3% 2% 0}
body[data-reference-skin=opera] .reference-profile__ticket-wallet>small{color:#58472e;font-size:11px}
body[data-reference-skin=opera] .reference-profile__ticket-amount{align-items:center;gap:3px;display:flex}
body[data-reference-skin=opera] .reference-profile__ticket-balance{white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;min-height:32px;padding:0;font-family:Georgia,serif;font-size:clamp(24px,7.5vw,31px);font-weight:700}
body[data-reference-skin=opera] .reference-profile__ticket-balance.is-wide{font-size:clamp(15px,4.5vw,20px)}
body[data-reference-skin=opera] .reference-profile__ticket-eye{background:0 0;place-items:center;min-width:32px;min-height:44px;padding:0;font-size:16px;display:grid}
body[data-reference-skin=opera] .reference-profile__ticket-brand{text-align:center;color:#70502e;width:21%;position:absolute;top:48%;right:4%}
body[data-reference-skin=opera] .reference-profile__ticket-brand strong{font-family:Noto Serif SC,serif;font-size:clamp(20px,6vw,27px);font-weight:600}
body[data-reference-skin=opera] .reference-profile__ticket-brand.is-long strong{overflow-wrap:anywhere;font-size:clamp(12px,3.7vw,17px);display:block}
body[data-reference-skin=opera] .reference-profile__ticket-brand small{letter-spacing:3px;margin-top:1px;font-family:Georgia,serif;font-size:8px}
body[data-reference-skin=opera] .reference-profile__wallet{background:0 0;border-top:1px solid #b49d72;border-radius:0;width:100%;margin:0;padding:12px 0 0}
body[data-reference-skin=opera] .reference-profile__wallet strong{font-family:Georgia,serif;font-size:28px}
body[data-reference-skin=opera] .reference-profile__wallet--wide-balance strong{font-size:clamp(17px,5.5vw,22px)}
body[data-reference-skin=opera] .reference-profile__vip{--skin-primary:#e7c58b;--skin-muted:#c2b7a5;--skin-line:#71604a;--skin-gradient:linear-gradient(90deg,#84643a,#e7c58b);color:#f4ead6;background:#191613;border:1px solid #71604a;border-radius:5px;margin-top:12px}



/* theme-DPv-uM.css */
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__card .reference-profile__wallet{isolation:isolate;color:#204e40;background:linear-gradient(110deg,#fcfdf7,#eef4eb);border:1px solid #c6d7c9;border-bottom:0;border-radius:4px 28px 0 0;width:100%;min-height:184px;margin:8px 0 0;padding:23px 24px 26px;position:relative;overflow:hidden;box-shadow:inset 5px 0 #e0e9dc,inset 7px 0 #f8faf3,0 9px 22px #244d390b}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet:before{content:"";z-index:-1;opacity:.22;pointer-events:none;background:url("../images/reference/celadon/room-landscape-v2-4c22e43f1ab9.webp") 50%/cover;width:68%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet:after{content:"青瓷\a 东方";white-space:pre;letter-spacing:2px;color:#60836b;pointer-events:none;border:1px solid #74947a;border-radius:2px;padding:5px 4px;font:10px/1.45 Songti SC,SimSun,serif;position:absolute;top:21px;right:23px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet>span:before{content:"MEMBER / 会员资产";letter-spacing:1.7px;color:#80947e;margin-bottom:25px;font-size:9px;display:block}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet>span{min-width:0}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet small{letter-spacing:2px;color:#657b6c;font-size:11px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet strong{letter-spacing:-.7px;color:#204e40;white-space:normal;overflow-wrap:anywhere;margin-top:9px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,10vw,42px);font-weight:500;line-height:1.1}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__wallet .reference-profile__arrow{box-sizing:border-box;color:#476750;background:0 0;border:0;border-radius:0;flex-basis:22px;align-self:flex-end;width:22px;height:22px;padding:0}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__card .reference-profile__vip{background:linear-gradient(110deg,#fcfdf7,#eef4eb);border:1px solid #c6d7c9;border-top:0;border-radius:0 0 4px 28px;width:100%;min-height:97px;margin:0;padding:18px 24px 20px;position:relative;box-shadow:inset 5px 0 #e0e9dc,inset 7px 0 #f8faf3,0 12px 22px #244d390b}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__vip:before{content:"";pointer-events:none;border-top:1px dashed #aabca4;position:absolute;top:0;left:24px;right:24px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__card .reference-profile__vip>span{flex-direction:column;align-items:flex-start;gap:5px;display:flex}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__vip strong{letter-spacing:1.6px;color:#315e4c;font-family:Georgia,serif;font-size:16px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__vip small{color:#6a806e;font-size:11px;line-height:1.5}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__vip .reference-profile__arrow{color:#60836b;width:18px;height:18px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__card .reference-profile__vip i{background:#78958266;border-radius:2px;height:3px;margin-top:13px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__vip i b{background:linear-gradient(90deg,#40725c,#a5b994)}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__card:not(:has(.reference-profile__vip)) .reference-profile__wallet{border-bottom:1px solid #c6d7c9;border-radius:4px 28px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile--celadon .reference-profile__card :is(.reference-profile__wallet,.reference-profile__vip):focus-visible{outline-offset:-4px;outline:2px solid #b5a36a}
body[data-reference-skin=celadon] .reference-home .premium-home-extras:has(>.reference-carousel){padding-top:12px}
body[data-reference-skin=celadon] .reference-home .celadon-hero-announcement{z-index:2;color:var(--skin-ink);box-shadow:none;background:#f5f8f1b8;border:0;border-radius:0;margin:0;position:absolute;inset:auto 0 0}
body[data-reference-skin=celadon] .celadon-hero-announcement .announcement-ticker{background:0 0;border-radius:0}
body[data-reference-skin=celadon] .celadon-hero-actions{z-index:3;gap:0;display:flex;position:absolute;top:84px;left:16px}
body[data-reference-skin=celadon] .celadon-hero-actions>button{width:44px;min-width:44px;min-height:44px;color:var(--skin-primary);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex}
body[data-reference-skin=celadon] .celadon-hero-actions strong{font-size:10px;font-weight:500;line-height:1.2}
body[data-reference-skin=celadon] .celadon-hero-actions>button:focus-visible{outline:2px solid var(--skin-primary);outline-offset:-2px}
body[data-reference-skin=celadon] .reference-home{position:relative}
body[data-reference-skin=celadon] .reference-home>.reference-brand-bar{z-index:4;box-shadow:none;background:0 0;border:0;position:absolute;top:0;left:0;right:0}
body[data-reference-skin=celadon] .reference-home .reference-brand{flex:1 1 0}
body[data-reference-skin=celadon] .reference-home .reference-home-top .reference-hero{aspect-ratio:7/6;min-height:300px}
body[data-reference-skin=celadon] .reference-home:has(.premium-header-balance--long) .celadon-hero-actions{top:128px}
body[data-reference-skin=celadon]{--skin-bg:#eef3ee;--skin-surface:#fcfdf9;--skin-surface-soft:#dce9df;--skin-ink:#203f37;--skin-muted:#526960;--skin-line:#a0b8aa;--skin-primary:#2b6553;--skin-primary-rgb:43,101,83;--skin-primary-contrast:#fff;--skin-accent:#d4e4d9;--skin-accent-ink:#295346;--skin-gradient:linear-gradient(130deg,#d9e8df,#f5f7ed 60%,#abcbb9);--skin-radius:17px;--skin-shadow:0 8px 22px #304f3c0d;--skin-header-bg:#f5f8f1;--skin-header-ink:#203f37;--skin-nav-bg:#fbfcf7;--premium-key-shadow:inset 0 2px #fff, 0 2px 0 #b5cabc}
body[data-reference-skin=celadon] .reference-brand-bar{border-bottom:1px solid #c5d5c8;min-height:60px}
body[data-reference-skin=celadon] .reference-brand__name small{letter-spacing:3px}
body[data-reference-skin=celadon] .reference-brand-bar{background:#fbfdfb;border:0;flex-wrap:wrap;gap:4px 8px}
body[data-reference-skin=celadon] .reference-brand{flex:110px}
body[data-reference-skin=celadon] .reference-brand__name{flex-direction:column-reverse}
body[data-reference-skin=celadon] .premium-header-balance{color:#183a35;align-items:center;gap:6px;max-width:100%;display:flex}
body[data-reference-skin=celadon] .premium-header-balance>strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}
body[data-reference-skin=celadon] .premium-header-balance>button{width:44px;min-height:44px;color:inherit;background:0 0;padding:0}
body[data-reference-skin=celadon] .reference-home-top{padding-top:0}
body[data-reference-skin=celadon] .reference-account-panel{box-shadow:none;background:0 0;border:0}
body[data-reference-skin=celadon] .reference-quick-links{border-top:0;padding:0}
body[data-reference-skin=celadon] .reference-quick-links>button{flex-direction:row;min-height:44px}
body[data-reference-skin=celadon] .reference-quick-links__icon{width:23px;height:23px;box-shadow:none;background:0 0;border:0;border-radius:0}
body[data-reference-skin=celadon] .reference-game-section{margin-top:4px}
body[data-reference-skin=celadon] .reference-section-heading{border:0;min-height:34px;margin-bottom:5px;padding:4px 0}
body[data-reference-skin=celadon] .reference-section-heading small{display:none}
body[data-reference-skin=celadon] .reference-section-heading h2{letter-spacing:2px;color:#526960;font-size:14px}
body[data-reference-skin=celadon] .reference-hero{border-radius:4px 42px;min-height:206px}
body[data-reference-skin=celadon] .reference-hero:after{background:linear-gradient(90deg,#f4f5eee6,#0000 90%)}
body[data-reference-skin=celadon] .reference-hero__copy{color:var(--skin-ink);padding:32px 18px}
body[data-reference-skin=celadon] .reference-hero__copy>strong{letter-spacing:4px;font-family:Songti SC,SimSun,serif;font-size:30px;font-weight:500}
body[data-reference-skin=celadon] .reference-hero__ornament{color:var(--skin-primary)}
body[data-reference-skin=celadon] .reference-account-panel{box-shadow:inset 0 2px #fff,var(--skin-shadow);border:1px solid #b7cdbd}
body[data-reference-skin=celadon] .reference-account{padding:18px 16px}
body[data-reference-skin=celadon] .reference-quick-links__icon{background:linear-gradient(145deg,#f8fcf5,#c9dfd0);border:1px solid #b5cdbc;border-radius:50%;box-shadow:inset 1px 2px #fff}
body[data-reference-skin=celadon] .reference-section-heading{border-bottom:1px solid var(--skin-line);margin-bottom:14px}
body[data-reference-skin=celadon] .reference-section-heading h2{letter-spacing:4px;font-family:Songti SC,SimSun,serif;font-weight:500}
body[data-reference-skin=celadon] .reference-game-grid{gap:5px}
body[data-reference-skin=celadon] .reference-game-card{background:#fbfdfb;border:1px solid #e6ece7;border-radius:8px;flex-direction:row;grid-column:1/-1;align-items:center;min-height:64px}
body[data-reference-skin=celadon] .reference-game-card__art{aspect-ratio:1;width:32px;height:32px;box-shadow:none;background:0 0;border-radius:0;flex:0 0 32px;margin:12px}
body[data-reference-skin=celadon] .reference-game-card__art>img{object-fit:contain}
body[data-reference-skin=celadon] .reference-game-card__copy{flex:1;gap:5px;width:auto;padding:10px 23px 10px 0}
body[data-reference-skin=celadon] .reference-game-card__copy>strong{font-family:Songti SC,SimSun,serif;font-size:16px;font-weight:500}
body[data-reference-skin=celadon] .reference-game-card:after{content:"›";color:#506a60;font-size:20px;position:absolute;right:10px}
body[data-reference-skin=celadon] .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]){background:linear-gradient(125deg,#f8fbf8,#eaf2ed);grid-column:auto;min-height:112px}
body[data-reference-skin=celadon] .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]) .reference-game-card__art{border-radius:8px;flex-basis:48%;width:48%;height:auto;margin:0}
body[data-reference-skin=celadon] .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]) .reference-game-card__copy{padding:12px 6px 24px 0}
body[data-reference-skin=celadon] .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]) .reference-game-card__copy>strong{font-size:14px}
body[data-reference-skin=celadon] .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]) .reference-game-card__meta em{text-wrap:balance}
body[data-reference-skin=celadon] .reference-game-card:is([data-game-code=canada28],[data-game-code=pcdd]):after{bottom:5px}
body[data-reference-skin=celadon] .reference-room__summary{border:1px solid var(--skin-line);background:linear-gradient(140deg,#fcfdf8,#dfece2);border-radius:26px 5px}
body[data-reference-skin=celadon] .reference-room__period>strong{color:var(--skin-primary);font-family:Georgia,serif}
body[data-reference-skin=celadon] .reference-room-card{border:1px solid #b7cdbd;box-shadow:inset 0 2px #fff}
body[data-reference-skin=celadon] .reference-room-card__art>img{object-position:center;min-width:0;min-height:0;position:absolute;inset:0}
body[data-reference-skin=celadon] .reference-room-card__art:after{content:"";z-index:1;pointer-events:none;background:#e8f6f066;position:absolute;inset:0}
body[data-reference-skin=celadon] .reference-profile header{color:var(--skin-ink)}
body[data-reference-skin=celadon] .reference-profile__card{border-radius:28px 8px}
body[data-reference-skin=celadon] .reference-auth{color:var(--skin-ink);background-position:65%}
body[data-reference-skin=celadon] .reference-auth__intro{background:#f5f7eee8;border-radius:3px 24px;max-width:230px;padding:12px}
body[data-reference-skin=celadon] .reference-hero{aspect-ratio:4/3;background:#f5f7f2;border-radius:0;min-height:0}
body[data-reference-skin=celadon] .reference-hero:after{background:0 0}
body[data-reference-skin=celadon] .reference-hero__art{object-fit:contain}
body[data-reference-skin=celadon] .reference-hero__copy{max-width:55%;padding:24px 14px}
body[data-reference-skin=celadon] .reference-hero__ornament{display:none}
body[data-reference-skin=celadon] .reference-hero__copy>span{white-space:pre-line;line-height:1.6}
body[data-reference-skin=celadon] .reference-room__identity{background:#f7f8f3 url("../images/reference/celadon/room-landscape-v2-4c22e43f1ab9.webp") 50% 72%/cover no-repeat;align-items:flex-start;min-height:94px;padding-top:8px}
body[data-reference-skin=celadon] .reference-room__summary{background:#fdfefa;border:1px solid #e0e8e2;border-radius:10px;grid-template-columns:minmax(0,1fr)}
body[data-reference-skin=celadon] .reference-room__summary .reference-room__period{flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}
body[data-reference-skin=celadon] .reference-room__period>small{align-self:flex-start}
body[data-reference-skin=celadon] .reference-room__period>strong{color:#183a35;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:clamp(34px,11vw,44px);line-height:1.1}
body[data-reference-skin=celadon] .reference-room__result{background:#f3f8f3;border-radius:8px;padding:10px}
body[data-reference-skin=celadon] .reference-profile__card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}
body[data-reference-skin=celadon] .reference-profile header{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
body[data-reference-skin=celadon] .reference-profile__art{background-position:bottom;height:206px;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}
body[data-reference-skin=celadon] .reference-profile__identity{align-items:flex-end;min-height:134px;padding:20px 8px 24px;position:relative}
body[data-reference-skin=celadon] .reference-profile__identity :is(img,.reference-profile__avatar){border:1px solid #aec8b9;border-radius:24px;width:84px;height:84px;box-shadow:inset 0 2px #fff,0 4px 8px #264d3520}
body[data-reference-skin=celadon] .reference-profile__name{padding-bottom:8px}
body[data-reference-skin=celadon] #app-view #mine-panel .reference-profile__account-arrow{visibility:visible;opacity:1;width:1em;height:1em;font-size:inherit;vertical-align:-.12em;color:inherit;margin-left:4px;display:inline-block}
body[data-reference-skin=celadon] .reference-profile__wallet{background:#fdfefa;border:0;border-radius:10px;width:100%;margin:8px 0 12px;padding:20px 18px}
body[data-reference-skin=celadon] .reference-profile__vip{background:#fdfefa;border:0;border-radius:10px}
/* 新布局复用现有业务组件；颜色映射让表单、弹窗和记录页与各自外观一致。 */
body[data-reference-skin] {
  --palette-canvas: var(--skin-bg);
  --palette-surface: var(--skin-surface);
  --palette-surface-soft: var(--skin-surface-soft);
  --palette-surface-raised: var(--skin-surface);
  --palette-text: var(--skin-ink);
  --palette-muted: var(--skin-muted);
  --palette-line: var(--skin-line);
  --palette-primary: var(--skin-primary);
  --palette-accent: var(--skin-primary);
  --palette-focus: var(--skin-primary);
  --palette-nav: var(--skin-nav-bg);
  --palette-nav-solid: var(--skin-nav-bg);
  --palette-nav-active: var(--skin-primary);
  --blue: var(--skin-primary);
  --blue-deep: var(--skin-primary);
  --ink: var(--skin-ink);
  --muted: var(--skin-muted);
  --line: var(--skin-line);
  --soft: var(--skin-surface-soft);
  color: var(--skin-ink);
  background: var(--skin-bg);
}
body[data-reference-skin="default"] {
  --skin-bg: #f2efed; --skin-surface: #fff; --skin-surface-soft: #faf7f5;
  --skin-ink: #392732; --skin-muted: #928187; --skin-line: #eee4e5;
  --skin-primary: #148f80; --skin-primary-rgb: 20,143,128; --skin-primary-contrast: #fff;
  --skin-accent: #f4e3df; --skin-accent-ink: #a56f67;
  --skin-header-bg: #fffcf8; --skin-header-ink: #392732; --skin-nav-bg: #fffcf8;
  --skin-gradient: linear-gradient(125deg,#463958,#765787); --skin-radius: 22px;
  --skin-shadow: 0 12px 28px #5742480c;
  --palette-canvas-rgb: 242,239,237; --palette-surface-rgb: 255,255,255;
  --palette-surface-soft-rgb: 250,247,245; --palette-line-rgb: 238,228,229;
  --palette-shadow-rgb: 87,66,72; --palette-overlay-rgb: 44,35,40;
}
body[data-reference-skin="comic"] {
  --palette-canvas-rgb: 238,234,225; --palette-surface-rgb: 247,243,233;
  --palette-surface-soft-rgb: 229,223,211; --palette-line-rgb: 207,200,188;
  --palette-shadow-rgb: 24,24,22; --palette-overlay-rgb: 20,18,18;
}
body[data-reference-skin="neon"] {
  color-scheme: dark;
  --palette-canvas-rgb: 23,17,57; --palette-surface-rgb: 37,32,75;
  --palette-surface-soft-rgb: 52,41,101; --palette-line-rgb: 69,57,102;
  --palette-shadow-rgb: 8,5,26; --palette-overlay-rgb: 8,5,26;
}
body[data-reference-skin="opera"] {
  color-scheme: dark;
  --palette-canvas-rgb: 17,15,15; --palette-surface-rgb: 33,26,22;
  --palette-surface-soft-rgb: 43,31,25; --palette-line-rgb: 115,88,55;
  --palette-shadow-rgb: 0,0,0; --palette-overlay-rgb: 8,5,4;
}
body[data-reference-skin="celadon"] {
  color-scheme: light;
  --palette-canvas-rgb: 238,243,231; --palette-surface-rgb: 248,250,242;
  --palette-surface-soft-rgb: 230,237,222; --palette-line-rgb: 198,215,201;
  --palette-shadow-rgb: 36,77,57; --palette-overlay-rgb: 22,42,30;
}
body[data-reference-skin] :is(#app-view,#app-view>.page-scroll,.tab-panel,#auth-view) { background-color:var(--skin-bg); color:var(--skin-ink); }
body[data-reference-skin] #app-view { background-image:none; width:min(860px,100%); }
body[data-reference-skin] #app-view>.page-scroll { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
body[data-reference-skin] :is(.sub-header,.finance-card,.statistics-card,.mine-card,.agent-card,.benefit-card,.activity-card,.notice-card,.settings-card,.service-center-card,.service-contact-list,.service-question-list) { color:var(--skin-ink); background:var(--skin-surface); border-color:var(--skin-line); border-radius:var(--skin-radius); box-shadow:var(--skin-shadow); }
body[data-reference-skin] .sub-header { min-height:60px; padding:10px 16px; gap:10px; border-radius:0; border-bottom:1px solid var(--skin-line); box-shadow:none; }
body[data-reference-skin] .sub-header h1 { margin:0; font-size:18px; font-weight:700; }
body[data-reference-skin] .sub-header small { display:none; }
body[data-reference-skin] .sub-header>button { width:36px; height:36px; color:var(--skin-primary); background:transparent; border:0; box-shadow:none; }
body[data-reference-skin] :is(.primary-button,.auth-submit,.game-append-button,.benefit-draw-button) { background:var(--skin-primary); border-radius:var(--skin-radius); color:var(--skin-primary-contrast); box-shadow:var(--skin-shadow); }
body[data-reference-skin] :is(input,select,textarea) { color:var(--skin-ink); accent-color:var(--skin-primary); }
body[data-reference-skin] :is(input,textarea)::placeholder { color:var(--skin-muted); }
body[data-reference-skin] :is(button,input,select,textarea):disabled { opacity:1; color:var(--skin-muted); background-color:var(--skin-surface-soft); border-color:var(--skin-line); box-shadow:none; }
body[data-reference-skin] :is(.finance-action-tabs button.active,.game-filters button.active,.finance-period-tabs button.active) { color:var(--skin-primary-contrast,#fff); background:var(--skin-primary); border-color:var(--skin-primary); }
body[data-reference-skin] :is(.finance-shell,.statistics-shell,.benefit-shell,.settings-shell) { padding:14px; }
body[data-reference-skin] .reference-icon { display:inline-block; width:24px; height:24px; flex-shrink:0; vertical-align:middle; stroke:currentColor; }
body[data-reference-skin] .reference-home :is(h1,h2,h3,p,small,strong,em) { font-family:inherit; }
body[data-reference-skin] .reference-home .lobby-overview { margin:0; padding:0; }
body[data-reference-skin] .reference-carousel .hero,body[data-reference-skin] .home-activity-banner .hero { margin:0; border-radius:inherit; box-shadow:none; aspect-ratio:2.15; }
body[data-reference-skin] .reference-carousel .hero img { object-fit:cover; }
body[data-reference-skin] :is(.reference-announcement,.home-dashboard-announcement) .notice-bar { width:100%; border:0; margin:0; padding:0; background:transparent; box-shadow:none; border-radius:0; }
body[data-reference-skin] :is(.reference-announcement,.home-dashboard-announcement) .notice-bar>button { display:none; }
body[data-reference-skin] :is(.reference-announcement,.home-dashboard-announcement) .notice-icon { color:var(--skin-muted); background:transparent; }
body[data-reference-skin] :is(.reference-announcement,.home-dashboard-announcement) .notice-bar p { color:var(--skin-muted); }
body[data-reference-skin] .reference-announcement { display:flex; gap:8px; align-items:center; }
body[data-reference-skin] .reference-announcement>.lobby-overview { flex:1; min-width:0; }
body[data-reference-skin] .reference-announcement-center-link { flex:none; color:var(--skin-ink); white-space:nowrap; background:transparent; font-size:12px; }
body[data-reference-skin] .reference-primary-navigation { position:fixed; z-index:80; bottom:0; left:50%; transform:translateX(-50%); width:min(860px,100%); padding-bottom:env(safe-area-inset-bottom,0px); }
body[data-reference-skin] .reference-primary-navigation button { position:relative; min-width:0; min-height:58px; font:inherit; cursor:pointer; }
body[data-reference-skin] .reference-primary-navigation .reference-nav-label { white-space:nowrap; }
body[data-reference-skin] .reference-primary-navigation .service-unread-dot { position:absolute; top:7px; right:24%; }
body[data-reference-skin] .reference-room :is(.game-room-head,.game-room-info,.game-room-summary) { border-radius:0; margin:0; }
body[data-reference-skin] :is(.modal-card,.player-dialog,.content-modal,.app-dialog) { color:var(--skin-ink); background:var(--skin-surface); border-color:var(--skin-line); border-radius:var(--skin-radius); }
body[data-reference-skin] #auth-view { min-height:100dvh; padding:24px 16px; background-image:none; }
body[data-reference-skin] #auth-view::before,body[data-reference-skin] .auth-glow { display:none; }
body[data-reference-skin] .auth-shell { width:min(430px,100%); border-radius:var(--skin-radius); border-color:var(--skin-line); background:var(--skin-surface); backdrop-filter:none; box-shadow:var(--skin-shadow); }
body[data-reference-skin] .auth-input,body[data-reference-skin] .captcha-image { color:var(--skin-ink); background:var(--skin-surface-soft); border-color:var(--skin-line); border-radius:var(--skin-radius); }
body[data-reference-skin] .auth-input:focus-within { border-color:var(--skin-primary); background:var(--skin-surface); }
body[data-reference-skin] .auth-tabs { background:var(--skin-surface-soft); border:1px solid var(--skin-line); border-radius:var(--skin-radius); }
body[data-reference-skin] .auth-tabs button.active { color:var(--skin-primary); background:var(--skin-surface); }
body[data-reference-skin] .auth-intro :is(p,span),body[data-reference-skin] .auth-form>label { color:var(--skin-muted); }
body[data-reference-skin] .auth-intro h1 { color:var(--skin-ink); }
/* 经典布局与原参考首页同样以账户卡、活动卡、房间列表分组。 */
body[data-reference-skin="default"] .reference-home { background:var(--skin-bg); }
body[data-reference-skin="default"] .home-dashboard-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; min-height:60px; background:var(--skin-header-bg); }
body[data-reference-skin="default"] .home-brand-title { display:flex; align-items:center; gap:10px; }
body[data-reference-skin="default"] .home-platform-logo { width:28px; height:28px; object-fit:contain; }
body[data-reference-skin="default"] .home-brand-name { font-size:18px; }
body[data-reference-skin="default"] .home-header-actions { border:0; color:var(--skin-primary); background:transparent; padding:0; }
body[data-reference-skin="default"] .home-dashboard-shell { display:grid; gap:14px; padding:12px; }
body[data-reference-skin="default"] .home-player-card { position:relative; isolation:isolate; overflow:hidden; padding:20px 18px 16px; background:var(--skin-gradient); border:1px solid #ffffff24; border-radius:26px; color:#fff; box-shadow:0 12px 28px #62465e26; }
body[data-reference-skin="default"] .home-player-glow { position:absolute; z-index:-1; border-radius:50%; background:#ffffff0a; width:230px; height:230px; right:-52px; bottom:-88px; }
body[data-reference-skin="default"] .home-player-glow--two { width:160px; height:160px; right:74px; top:-100px; background:#f3d3b515; }
body[data-reference-skin="default"] .home-player-heading { display:flex; align-items:center; gap:12px; }
body[data-reference-skin="default"] .home-player-avatar { display:grid; flex:none; place-items:center; overflow:hidden; width:44px; height:44px; border-radius:15px; border:1px solid #ffffff38; background:#ffffff18; font-size:23px; }
body[data-reference-skin="default"] .home-player-avatar img { width:100%; height:100%; object-fit:cover; }
body[data-reference-skin="default"] .home-player-identity { flex:1; min-width:0; }
body[data-reference-skin="default"] .home-player-identity small { color:#e1dce6; font-size:12px; }
body[data-reference-skin="default"] .home-player-identity h1 { margin:1px 0 0; font-size:20px; line-height:1.3; }
body[data-reference-skin="default"] :is(.home-login-button,.home-player-balance button) { flex:none; border:1px solid #ffffff30; background:#ffffff18; color:#fff; border-radius:20px; padding:8px 12px; font-size:12px; }
body[data-reference-skin="default"] .home-player-balance { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:16px 0; }
body[data-reference-skin="default"] .home-player-balance small { display:block; color:#e1dce6; font-size:12px; }
body[data-reference-skin="default"] .home-player-balance strong { display:block; margin-top:4px; font-size:30px; font-variant-numeric:tabular-nums; }
body[data-reference-skin="default"] .home-player-guest-summary { display:flex; align-items:center; justify-content:space-between; width:100%; margin:20px 0 4px; padding:14px; border:1px solid #ffffff20; border-radius:14px; background:#ffffff16; color:#f0eaf3; font-size:12px; text-align:left; }
body[data-reference-skin="default"] .home-player-card .reference-quick-links { display:flex; justify-content:flex-end; gap:20px; margin-top:14px; }
body[data-reference-skin="default"] .home-player-card .reference-quick-links button { display:grid; justify-items:center; gap:3px; border:0; color:#f5eef8; background:transparent; font-size:11px; }
body[data-reference-skin="default"] .home-dashboard-section { padding:14px; border:1px solid #fff9; border-radius:26px; background:var(--skin-surface); box-shadow:var(--skin-shadow); }
body[data-reference-skin="default"] .home-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
body[data-reference-skin="default"] .home-section-heading span { display:block; color:#c68072; font-size:10px; font-weight:800; letter-spacing:2px; }
body[data-reference-skin="default"] .home-section-heading h2 { margin:2px 0 0; font-size:21px; line-height:1.2; }
body[data-reference-skin="default"] .home-section-heading>button { border:0; color:var(--skin-muted); background:transparent; font-size:12px; white-space:nowrap; }
body[data-reference-skin="default"] .home-dashboard-announcement { border:1px solid var(--skin-line); border-radius:12px; padding:8px; margin-bottom:10px; }
body[data-reference-skin="default"] .home-activity-banner { border-radius:18px; overflow:hidden; }
body[data-reference-skin="default"] .home-shortcut-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
body[data-reference-skin="default"] .home-shortcut-grid button { display:grid; place-items:center; gap:4px; min-width:0; padding:10px 4px; border:1px solid var(--skin-line); border-radius:18px; background:var(--skin-surface-soft); color:var(--skin-ink); }
body[data-reference-skin="default"] .home-shortcut-grid button>span { display:grid; place-items:center; width:36px; height:36px; border-radius:13px; background:#ffebe3; color:#df795d; }
body[data-reference-skin="default"] .home-shortcut-grid .is-gold>span { background:#fff0cd; color:#c68c27; }
body[data-reference-skin="default"] .home-shortcut-grid .is-violet>span { background:#eee7ff; color:#8663cc; }
body[data-reference-skin="default"] .home-shortcut-grid .is-teal>span { background:#e4f4ee; color:#318d7a; }
body[data-reference-skin="default"] .home-shortcut-grid strong { font-size:12px; white-space:nowrap; }
body[data-reference-skin="default"] .home-shortcut-grid small { font-size:10px; color:var(--skin-muted); }
body[data-reference-skin="default"] .home-room-heading p { margin:0; font-size:11px; color:var(--skin-muted); }
body[data-reference-skin="default"] .home-room-heading p strong { font-size:18px; color:#d47668; }
body[data-reference-skin="default"] .room-grid { display:grid; gap:10px; }
body[data-reference-skin="default"] :is(.home-red-packet-room,.reference-classic-room) { display:flex; align-items:center; width:100%; gap:12px; padding:16px 12px; border:1px solid var(--skin-line); border-radius:18px; text-align:left; color:var(--skin-ink); background:var(--skin-surface-soft); }
body[data-reference-skin="default"] .home-red-packet-room-visual { display:grid; place-items:center; color:#d77a6b; width:46px; height:46px; border-radius:15px; background:#fce7e1; }
body[data-reference-skin="default"] .home-red-packet-room-copy { display:grid; flex:1; gap:4px; }
body[data-reference-skin="default"] :is(.home-red-packet-room-copy small,.room-card-kicker) { color:#bb7b6c; font-size:10px; }
body[data-reference-skin="default"] .home-red-packet-room-copy strong { font-size:16px; }
body[data-reference-skin="default"] .home-red-packet-room-copy em { font-style:normal; font-size:11px; color:var(--skin-muted); }
body[data-reference-skin="default"] .home-red-packet-room-enter { color:var(--skin-primary); font-size:12px; }
body[data-reference-skin="default"] .room-card-main { flex:1; min-width:0; }
body[data-reference-skin="default"] .room-card-main h3 { margin:5px 0; font-size:17px; }
body[data-reference-skin="default"] .room-card-main p { margin:0; font-size:11px; color:var(--skin-muted); }
body[data-reference-skin="default"] .room-card-end { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--skin-primary); }
body[data-reference-skin="default"] .home-lobby-note { text-align:center; margin:4px 0 20px; color:var(--skin-muted); font-size:12px; }
body[data-reference-skin="default"] .reference-primary-navigation { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:var(--skin-nav-bg); border-top:1px solid var(--skin-line); }
body[data-reference-skin="default"] .reference-primary-navigation button { display:grid; place-content:center; justify-items:center; gap:3px; padding:6px 0; border:0; color:#8a8585; background:transparent; font-size:11px; }
body[data-reference-skin="default"] .reference-primary-navigation button.is-active { color:var(--skin-primary); }
@media(min-width:600px) {
  body[data-reference-skin="default"] .home-dashboard-shell { padding:18px; gap:18px; }
  body[data-reference-skin="default"] .room-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-reference-skin="default"] .home-red-packet-room { grid-column:1/-1; }
}

body[data-reference-skin] .reference-profile-shell { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body[data-reference-skin="default"] .home-section-state { display:flex; align-items:center; gap:12px; padding:16px 12px; border:1px dashed #dfd0d2; border-radius:14px; color:var(--skin-muted); background:var(--skin-surface-soft); text-align:left; width:100%; }
body[data-reference-skin="default"] .home-section-state>div { flex:1; min-width:0; }
body[data-reference-skin="default"] .home-section-state strong { display:block; color:var(--skin-ink); font-size:13px; }
body[data-reference-skin="default"] .home-section-state small { display:block; font-size:10px; margin-top:4px; color:var(--skin-muted); }
body[data-reference-skin="default"] .home-section-state>.reference-icon:first-child { color:#c68072; }
body[data-reference-skin] :is(.reference-hero__art,.opera-lobby-stage__art,.reference-profile__art,.reference-auth__art,.reference-room__stage) { background-position:center; background-size:cover; background-repeat:no-repeat; }
body[data-reference-skin] .reference-icon { width:1em; height:1em; font-size:24px; }
body[data-reference-skin] #auth-view { display:block; padding:0 0 32px; }
body[data-reference-skin] .auth-shell { display:block; width:100%; max-width:480px; min-height:0; margin:0 auto; padding:0; background:transparent; border:0; box-shadow:none; overflow:visible; }
body[data-reference-skin] .auth-close { z-index:5; top:16px; right:16px; color:var(--skin-muted); background:var(--skin-surface-soft); }
body[data-reference-skin] .auth-card { position:relative; width:auto; margin:30px 18px 0; padding:20px; border:1px solid var(--skin-line); border-radius:var(--skin-radius); background:var(--skin-surface); box-shadow:var(--skin-shadow); }
body[data-reference-skin] .reference-auth-tabs { order:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0 0 14px; padding:4px; }
body[data-reference-skin] .reference-auth-tabs button { display:block; width:100%; height:44px; padding:0; border:0; border-radius:calc(var(--skin-radius) * .8); font-size:14px; color:var(--skin-muted); background:transparent; }
body[data-reference-skin] .reference-auth-tabs button.active { background:var(--skin-primary); color:var(--skin-primary-contrast,#fff); box-shadow:none; }
body[data-reference-skin] .auth-form { gap:12px; }
body[data-reference-skin] .auth-form>label>span,body[data-reference-skin] .auth-form .form-pair>label>span { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
body[data-reference-skin] .auth-form .form-pair { grid-template-columns:minmax(0,1fr); gap:12px; }
body[data-reference-skin] .auth-input,body[data-reference-skin] .captcha-image { height:50px; }
body[data-reference-skin] .auth-submit { justify-content:center; height:48px; margin-top:0; }
body[data-reference-skin] .auth-submit>span { display:none; }
body[data-reference-skin] .auth-form .form-error:empty { display:none; }
body[data-reference-skin="comic"] .auth-card { border:2px solid var(--skin-line); border-top:4px solid var(--skin-primary); }
body[data-reference-skin="neon"] .auth-card:before { content:""; position:absolute; top:0; left:16%; right:16%; height:2px; background:var(--skin-gradient); }
body[data-reference-skin="celadon"] .auth-card { border-radius:4px 24px; }
body[data-reference-skin] .auth-submit { background:var(--skin-primary); color:var(--skin-primary-contrast); border-radius:14px; }
body[data-reference-skin] .reference-auth { color:var(--skin-header-ink); }
body[data-reference-skin="default"] .reference-auth { color:#fff; background:radial-gradient(circle at 82% 75%,#ffffff10 0 90px,transparent 91px),linear-gradient(130deg,#193e49,#08909b); }
body[data-reference-skin="default"] .auth-card { margin-top:-30px; border-radius:26px; }
body[data-reference-skin="opera"] .reference-auth__intro { border-left:2px solid var(--skin-primary); padding:12px; margin-top:32px; background:#0002; }
body[data-reference-skin] #mine-panel .reference-profile-shell { height:auto; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
body[data-reference-skin] #mine-panel .reference-profile-shell:before { content:none; }
body[data-reference-skin] .reference-profile__tools { position:absolute; top:10px; right:12px; z-index:2; display:flex; gap:2px; }
body[data-reference-skin] .reference-profile__tools button { display:grid; place-items:center; min-width:32px; min-height:32px; padding:4px; background:transparent; color:var(--skin-muted); }
body[data-reference-skin] .reference-profile__tools .reference-icon { font-size:18px; }
body[data-reference-skin="opera"] #app-view #mine-panel .reference-profile.reference-profile--opera { padding-top:64px; }
body[data-reference-skin="opera"] .reference-profile__art { display:none; }
body[data-reference-skin="default"] .reference-profile { padding:40px 20px 18px; background:var(--skin-surface); }
body[data-reference-skin="default"] .reference-profile__card { border:0; box-shadow:none; }
body[data-reference-skin="default"] .reference-profile__identity { padding:0 0 16px; }
body[data-reference-skin="default"] .reference-profile__identity img { width:64px; height:64px; border-radius:10px; }
body[data-reference-skin="default"] .reference-profile__wallet { margin:0; width:100%; }
body[data-reference-skin] #mine-panel .mine-profile-card .mine-checkin-card { margin:0 16px 16px; padding:16px; border:1px solid var(--skin-line); border-radius:var(--skin-radius); background:var(--skin-surface); box-shadow:none; }
body[data-reference-skin] #mine-panel .mine-profile-card .mine-checkin-card .benefit-days { margin:14px 0; }
body[data-reference-skin] #mine-panel .mine-profile-card .mine-checkin-card .benefit-days i { color:var(--skin-muted); background:var(--skin-surface-soft); }
body[data-reference-skin] #mine-panel .mine-profile-card .mine-checkin-card .benefit-days div.complete i { color:var(--skin-primary-contrast); background:var(--skin-primary); }
body[data-reference-skin] #mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-action { border-color:var(--skin-line); }
body[data-reference-skin] #mine-panel .mine-profile-card .mine-checkin-card .benefit-checkin-action .primary-button { color:var(--skin-primary-contrast); background:var(--skin-primary); }
body[data-reference-skin] #mine-panel .mine-finance-actions { margin:0 16px 14px; gap:12px; }
body[data-reference-skin] #mine-panel .mine-finance-actions button { border:1px solid var(--skin-line); border-radius:var(--skin-radius); color:var(--skin-primary); background:var(--skin-surface); box-shadow:none; }
body[data-reference-skin] #mine-panel .mine-overview-card { margin:14px 16px; border:1px solid var(--skin-line); border-radius:var(--skin-radius); box-shadow:none; }
body[data-reference-skin] #mine-panel>.menu-card { margin:14px 16px; padding:0 14px; border:1px solid var(--skin-line); border-radius:var(--skin-radius); box-shadow:none; }
body[data-reference-skin] #mine-panel>.menu-card button { min-height:58px; }
body[data-reference-skin] #mine-panel>.menu-card hr { display:none; }
body[data-reference-skin] #mine-panel>.menu-card button+button { border-top:1px solid var(--skin-line); }
body[data-reference-skin] #mine-panel>.menu-card :is(b,i,em) { color:var(--skin-ink); }
body[data-reference-skin] #mine-panel>.menu-card i { color:var(--skin-primary); }
body[data-reference-skin="opera"] #mine-panel>.menu-card,body[data-reference-skin="celadon"] #mine-panel>.menu-card { border:0; border-radius:0; background:transparent; padding:0 4px; }
body[data-reference-skin] #finance-action-tabs button.active { color:var(--skin-primary-contrast); background:var(--skin-primary); }
body[data-reference-skin] #auth-view :is(.auth-input,.captcha-image) { border-radius:14px; border-color:var(--skin-line); }
body[data-reference-skin] #auth-view :is(.auth-input,.captcha-image,.auth-submit) { height:50px; }
body[data-reference-skin] #auth-view .auth-submit { border-radius:14px; margin:4px 0 0; }
body[data-reference-skin] #auth-view .auth-form { gap:12px; }
body[data-reference-skin] #auth-view .auth-form label { gap:0; }
body[data-reference-skin="comic"] .reference-profile__tools button,body[data-reference-skin="neon"] .reference-profile__tools button { color:var(--skin-header-ink); }
body[data-reference-skin] :is(.reference-home-rail,.reference-category-icon,.reference-game-card__art,.reference-room-card__art)>svg { fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
body[data-reference-skin="comic"] :is(.reference-game-card__art,.reference-room-card__art)>svg { color:#f5e8d3; }
body[data-reference-skin="neon"] :is(.reference-game-card__art,.reference-room-card__art)>svg { color:#ddc7ff; }
body[data-reference-skin="celadon"] .celadon-hero-actions>button { flex-direction:column; }
body[data-reference-skin] .reference-quick-links>button>strong { white-space:nowrap; }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-primary-navigation button.is-active:before { background:var(--skin-primary); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-directory-categories>button.is-active { background:var(--skin-primary); }
body[data-reference-skin="default"] .home-player-balance .home-balance-eye { padding:0 6px; border:0; background:transparent; }
body[data-reference-skin="default"] .home-balance-eye .reference-icon { font-size:16px; }
body[data-reference-skin] #app-view .game-command-dock button,body[data-reference-skin] #app-view .game-mode-toggle>i,body[data-reference-skin] #app-view .group-chat-avatar { color:var(--skin-primary-contrast); }
body[data-reference-skin] #app-view .game-submit-actions .game-append-button:not(:disabled) { color:var(--skin-primary-contrast)!important; }
body[data-reference-skin] #app-view .group-chat-message:not(.mine):not(.operator) p { color:#245942; background:#e2f5e9; border-color:#a9d7bf; }
body[data-reference-skin] #app-view .group-chat-message.mine p { color:#fff; background:#337dcc; border-color:#337dcc; }
body[data-reference-skin] #app-view .group-chat-message.operator p { color:#234a70; background:#e5f1ff; border-color:#b7d5f5; }
body[data-reference-skin] .reference-home-rail>button>svg { fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
body[data-reference-skin="opera"] .reference-primary-navigation { border:1px solid var(--skin-line); border-bottom:0; border-radius:22px 22px 0 0; }
/* 验证码图片使用固定深色笔画，独立浅底确保深色皮肤也能辨认。 */
body[data-reference-skin] #auth-view .captcha-image { color:#52606a; background:#f8f7f2; }
/* 房间继续使用现有下注、聊天与开奖组件，只连接参考外观的尺寸和排版。 */
body[data-reference-skin] #game-panel:not([hidden]) { display:block; min-height:calc(100dvh - 76px); background:var(--skin-bg); }
body[data-reference-skin] .reference-room-item { min-width:0; }
body[data-reference-skin] #game-panel .reference-room-rule { display:block; min-height:36px; margin:0 0 0 auto; padding:5px 10px; color:var(--skin-primary); background:transparent; font-size:12px; }
body[data-reference-skin] .reference-room-card__art>.game-icon { position:absolute; right:12%; width:80px; height:80px; opacity:.35; }
body[data-reference-skin] #app-view .reference-room { position:relative; flex:none; z-index:12; }
body[data-reference-skin] #app-view .reference-room__stage { position:relative; }
body[data-reference-skin] #app-view .reference-room__stage-title { min-width:0; padding:0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body[data-reference-skin] #app-view .reference-room__stage-title:after { content:""; display:inline-block; margin-left:5px; border-top:5px solid; border-inline:4px solid transparent; vertical-align:middle; }
body[data-reference-skin] #app-view .reference-room__draw-result { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:6px; width:100%; min-height:0; padding:0; }
body[data-reference-skin] #app-view .reference-room__draw-result .game-draw-balls { display:flex; flex:0 1 auto; flex-wrap:nowrap; align-items:center; justify-content:center; gap:3px; min-width:0; min-height:0; margin:0; padding:0; background:transparent; }
body[data-reference-skin] #app-view .reference-room__draw-result .game-result-ball { display:grid; place-items:center; flex:none; width:28px; height:28px; border:1px solid var(--skin-line); border-radius:50%; color:var(--skin-ink); background:var(--skin-surface); box-shadow:none; font-size:15px; line-height:1; }
body[data-reference-skin] #app-view .reference-room__draw-result .game-result-ball.sum { color:var(--skin-primary-contrast,#fff); background:var(--skin-primary); }
body[data-reference-skin] #app-view .reference-room__draw-result .game-draw-balls>i { color:var(--skin-muted); font-size:12px; font-style:normal; }
body[data-reference-skin] #app-view .reference-room__draw-result .pk10-results { flex-wrap:wrap; }
body[data-reference-skin] #app-view .reference-room__draw-result .game-result-ball.pk10 { width:23px; height:25px; border-radius:4px; font-size:12px; }
body[data-reference-skin] #app-view .reference-room__result-labels { display:inline-flex; flex:none; align-items:center; gap:4px; }
body[data-reference-skin] #app-view .reference-room__result-labels i { display:grid; place-items:center; min-width:23px; height:23px; padding:0 3px; border:1px solid var(--skin-line); border-radius:6px; color:var(--skin-ink); background:var(--skin-surface-soft); font-size:11px; font-style:normal; white-space:nowrap; }
body[data-reference-skin] #app-view .reference-room__result-arrow { display:none; }
body[data-reference-skin] #app-view .reference-room__switcher:not([hidden]) { display:grid; position:absolute; z-index:24; inset:44px 8px auto; gap:4px; max-height:45dvh; overflow:auto; padding:8px; border:1px solid var(--skin-line); border-radius:12px; background:var(--skin-surface); box-shadow:var(--skin-shadow); }
body[data-reference-skin] #app-view .reference-room__switcher button { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 12px; text-align:left; }
body[data-reference-skin] #app-view .reference-room__switcher button.active { color:var(--skin-primary); background:var(--skin-surface-soft); }
body[data-reference-skin] #app-view .reference-room__recent { position:absolute; z-index:24; inset:100% 0 auto; max-height:min(360px,50dvh); overflow:auto; border:1px solid var(--skin-line); background:var(--skin-surface); box-shadow:var(--skin-shadow); }
body[data-reference-skin] #app-view .reference-room__recent :is(header,article) { display:grid; grid-template-columns:1.25fr 1.5fr .6fr 1fr .6fr .6fr; align-items:center; gap:4px; min-height:32px; padding:4px 6px; border-bottom:1px solid var(--skin-line); text-align:center; font-size:10px; }
body[data-reference-skin] #app-view .reference-room__recent header { position:sticky; top:0; background:var(--skin-surface-soft); }
body[data-reference-skin] #app-view .reference-room__recent.pk10 :is(header,article) { grid-template-columns:1fr 3fr; }
body[data-reference-skin] #app-view .reference-room__recent.k3 :is(header,article) { grid-template-columns:1.2fr 1.4fr .6fr 1fr .8fr; }
body[data-reference-skin] #app-view .reference-room__recent.ssc :is(header,article) { grid-template-columns:1.2fr 2fr .6fr 1fr; }
body[data-reference-skin] #app-view .reference-room__recent .recent-draw-numbers { display:flex; justify-content:center; gap:2px; }
body[data-reference-skin] #app-view .reference-room__announcement .lobby-overview { padding:0; margin:0; }
body[data-reference-skin] #app-view .reference-room__announcement .notice-bar { min-height:32px; padding:5px 10px; margin:0; border:0; border-radius:0; box-shadow:none; background:var(--skin-surface); }
body[data-reference-skin] #app-view .reference-room__announcement .notice-bar>button { display:none; }
body[data-reference-skin] #app-view .game-command-dock { padding:10px 9px calc(10px + env(safe-area-inset-bottom,0px)); background:var(--skin-surface); }
body[data-reference-skin] #app-view .game-command-dock input { border-radius:13px; background:var(--skin-surface-soft); font-size:14px; }
body[data-reference-skin] #app-view .game-command-dock button { min-width:55px; border-radius:13px; font-size:14px; }
body[data-reference-skin] #app-view .game-command-dock button:disabled { color:var(--skin-muted); background:var(--skin-surface-soft)!important; border:1px solid var(--skin-line); }
body[data-reference-skin] #app-view .game-mode-toggle { right:9px; }
body[data-reference-skin] #app-view .game-mode-toggle>i { width:42px; height:42px; font-size:24px; }
body[data-reference-skin] #app-view .game-room-chat-messages { padding-inline:10px; }
body[data-reference-skin] #app-view .game-room-chat-messages .group-chat-message:not(.mine):not(.operator) p { color:#245942; background:#e2f5e9; border-color:#a9d7bf; }
body[data-reference-skin] #app-view .game-room-chat-messages .group-chat-message.mine p { color:#fff; background:#337dcc; border-color:#337dcc; }
body[data-reference-skin] #app-view .game-room-chat-messages .group-chat-message.operator p { color:#234a70; background:#e5f1ff; border-color:#b7d5f5; }

body[data-reference-skin="default"] #app-view .reference-room__bar { background:var(--skin-surface-soft); border-bottom:1px solid var(--skin-line); }
body[data-reference-skin="default"] #app-view .reference-room__summary { display:grid; grid-template-columns:1fr 1fr; gap:0; border:0; border-radius:0; padding:0; margin:0; background:var(--skin-surface); }
body[data-reference-skin="default"] #app-view .reference-room__summary .reference-room__period { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:10px 4px; }
body[data-reference-skin="default"] #app-view .reference-room__period small { font-size:12px; color:var(--skin-ink); }
body[data-reference-skin="default"] #app-view .reference-room__period>span { display:none; }
body[data-reference-skin="default"] #app-view .reference-room__period>strong { color:var(--skin-primary); font-size:17px; line-height:1.2; letter-spacing:0; }
body[data-reference-skin="default"] #app-view .reference-room__classic-wallet { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; border-left:1px solid var(--skin-line); }
body[data-reference-skin="default"] #app-view .reference-room__classic-wallet small { color:var(--skin-ink); font-size:11px; }
body[data-reference-skin="default"] #app-view .reference-room__classic-wallet strong { color:var(--skin-primary); font-size:17px; }
body[data-reference-skin="default"] #app-view .reference-room__result { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; grid-column:1/-1; gap:5px; padding:10px 7px; border-top:1px solid var(--skin-line); }
body[data-reference-skin="default"] #app-view .reference-room__result>small { flex:none; color:var(--skin-ink); font-size:10px; }
body[data-reference-skin="default"] #app-view .reference-room__draw-result { flex:1; gap:3px; flex-wrap:nowrap; }
body[data-reference-skin="default"] #app-view .reference-room__draw-result .game-result-ball { width:22px; height:22px; font-size:12px; }
body[data-reference-skin="default"] #app-view .reference-room__draw-result .game-draw-balls { gap:2px; }
body[data-reference-skin="default"] #app-view .reference-room__draw-result .game-draw-balls>i { font-size:9px; }
body[data-reference-skin="default"] #app-view .reference-room__result-labels { gap:2px; }
body[data-reference-skin="default"] #app-view .reference-room__result-labels i { min-width:19px; height:22px; padding:0 2px; font-size:10px; }
body[data-reference-skin="default"] #app-view .reference-room__sections button { min-height:38px; border-right:1px solid var(--skin-line); }
body[data-reference-skin="default"] #app-view .reference-room__sections button[aria-selected="true"] { color:var(--skin-primary); background:var(--skin-surface); }

body[data-reference-skin="opera"] #app-view .reference-room__summary { aspect-ratio:auto; padding:36px 24px 16px; }
body[data-reference-skin="opera"] #app-view .reference-room__summary .reference-room__period { display:grid; grid-template-columns:auto auto; justify-content:center; align-items:center; gap:8px; }
body[data-reference-skin="opera"] #app-view .reference-room__period>strong { grid-area:2/1/auto/-1; text-align:center; font-size:42px; line-height:1.1; }
body[data-reference-skin="opera"] #app-view .reference-room__result { margin-top:10px; }
body[data-reference-skin="opera"] #app-view .reference-room__draw-result { justify-content:center; row-gap:9px; }
body[data-reference-skin="opera"] #app-view .reference-room__draw-result .game-draw-balls { justify-content:center; gap:5px; }
body[data-reference-skin="opera"] #app-view .reference-room__draw-result .game-result-ball { width:44px; height:44px; color:#21180f; border-color:#dcc597; background:linear-gradient(#fff7e5,#d8bd88); font-family:Georgia,serif; font-size:26px; }
body[data-reference-skin="opera"] #app-view .reference-room__draw-result .game-result-ball.sum { color:#f8e6c2; background:linear-gradient(#713839,#482125); border-color:#bc8679; }
body[data-reference-skin="opera"] #app-view .reference-room__draw-result .ssc-results .game-result-ball { width:clamp(22px,5.7vw,36px); height:clamp(22px,5.7vw,36px); font-size:19px; }
body[data-reference-skin="opera"] #app-view .reference-room__result-labels { justify-content:center; flex-basis:100%; }
body[data-reference-skin="opera"] #app-view .reference-room__result-labels i { height:22px; min-width:32px; border-color:#866a43; border-radius:14px; background:#201b14; color:#ead0a1; font-size:13px; }
body[data-reference-skin="opera"] #app-view .reference-room__sections { margin-top:0; }
body[data-reference-skin="opera"] #app-view .reference-room__sections button[aria-selected="true"] { background:transparent; color:var(--skin-primary); }
body[data-reference-skin="celadon"] #app-view .reference-room__draw-result { justify-content:center; flex-wrap:nowrap; gap:6px; }
body[data-reference-skin="celadon"] #app-view .reference-room__draw-result .game-result-ball { width:32px; height:32px; color:#21544e; border-color:#abc9bd; background:linear-gradient(135deg,#f4f9f2,#bbd4c8); font-size:18px; }
body[data-reference-skin="celadon"] #app-view .reference-room__result-labels i { color:#21544e; border-color:#adc8bd; background:#e0ede4; border-radius:50%; }
body[data-reference-skin="comic"] #app-view .reference-room__draw-result .game-result-ball { color:#171717; background:#f5f0e3; border:2px solid #171717; box-shadow:2px 2px #d90824; font-weight:900; }
body[data-reference-skin="comic"] #app-view .reference-room__result-labels i { color:#171717; background:#f5f0e3; border:1px solid #171717; border-radius:0; }
body[data-reference-skin="neon"] #app-view .reference-room__draw-result .game-result-ball { color:#e3d9ff; background:#322654; border-color:#8a72b6; box-shadow:inset 0 0 9px #ac87ef28; }
body[data-reference-skin="neon"] #app-view .reference-room__draw-result .game-result-ball.sum { background:#9271d5; color:#fff; }
@media (max-width:350px) {
  body[data-reference-skin="default"] #app-view .reference-room__result { flex-wrap:wrap; }
  body[data-reference-skin="default"] #app-view .reference-room__draw-result { min-width:240px; }
  body[data-reference-skin="celadon"] #app-view .reference-room__draw-result { gap:4px; }
  body[data-reference-skin="celadon"] #app-view .reference-room__draw-result .game-result-ball { width:28px; height:28px; font-size:16px; }
  body[data-reference-skin="celadon"] #app-view .reference-room__result-labels { gap:2px; }
  body[data-reference-skin="celadon"] #app-view .reference-room__result-labels i { min-width:20px; padding:0 2px; font-size:10px; }
}
/* 配色值表示实际颜色；每套布局的默认色保留参考的材质、明暗和图片。
   非默认色同时调整底色、卡片与导航，图片和消息身份色不参与染色。 */
body[data-reference-skin][data-palette="blue"] { --reference-hue:216; }
body[data-reference-skin][data-palette="purple"] { --reference-hue:268; }
body[data-reference-skin][data-palette="orange"] { --reference-hue:27; }
body[data-reference-skin][data-palette="red"] { --reference-hue:352; }
body[data-reference-skin][data-palette="pink"] { --reference-hue:328; }
body[data-reference-skin][data-palette="green"] { --reference-hue:158; }
body[data-reference-skin][data-palette="gold"] { --reference-hue:43; }

body[data-reference-skin]:is([data-reference-skin="default"],[data-reference-skin="comic"],[data-reference-skin="celadon"]) { color-scheme:light; }
body[data-reference-skin]:is([data-reference-skin="neon"],[data-reference-skin="opera"]) { color-scheme:dark; }

body[data-reference-skin]:where([data-palette]):not(:where(
  [data-reference-skin="default"][data-palette="green"],
  [data-reference-skin="comic"][data-palette="red"],
  [data-reference-skin="neon"][data-palette="purple"],
  [data-reference-skin="opera"][data-palette="gold"],
  [data-reference-skin="celadon"][data-palette="green"]
)) {
  --skin-bg:hsl(var(--reference-hue) 22% 95%);
  --skin-surface:hsl(var(--reference-hue) 25% 99%);
  --skin-surface-soft:hsl(var(--reference-hue) 30% 91%);
  --skin-ink:hsl(var(--reference-hue) 28% 22%);
  --skin-muted:hsl(var(--reference-hue) 15% 43%);
  --skin-line:hsl(var(--reference-hue) 24% 78%);
  --skin-primary:hsl(var(--reference-hue) 58% 36%);
  --skin-primary-contrast:#fff;
  --skin-accent:hsl(var(--reference-hue) 38% 87%);
  --skin-accent-ink:hsl(var(--reference-hue) 44% 31%);
  --skin-header-bg:var(--skin-surface);
  --skin-header-ink:var(--skin-ink);
  --skin-nav-bg:var(--skin-surface);
  --skin-gradient:linear-gradient(125deg,hsl(var(--reference-hue) 34% 22%),hsl(var(--reference-hue) 47% 47%));
  --reference-strong-bg:hsl(var(--reference-hue) 22% 12%);
  --reference-strong-soft:hsl(var(--reference-hue) 28% 21%);
  --reference-strong-ink:hsl(var(--reference-hue) 28% 94%);
  --reference-strong-muted:hsl(var(--reference-hue) 24% 79%);
  --reference-strong-line:hsl(var(--reference-hue) 26% 36%);
}

body[data-reference-skin="neon"]:not([data-palette="purple"]) {
  --skin-bg:hsl(var(--reference-hue) 42% 12%);
  --skin-surface:hsl(var(--reference-hue) 35% 19%);
  --skin-surface-soft:hsl(var(--reference-hue) 37% 26%);
  --skin-ink:hsl(var(--reference-hue) 65% 96%);
  --skin-muted:hsl(var(--reference-hue) 28% 75%);
  --skin-line:hsl(var(--reference-hue) 32% 36%);
  --skin-primary:hsl(var(--reference-hue) 86% 78%);
  --skin-primary-contrast:hsl(var(--reference-hue) 55% 16%);
  --skin-accent:hsl(var(--reference-hue) 42% 29%);
  --skin-accent-ink:hsl(var(--reference-hue) 72% 90%);
  --skin-header-bg:linear-gradient(100deg,hsl(var(--reference-hue) 48% 17%),hsl(var(--reference-hue) 38% 13%));
  --skin-nav-bg:hsl(var(--reference-hue) 31% 17%);
  --skin-gradient:linear-gradient(110deg,hsl(var(--reference-hue) 78% 37%),hsl(var(--reference-hue) 67% 53%) 55%,hsl(calc(var(--reference-hue) + 18) 65% 45%));
}

body[data-reference-skin="opera"]:not([data-palette="gold"]) {
  --skin-bg:hsl(var(--reference-hue) 16% 7%);
  --skin-surface:hsl(var(--reference-hue) 20% 12%);
  --skin-surface-soft:hsl(var(--reference-hue) 24% 18%);
  --skin-ink:hsl(var(--reference-hue) 30% 91%);
  --skin-muted:hsl(var(--reference-hue) 20% 70%);
  --skin-line:hsl(var(--reference-hue) 26% 36%);
  --skin-primary:hsl(var(--reference-hue) 57% 75%);
  --skin-primary-contrast:hsl(var(--reference-hue) 30% 12%);
  --skin-accent:hsl(var(--reference-hue) 28% 24%);
  --skin-accent-ink:hsl(var(--reference-hue) 48% 85%);
  --skin-header-bg:hsl(var(--reference-hue) 18% 9%);
  --skin-nav-bg:hsl(var(--reference-hue) 20% 10%);
  --skin-gradient:linear-gradient(125deg,hsl(var(--reference-hue) 32% 23%),hsl(var(--reference-hue) 16% 9%) 65%,hsl(var(--reference-hue) 26% 29%));
}

body[data-reference-skin="comic"]:not([data-palette="red"]) {
  --skin-bg:hsl(var(--reference-hue) 14% 91%);
  --skin-surface:hsl(var(--reference-hue) 20% 95%);
  --skin-surface-soft:hsl(var(--reference-hue) 18% 86%);
  --skin-ink:#181816;
  --skin-primary:hsl(var(--reference-hue) 79% 39%);
  --skin-header-bg:var(--reference-strong-bg);
  --skin-header-ink:var(--reference-strong-ink);
  --skin-nav-bg:var(--reference-strong-bg);
  --skin-gradient:linear-gradient(125deg,var(--reference-strong-bg) 3%,hsl(var(--reference-hue) 75% 31%) 60%,hsl(var(--reference-hue) 80% 47%));
}

/* 经典的紫色账户卡是默认青绿搭配的一部分；改色后卡片也跟随所选颜色。 */
body[data-reference-skin="default"]:not([data-palette="green"]) .home-player-card { box-shadow:0 12px 28px color-mix(in srgb,var(--skin-primary) 16%,transparent); }
body[data-reference-skin="default"]:not([data-palette="green"]) :is(.home-section-heading span,.home-room-heading p strong,.home-red-packet-room-copy small,.room-card-kicker) { color:var(--skin-primary); }
body[data-reference-skin="default"]:not([data-palette="green"]) .home-red-packet-room-visual { color:var(--skin-primary); background:var(--skin-accent); }
body[data-reference-skin="default"]:not([data-palette="green"]) :is(.home-player-card small,.home-player-guest-summary) { color:var(--reference-strong-ink); }
body[data-reference-skin="default"]:not([data-palette="green"]) .reference-primary-navigation button { color:var(--skin-muted); }
body[data-reference-skin="default"]:not([data-palette="green"]) .reference-primary-navigation button.is-active { color:var(--skin-primary); }

/* 漫画保留黑色印刷边框、纸张与硬阴影；网点底、色块与标记同步换色。 */
body[data-reference-skin="comic"]:not([data-palette="red"]) :is(.reference-brand-bar,.reference-directory-header) { background-color:var(--reference-strong-bg); background-image:radial-gradient(var(--reference-strong-line) 1.2px,transparent 1.2px); border-bottom-color:var(--skin-surface-soft); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-brand__name>small { color:hsl(var(--reference-hue) 90% 68%); }
body[data-reference-skin="comic"] .reference-home button.reference-app-button { color:hsl(var(--reference-hue) 86% 76%)!important; }
body[data-reference-skin="comic"]:not([data-palette="red"]) :is(.reference-home-top,.reference-primary-navigation) { background:var(--reference-strong-bg); }
body[data-reference-skin="comic"]:not([data-palette="red"]) :is(.reference-account-panel,.reference-announcement) { background:var(--reference-strong-soft); border-color:var(--reference-strong-line); color:var(--reference-strong-ink); }
body[data-reference-skin="comic"]:not([data-palette="red"]) :is(.reference-hero__ornament,.reference-account__vip,.reference-quick-links__icon) { background:var(--skin-primary); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-hero:after { background:linear-gradient(0deg,var(--skin-surface) 0 31%,transparent 31.4%),linear-gradient(90deg,#0000001a,transparent); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-hero__copy { background:var(--skin-surface); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-section-heading small { color:var(--skin-primary); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-refresh { box-shadow:2px 2px var(--skin-primary); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-game-card__art { background:var(--reference-strong-soft); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-game-card__art:after { background:linear-gradient(145deg,color-mix(in srgb,var(--skin-primary) 30%,transparent),transparent 60%); border-color:color-mix(in srgb,var(--skin-surface) 35%,transparent); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-game-card__number { color:hsl(var(--reference-hue) 93% 62%); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-directory-categories>button { background:var(--skin-surface-soft); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-directory-categories>button.is-active { background:var(--skin-primary); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-directory .reference-room-card { background:var(--reference-strong-bg); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-room-card:after { background:linear-gradient(90deg,var(--reference-strong-bg) 15%,color-mix(in srgb,var(--reference-strong-bg) 90%,transparent) 60%,color-mix(in srgb,var(--skin-primary) 60%,transparent)); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-room-card__number { background:var(--skin-primary); }
body[data-reference-skin="comic"]:not([data-palette="red"]) .reference-primary-navigation { border-top-color:var(--skin-surface-soft); }
body[data-reference-skin="comic"]:not([data-palette="red"]) #app-view .reference-room__draw-result .game-result-ball { background:var(--skin-surface); box-shadow:2px 2px var(--skin-primary); }

/* 霓虹在各颜色下都保留深底、发光边缘和亮色渐变。 */
body[data-reference-skin="neon"]:not([data-palette="purple"]) :is(.reference-brand__name>small,.reference-hero__copy>small,.reference-game-card__copy>small,.reference-game-card__meta,.reference-room-card__copy>small) { color:var(--skin-muted); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-hero { border-color:var(--skin-line); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-hero:after { background:linear-gradient(90deg,color-mix(in srgb,var(--skin-bg) 65%,transparent),transparent 85%); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-hero__copy>strong { text-shadow:2px 3px hsl(var(--reference-hue) 65% 35%); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-announcement { background:var(--skin-surface); border-color:var(--skin-line); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-account-panel { background:linear-gradient(110deg,var(--skin-surface-soft),var(--skin-surface)); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-quick-links strong { color:var(--skin-ink); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card { background:var(--skin-surface-soft); box-shadow:inset 0 0 0 1px var(--skin-line); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card__art { background:hsl(var(--reference-hue) 38% 35%); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card__art>img { filter:none; }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card__art:after { background:linear-gradient(90deg,hsl(var(--reference-hue) 46% 19% / .96),hsl(var(--reference-hue) 42% 25% / .65) 52%,transparent); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card:nth-child(3n+2) .reference-game-card__art:after { background:linear-gradient(90deg,hsl(calc(var(--reference-hue) + 14) 47% 19% / .96),hsl(calc(var(--reference-hue) + 14) 40% 27% / .65) 52%,transparent); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) :is(.reference-game-card__art,.reference-room-card__art)>svg { color:var(--skin-primary); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card__copy>strong { text-shadow:0 2px 2px var(--skin-bg); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card__meta em { color:var(--skin-primary); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-game-card__enter { color:var(--skin-ink); background:color-mix(in srgb,var(--skin-primary) 22%,transparent); border-color:var(--skin-primary); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) :is(.reference-directory-header,.reference-directory-categories>button) { border-color:var(--skin-line)!important; }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-directory-categories>button { background:var(--skin-surface); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-directory-categories>button.is-active { background:var(--skin-gradient); box-shadow:0 0 10px color-mix(in srgb,var(--skin-primary) 22%,transparent); border-color:var(--skin-primary)!important; }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-room-card:after { background:linear-gradient(90deg,color-mix(in srgb,var(--skin-surface-soft) 93%,transparent),color-mix(in srgb,var(--skin-surface-soft) 78%,transparent) 60%,color-mix(in srgb,var(--skin-surface-soft) 30%,transparent)); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-primary-navigation { background:linear-gradient(var(--skin-surface-soft),var(--skin-nav-bg)); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-primary-navigation button.is-active .reference-nav-icon { box-shadow:0 0 9px color-mix(in srgb,var(--skin-primary) 38%,transparent); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-room { background-color:var(--skin-bg); background-image:radial-gradient(at 85% 24%,color-mix(in srgb,var(--skin-primary) 15%,transparent),transparent 55%),repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--skin-primary) 6%,transparent) 18px 19px,transparent 19px 38px),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--skin-primary) 10%,transparent) .7px,transparent 1px); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) :is(.reference-room__summary,.reference-profile__card) { background:linear-gradient(135deg,var(--skin-surface-soft),var(--skin-surface)); border-color:var(--skin-line); box-shadow:0 0 24px color-mix(in srgb,var(--skin-primary) 14%,transparent); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-room__period strong { color:var(--skin-primary); text-shadow:0 0 16px color-mix(in srgb,var(--skin-primary) 40%,transparent); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) #app-view .reference-room__draw-result .game-result-ball { color:var(--skin-ink); background:var(--skin-surface-soft); border-color:var(--skin-primary); box-shadow:inset 0 0 9px color-mix(in srgb,var(--skin-primary) 16%,transparent); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) #app-view .reference-room__draw-result .game-result-ball.sum { background:var(--skin-primary); color:var(--skin-primary-contrast); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-auth--neon h1 { color:var(--skin-ink); text-shadow:0 0 20px var(--skin-primary); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .reference-profile--preview .reference-profile__wallet { background:var(--skin-gradient); border-color:var(--skin-line); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .profile-preview-panel { background:linear-gradient(165deg,var(--skin-surface-soft),var(--skin-surface) 75%); border-color:var(--skin-line); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .profile-preview-panel:before { border-color:var(--skin-line); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) :is(.profile-preview-links strong,.reference-profile--preview .reference-profile__wallet small) { color:var(--skin-ink); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) :is(.profile-preview-links small,.profile-preview-chevron) { color:var(--skin-muted); }
body[data-reference-skin="neon"]:not([data-palette="purple"]) .profile-preview-symbol { color:var(--skin-primary); }

/* 剧院金属图片与票卡保留原色，周围的面板和导航使用当前选择。 */
body[data-reference-skin="opera"]:not([data-palette="gold"]) .reference-account-panel { background:var(--skin-gradient); }
body[data-reference-skin="opera"]:not([data-palette="gold"]) .reference-quick-links__icon { background:var(--skin-bg); }
body[data-reference-skin="opera"]:not([data-palette="gold"]) .reference-game-card:not(.is-opera-portal) { background:linear-gradient(100deg,var(--skin-surface-soft),var(--skin-bg)); }
body[data-reference-skin="opera"]:not([data-palette="gold"]) :is(.reference-profile__settings,.reference-profile__settings .reference-icon) { color:var(--skin-primary); }
body[data-reference-skin="opera"]:not([data-palette="gold"]) .reference-auth__intro { background:color-mix(in srgb,var(--skin-bg) 85%,transparent); }
body[data-reference-skin="opera"]:not([data-palette="gold"]) .reference-primary-navigation { background:var(--skin-nav-bg); border-color:var(--skin-line); box-shadow:inset 0 1px color-mix(in srgb,var(--skin-primary) 15%,transparent),0 -3px 12px #0005; }
body[data-reference-skin="opera"]:not([data-palette="gold"]) .reference-profile__vip { --skin-primary:inherit; --skin-muted:inherit; --skin-line:inherit; --skin-gradient:inherit; color:var(--skin-ink); background:var(--skin-bg); border-color:var(--skin-line); }

/* 青瓷保留浅色釉面和水墨图；可交互的卡片、印章与按钮按配色着色。 */
body[data-reference-skin="celadon"]:not([data-palette="green"]) :is(.premium-header-balance,.reference-section-heading h2,.reference-game-card:after) { color:var(--skin-ink); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-account-panel { border-color:var(--skin-line); background:var(--skin-surface); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-quick-links__icon { background:linear-gradient(145deg,var(--skin-surface),var(--skin-accent)); border-color:var(--skin-line); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-game-card { background:var(--skin-surface); border-color:var(--skin-line); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-game-card:is([data-game-code="canada28"],[data-game-code="pcdd"]) { background:linear-gradient(125deg,var(--skin-surface),var(--skin-surface-soft)); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) :is(.reference-room__summary,.reference-room-card) { background:var(--skin-surface); border-color:var(--skin-line); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-room__period>strong { color:var(--skin-primary); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-room__result { background:var(--skin-surface-soft); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-room-card__art:after { background:color-mix(in srgb,var(--skin-accent) 35%,transparent); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) .reference-auth__intro { background:color-mix(in srgb,var(--skin-surface) 92%,transparent); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view .reference-room__draw-result .game-result-ball { color:var(--skin-primary); border-color:var(--skin-line); background:linear-gradient(135deg,var(--skin-surface),var(--skin-accent)); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view .reference-room__result-labels i { color:var(--skin-primary); border-color:var(--skin-line); background:var(--skin-surface-soft); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view #mine-panel .reference-profile--celadon .reference-profile__card :is(.reference-profile__wallet,.reference-profile__vip) { color:var(--skin-ink); background:linear-gradient(110deg,var(--skin-surface),var(--skin-surface-soft)); border-color:var(--skin-line); box-shadow:inset 5px 0 var(--skin-accent),inset 7px 0 var(--skin-surface),var(--skin-shadow); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view #mine-panel .reference-profile--celadon :is(.reference-profile__wallet strong,.reference-profile__vip strong,.reference-profile__wallet .reference-profile__arrow,.reference-profile__vip .reference-profile__arrow,.reference-profile__wallet:after) { color:var(--skin-primary); border-color:var(--skin-primary); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view #mine-panel .reference-profile--celadon :is(.reference-profile__wallet small,.reference-profile__vip small,.reference-profile__wallet>span:before) { color:var(--skin-muted); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view #mine-panel .reference-profile--celadon .reference-profile__vip:before { border-color:var(--skin-line); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view #mine-panel .reference-profile--celadon .reference-profile__card .reference-profile__vip i { background:var(--skin-line); }
body[data-reference-skin="celadon"]:not([data-palette="green"]) #app-view #mine-panel .reference-profile--celadon .reference-profile__vip i b { background:var(--skin-gradient); }
/* 桌面沿用既有皮肤的手机画幅，页面与固定底栏共用同一宽度。 */
body[data-reference-skin] {
  --reference-page-width: 31.25rem;
}

body[data-reference-skin] #app-view,
body[data-reference-skin] .reference-primary-navigation {
  width: min(var(--reference-page-width), 100%);
}

body[data-reference-skin] .auth-shell {
  max-width: var(--reference-page-width);
}

/* 浏览器宽度不代表内容宽度，经典房间列表在桌面也保持手机单列。 */
body[data-reference-skin="default"] .home-dashboard-shell {
  padding: 12px;
  gap: 14px;
}

body[data-reference-skin="default"] .room-grid {
  grid-template-columns: minmax(0, 1fr);
}
/* 平台背景由既有上传设置提供；只在有自定义图片时穿透布局底色，
   表单、消息和游戏卡片继续使用各皮肤的表面色保证可读。 */
body[data-reference-skin] #app-view.has-platform-background > .page-scroll,
body[data-reference-skin] #auth-view.has-platform-background {
  --reference-background-overlay: color-mix(in srgb, var(--skin-bg) 30%, transparent);
  background-color: var(--skin-bg);
  background-image:
    linear-gradient(var(--reference-background-overlay), var(--reference-background-overlay)),
    var(--player-platform-background);
  background-position: center top;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% 100%, 100% auto;
  background-attachment: scroll;
}

body[data-reference-skin] #app-view.has-platform-background :is(
  .tab-panel,
  .reference-home,
  .reference-directory,
  .reference-room
) {
  background: transparent;
}

/* 标题与页脚原来直接写在纯色画布上，换成图片后保留一层同色底。 */
body[data-reference-skin] #app-view.has-platform-background :is(
  .reference-section-heading,
  .home-lobby-note
) {
  background-color: color-mix(in srgb, var(--skin-bg) 94%, transparent);
}

body[data-reference-skin] #app-view.has-platform-background #mine-panel > .menu-card {
  background-color: var(--skin-surface);
}

/* 上传图保留自身颜色，皮肤的印刷和霓虹滤镜只处理默认插画。 */
body[data-reference-skin] .reference-game-card .reference-game-card__art > img.is-custom-image {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}
/*$vite$:1*/