/* ========== 1. 全局全屏背景图（不需要背景图直接删除此段） ========== */
html, body {
  background-image: url("bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #1a3629;
  min-height: 100vh;
}

/* ========== 2. 全局色彩变量：深绿主题 + 红色命中 ========== */
:root {
  /* arco组件变量-深绿色主色 */
  --adm-color-primary: #236b47 !important;
  --adm-color-success: #288a5a !important;
  --adm-color-highlight: #e02020 !important;
  --adm-color-danger: #e02020 !important;
  --adm-color-text-secondary: #557766 !important;
  --adm-color-weak: #709683 !important;
  --adm-color-light: #a0c2b2 !important;
  --adm-color-border: #b8d8c8 !important;

  /* 业务自定义深绿色变量 */
  --wap2-brand: #236b47;
  --wap2-brand-deep: #17472e;
  --wap2-ink: #20573b;
  --wap2-soft: #60997c;
  --wap2-line: #a2d0bb;
  --wap2-green-soft: #e6f4ed;
  --wap2-green-text: #14422c;
}
html[data-prefers-color-scheme=dark] {
  --adm-color-primary: #40a870 !important;
  --adm-color-highlight: #ff3838 !important;
  --adm-color-danger: #ff3838 !important;
  --adm-color-text-secondary: #86b8a2 !important;
  --adm-color-weak: #608c79 !important;
  --adm-color-light: #3d6654 !important;
  --adm-color-border: #274739 !important;
}

/* ========== 3. 普通文字统一深绿色 ========== */
.draw-sync-char {
  color: #236b47 !important;
}
.record-result-value {
  color: #236b47 !important;
}
.tone-wave-red {
  color: #236b47 !important;
}
.meta-chip {
  color: #17472e !important;
  background: linear-gradient(180deg,#e6f4ed,#c7e6d8) !important;
}
.tone-wave-blue, .tone-wave-green, .tone-brand {
  color: #236b47 !important;
}

/* ========== 4. 命中hit核心样式：红色圆圈，彻底移除红色发光光晕 ========== */
/* 普通标签底色深绿 */
.image-binding-period {
  background: #236b47 !important;
}
/* 命中标签红色底色 */
.image-binding-result.is-hit {
  background: #e02020 !important;
  box-shadow: none !important;
}
/* 命中圆形判定标：红色渐变，仅红色实线边框，无发光 */
.record-judge.is-hit {
  background: linear-gradient(180deg,#ff4242,#c91212) !important;
  box-shadow: none !important;
  border: 3px solid #ff6666 !important;
}
/* 未命中深灰区分 */
.record-judge.is-miss {
  background: linear-gradient(180deg,#555,#333) !important;
}
/* 命中元素 纯红色轮廓圆圈，清除所有发光阴影 */
.zt-hit-current, .zt-hit {
  outline: 3px solid #e02020 !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}
/* 图片内命中遮罩红色半透 */
.image-binding-result.is-miss {
  background:#444444e6 !important;
}
/* 命中图片内文字红色，无发光 */
.image-binding-item.is-hit .image-binding-item-nameplate {
  color: #fff;
  text-shadow: none !important;
}

/* ========== 5. 页面模块渐变背景统一深绿色系 ========== */
.ad-carousel__fallback {
  background:radial-gradient(circle at top left,#e6f4ed59,#0000 30%),linear-gradient(135deg,#17472e,#236b47);
}
.feature-banner, .allplay-board-head, .history2-banner {
  background:linear-gradient(180deg,#f0f9f5,#e6f4ed),linear-gradient(90deg,#308056,#1f5e3f);
}
.brand-pill, .topbar-action, .action-button, .history2-nav, .history2-title {
  background:linear-gradient(180deg,var(--wap2-brand) 0,var(--wap2-brand-deep) 100%);
}
.game-strip-item.is-active, .menu-chip.is-active, .history2-game-item.is-active {
  background:linear-gradient(180deg,var(--wap2-brand) 0,var(--wap2-brand-deep) 100%);
}
.home2-backtop {
  background:linear-gradient(180deg,var(--wap2-brand) 0,var(--wap2-brand-deep) 100%);
}

/* ========== 下方原有完整基础业务样式（布局不变） ========== */
:root{--adm-radius-s:4px;--adm-radius-m:8px;--adm-radius-l:12px;--adm-font-size-1:9px;--adm-font-size-2:10px;--adm-font-size-3:11px;--adm-font-size-4:12px;--adm-font-size-5:13px;--adm-font-size-6:14px;--adm-font-size-7:15px;--adm-font-size-8:16px;--adm-font-size-9:17px;--adm-font-size-10:18px;--adm-font-size-main:var(--adm-font-size-5);--adm-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--adm-border-color:var(--adm-color-border)}
html[data-prefers-color-scheme=dark]{--adm-color-background:#1a1a1a;--adm-color-background-body:var(--adm-color-background);--adm-border-color:var(--adm-color-border)}
:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{background-color:var(--adm-color-background-body)}
body{color:#333;color:var(--adm-color-text);font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,segoe ui,arial,roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-family:var(--adm-font-family);font-size:13px;font-size:var(--adm-font-size-main)}
a,button{cursor:pointer}
a{color:var(--adm-color-primary);transition:opacity .2s ease-in-out}
a:active{opacity:.8}
.adm-plain-anchor{color:inherit;transition:none}
.adm-plain-anchor:active{opacity:1}
body.adm-overflow-hidden{overflow:hidden!important}
div.adm-px-tester{--size:1;height:calc(var(--size)/2*2px);left:-100vw;pointer-events:none;position:fixed;top:-100vh;-webkit-user-select:none;user-select:none;width:0}
.adm-dot-loading{display:inline-block}
.adm-empty{align-items:center;flex-direction:column;padding:24px 0}
.adm-empty,.adm-empty-image-container{display:flex;justify-content:center}
.adm-empty-image-container .adm-empty-image{height:intrinsic;width:64px}
.adm-empty-description{color:var(--adm-color-light);font-size:var(--adm-font-size-6);margin-top:8px}
.adm-infinite-scroll{align-items:center;color:var(--adm-color-weak);display:flex;font-size:var(--adm-font-size-main);justify-content:center;padding:18px}
.adm-infinite-scroll-failed-text{display:inline-block;margin-right:8px}
.adm-swiper{--height:auto;--width:100%;--border-radius:0;--track-padding:0;--slide-size:100%;--track-offset:0%;border-radius:var(--border-radius);display:block;height:var(--height);overflow:hidden;position:relative;width:var(--width);z-index:0}
.adm-swiper-track{height:100%;padding:var(--track-padding);white-space:nowrap;width:100%}
.adm-swiper-track-allow-touch-move{cursor:grab}
.adm-swiper-track-inner{display:flex;flex-wrap:nowrap;height:100%;overflow:visible;position:relative;width:100%}
.adm-swiper-slide,.adm-swiper-slide-placeholder{display:block;flex:none;height:100%;position:relative;white-space:inherit;width:100%}
.adm-swiper-item{display:block;height:100%;white-space:normal;width:100%}
.adm-swiper-horizontal .adm-swiper-track-allow-touch-move{touch-action:pan-y}
.adm-swiper-horizontal .adm-swiper-indicator{bottom:6px;left:50%;position:absolute;transform:translateX(-50%)}
.adm-swiper-horizontal .adm-swiper-track{transform:translateX(var(--track-offset))}
.adm-swiper-horizontal .adm-swiper-track-inner{flex-direction:row;width:var(--slide-size)}
.adm-swiper-vertical .adm-swiper-track-allow-touch-move{touch-action:pan-x}
.adm-swiper-vertical .adm-swiper-indicator{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.adm-swiper-vertical .adm-swiper-track{transform:translateY(var(--track-offset))}
.adm-swiper-vertical .adm-swiper-track-inner{flex-direction:column;height:var(--slide-size)}
.adm-page-indicator{--dot-color:var(--adm-color-light);--active-dot-color:var(--adm-color-primary);--dot-size:3px;--active-dot-size:13px;--dot-border-radius:1px;--active-dot-border-radius:var(--dot-border-radius);--dot-spacing:3px;display:flex;width:auto}
.adm-page-indicator-dot{background:var(--dot-color);border-radius:var(--dot-border-radius);display:block;height:var(--dot-size);width:var(--dot-size)}
.adm-page-indicator-dot:last-child{margin-right:0}
.adm-page-indicator-dot-active{background:var(--active-dot-color);border-radius:var(--active-dot-border-radius)}
.adm-page-indicator-color-white{--dot-color:#ffffff80;--active-dot-color:var(--adm-color-text-light-solid)}
.adm-page-indicator-horizontal{flex-direction:row}
.adm-page-indicator-horizontal .adm-page-indicator-dot{margin-right:var(--dot-spacing)}
.adm-page-indicator-horizontal .adm-page-indicator-dot-active{width:var(--active-dot-size)}
.adm-page-indicator-vertical{flex-direction:column}
.adm-page-indicator-vertical .adm-page-indicator-dot{margin-bottom:var(--dot-spacing)}
.adm-page-indicator-vertical .adm-page-indicator-dot-active{height:var(--active-dot-size)}
.adm-toast-mask .adm-toast-wrap{height:100%;left:0;position:fixed;text-align:center;top:0;width:100%}
.adm-toast-mask .adm-toast-main{background-color:#000000b3;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-size:var(--adm-font-size-7);line-height:1.5;max-height:70%;max-width:204px;overflow:auto;pointer-events:all;position:relative;text-align:left;text-align:initial;top:50%;transform:translateY(-50%);width:auto;word-break:break-all}
.adm-toast-mask .adm-toast-main-text{min-width:0;padding:12px}
.adm-toast-mask .adm-toast-main-icon{min-width:150px;padding:35px 12px}
.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{font-size:36px;line-height:1;margin-bottom:8px;text-align:center}
.adm-toast-loading{--size:48px;margin:0 auto 8px}
.adm-auto-center{display:flex;justify-content:center}
.adm-auto-center-content{flex:0 1 auto}
.adm-mask{--z-index:var(--adm-mask-z-index,1000);display:block;position:fixed;z-index:var(--z-index)}
.adm-mask,.adm-mask-aria-button{height:100%;left:0;top:0;width:100%}
.adm-mask-aria-button{pointer-events:none;position:absolute;z-index:0}
.adm-mask-content{z-index:1}
.adm-spin-loading{--color:var(--adm-color-weak);--size:32px;height:var(--size);width:var(--size)}
.adm-spin-loading-svg{animation:adm-spin-loading-rotate .8s linear infinite;height:100%;width:100%}
.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}
@keyframes adm-spin-loading-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#e6f4ed;overflow-x:hidden}
html:root{--app-font-size-offset:2px;--adm-font-size-1:calc(9px + var(--app-font-size-offset));--adm-font-size-2:calc(10px + var(--app-font-size-offset));--adm-font-size-3:calc(11px + var(--app-font-size-offset));--adm-font-size-4:calc(12px + var(--app-font-size-offset));--adm-font-size-5:calc(13px + var(--app-font-size-offset));--adm-font-size-6:calc(14px + var(--app-font-size-offset));--adm-font-size-7:calc(15px + var(--app-font-size-offset));--adm-font-size-8:calc(16px + var(--app-font-size-offset));--adm-font-size-9:calc(17px + var(--app-font-size-offset));--adm-font-size-10:calc(18px + var(--app-font-size-offset));--adm-font-size-main:var(--adm-font-size-5);--wap2-shell:#e6f4ed;--wap2-panel:#fff;--wap2-gold:#999;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#ffffffb8,#0000 30%),linear-gradient(180deg,#e6f4ed,#f0f9f5 48%,#d8ede3);color:var(--wap2-ink);font-family:Trebuchet MS,Avenir Next Condensed,PingFang SC,Microsoft YaHei,sans-serif;font-size:calc(14px + var(--app-font-size-offset))!important;margin:0 auto;max-width:750px;overflow-x:hidden}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
.lottery-ball-wrap{align-items:center;display:inline-flex;flex-direction:column;gap:2px}
.lottery-ball-wrap.is-revealing{animation:lotteryBallReveal .62s cubic-bezier(.22,1.2,.32,1) forwards;opacity:0;transform:translateY(18px) scale(.72)}
.lottery-ball-wrap.special{margin-left:12px;position:relative}
.lottery-ball-wrap.special:before{color:#999;content:"+";font-size:calc(18px + var(--app-font-size-offset));font-weight:700;left:-14px;position:absolute;top:50%;transform:translateY(-70%)}
.lottery-ball{align-items:center;border-radius:50%;box-shadow:0 2px 6px #0003,inset 0 -2px 4px #0000001a;color:#fff;display:flex;font-weight:700;justify-content:center;text-shadow:0 1px 2px #0000004d}
.ball-sx{color:#666;font-size:calc(11px + var(--app-font-size-offset));line-height:1}
@keyframes lotteryBallReveal{0%{opacity:0;transform:translateY(18px) scale(.72)}58%{opacity:1;transform:translateY(-8px) scale(1.08)}78%{opacity:1;transform:translateY(2px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.ad-carousel{background:#fff;border-radius:16px;box-shadow:0 8px 20px #236b471a;overflow:hidden;margin:0 0 12px}
.ad-carousel.is-empty,.ad-carousel.is-loading{min-height:108px}
.ad-carousel__fallback,.ad-carousel__loading{align-items:center;display:flex;justify-content:center;min-height:108px}
.ad-carousel__fallback-tag{background:#ffffff24;border-radius:999px;font-size:calc(11px + var(--app-font-size-offset));font-weight:700;letter-spacing:.08em;padding:4px 10px}
.ad-carousel__fallback-title{font-size:calc(22px + var(--app-font-size-offset));font-weight:800;line-height:1.2}
.ad-carousel__fallback-subtitle{color:#ffffffd1;font-size:calc(12px + var(--app-font-size-offset));line-height:1.5}
.ad-carousel__slide{background:#f5f5f5;border:0;cursor:pointer;display:block;padding:0;position:relative;width:100%}
.ad-carousel__image{display:block;height:auto;width:100%}
.ad-carousel__mask{background:linear-gradient(180deg,#072c1c0a,#072c1cad);height:min(42%,96px);inset:auto 0 0;position:absolute}
.ad-carousel__caption{bottom:12px;color:#fff;font-size:calc(14px + var(--app-font-size-offset));font-weight:700;left:14px;overflow:hidden;position:absolute;right:14px;text-align:left;text-overflow:ellipsis;text-shadow:0 2px 8px #00000047;white-space:nowrap;z-index:1}
.ad-carousel__indicator{align-items:center;bottom:12px;display:inline-flex;gap:5px;position:absolute;right:12px;z-index:2}
.ad-carousel__dot{background:#ffffff6b;border-radius:999px;height:6px;width:6px}
.ad-carousel__dot.is-active{background:#fff;width:16px}
.ad-carousel--stack{display:flex;flex-direction:column;gap:8px}
.ad-carousel--stack .ad-carousel__slide{border-radius:12px;overflow:hidden;position:relative}
.ad-carousel--stack .ad-carousel__caption{bottom:8px;left:12px;position:absolute;right:12px}
.home2-page{background:radial-gradient(circle at top center,#ffffffe0,#0000 32%),linear-gradient(180deg,#e6f4ed,#f0f9f5 55%,#d8ede3);min-height:100vh;padding:12px 10px 28px}
.home2-topbar{align-items:center;display:flex;gap:8px;margin-bottom:10px}
.brand-pill,.topbar-action{border:2px solid var(--wap2-line);border-radius:999px;box-shadow:0 5px 0 #17472e29;color:#f6fff8}
.brand-pill{align-items:center;display:flex;flex:1 1;gap:10px;padding:8px 14px;text-align:left}
.brand-pill__logo{background:#ffffff24;border-radius:12px;flex:0 0 auto;height:34px;object-fit:contain;width:34px}
.brand-pill__text{min-width:0}
.brand-pill__title{font-size:calc(13px + var(--app-font-size-offset));font-weight:900;letter-spacing:.04em}
.brand-pill__subtitle{color:#f6fff8e6;font-size:calc(10px + var(--app-font-size-offset));font-weight:700;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-action{font-size:calc(12px + var(--app-font-size-offset));font-weight:800;min-width:96px;padding:8px 10px}
.game-strip{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}
.game-strip-item{background:#ffffffdb;border:1px solid var(--wap2-line);border-radius:14px;box-shadow:inset 0 -2px 0 #236b4714;color:var(--wap2-green-text);font-size:calc(11px + var(--app-font-size-offset));font-weight:800;padding:8px 4px}
.feature-board,.issue-board,.menu-board{background:#ffffffeb;border:2px solid var(--wap2-line);border-radius:20px;box-shadow:0 14px 32px #236b471f}
.issue-board{margin-bottom:12px;padding:12px}
.issue-board-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}
.issue-board-kicker{color:#236b47;font-size:calc(11px + var(--app-font-size-offset));font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.issue-board-period{color:#14422c;font-size:calc(18px + var(--app-font-size-offset));font-weight:900;margin-top:2px}
.issue-board-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}
.meta-text{color:#306048;font-weight:700}
.issue-board-balls{align-items:flex-start;display:flex;gap:7px;margin-top:12px;overflow-x:auto;padding:8px 0 4px}
.ball-placeholder{background:#f2fbfd;border-radius:14px;color:#20573b;font-weight:700;padding:16px 12px;text-align:center;width:100%}
.draw-sync-slot{align-items:center;display:inline-flex;flex-direction:column;gap:2px;justify-content:flex-start;position:relative;width:32px}
.draw-sync-slot.is-special{margin-left:12px}
.draw-sync-slot.is-special:before{color:#999;content:"+";font-size:18px;font-weight:700;left:-14px;position:absolute;top:50%;transform:translateY(-70%)}
.draw-sync-subline{min-height:11px;width:100%}
.issue-board-foot{color:#306048;display:flex;font-size:calc(11px + var(--app-font-size-offset));font-weight:700;gap:8px;justify-content:space-between;margin-top:10px}
.menu-board{margin-bottom:12px;padding:12px}
.section-title{color:#20573b;font-size:calc(13px + var(--app-font-size-offset));font-weight:900;margin-bottom:8px}
.menu-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}
.menu-chip{background:linear-gradient(180deg,#fff,#f0f9f5);border:1px solid var(--wap2-line);border-radius:12px;box-shadow:inset 0 -2px 0 #236b4714;color:var(--wap2-green-text);font-size:calc(10px + var(--app-font-size-offset));font-weight:800;line-height:1.15;min-height:34px;padding:6px 4px}
.feature-board{overflow:hidden}
.feature-banner{border-bottom:2px solid var(--wap2-line);padding:16px 14px 14px;text-align:center}
.feature-tag{align-items:center;background:linear-gradient(180deg,#236b47,#17472e);border-radius:999px;color:#f6fff8;display:inline-flex;font-size:calc(11px + var(--app-font-size-offset));font-weight:900;justify-content:center;letter-spacing:.08em;min-width:92px;padding:4px 10px}
.feature-title{color:#14422c;font-size:calc(24px + var(--app-font-size-offset));font-weight:900;line-height:1.08;margin-top:8px}
.feature-subtitle{color:#306048;font-size:calc(11px + var(--app-font-size-offset));font-weight:700;margin-top:5px}
.play-rule-panel__title{align-items:center;color:#20573b;display:flex;font-size:calc(12px + var(--app-font-size-offset));font-weight:900;gap:8px;margin:10px 12px 0}
.play-rule-panel__title:after{background:linear-gradient(90deg,#236b4747,#236b470a);content:"";flex:1 1 auto;height:1px}
.play-rule-panel__title-text{align-items:center;display:inline-flex;gap:6px;letter-spacing:.03em}
.play-rule-panel__title-text:before{background:linear-gradient(180deg,#236b47,#17472e);border-radius:999px;box-shadow:0 0 0 3px #236b471a;content:"";height:6px;width:6px}
.play-rule-panel__grid{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 12px 4px}
.play-rule-panel__row{grid-gap:8px;align-items:start;background:#0000;border:0;border-radius:0;box-shadow:none;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:4px 0}
.play-rule-panel__row--wide{grid-column:1/-1}
.play-rule-panel__label{align-items:center;align-self:start;background:#236b4714;border:1px solid #236b471f;border-radius:999px;color:#20573b;display:inline-flex;font-size:calc(10px + var(--app-font-size-offset));font-weight:900;justify-content:center;min-height:20px;padding:0 8px;white-space:nowrap}
.play-rule-panel__values{align-items:center;color:#14422c;display:flex;flex-wrap:wrap;font-size:calc(11px + var(--app-font-size-offset));font-weight:700;gap:2px 8px;line-height:1.45;min-width:0;word-break:break-word}
.play-rule-panel__value{min-width:0;white-space:normal}
@media (max-width:540px){.play-rule-panel__grid{gap:6px 10px}.play-rule-panel__row{gap:6px}}
@media (max-width:360px){.play-rule-panel__grid{grid-template-columns:minmax(0,1fr)}}
.record-list{padding:2px 10px 10px}
.record-row{grid-gap:8px;align-items:flex-start;border-bottom:1px solid var(--wap2-line);display:grid;gap:8px;grid-template-columns:66px minmax(0,1fr) 40px;min-height:56px;padding:8px 2px}
.record-row:last-child{border-bottom:0}
.record-period{color:#20573b;font-size:calc(15px + var(--app-font-size-offset));font-weight:900;text-align:center}
.record-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.record-prediction{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.record-prediction.is-visual{display:block;width:100%}
.record-row.has-visual .record-body{gap:8px}
.prediction-token{font-size:calc(13px + var(--app-font-size-offset));font-weight:900;line-height:1.2}
.prediction-empty{color:#60997c;font-size:calc(12px + var(--app-font-size-offset));font-weight:700}
.tone-wave-green{color:#236b47}
.tone-gold{color:#666}
.tone-neutral{color:#14422c}
.record-result{display:flex;flex-wrap:wrap;font-size:calc(11px + var(--app-font-size-offset));font-weight:800;gap:4px;margin-top:4px}
.record-result-label{color:#306048}
.record-result-value.is-pending{color:#6c757d}
.record-result-scope{color:#236b47}
.record-side{display:flex;justify-content:center}
.record-judge.is-pending{background:linear-gradient(180deg,#aaa,#666)}
.records-empty,.records-loading{color:#60997c;font-size:calc(12px + var(--app-font-size-offset));font-weight:700;padding:26px 12px;text-align:center}
.zt-content-block{flex-direction:column;gap:3px}
.zt-content-block,.zt-content-line{align-items:flex-start;display:flex;width:100%}
.zt-content-line{flex-wrap:wrap;gap:4px 4px}
.zt-content-line-inline{align-items:stretch;gap:6px}
.zt-inline-segment{align-items:flex-start;display:flex;flex:1 1;min-width:0}
.zt-inline-divider{align-self:center;background:var(--wap2-line);border-radius:999px;height:14px;width:1px}
.zt-punc,.zt-sep{color:#709683;display:inline-block;font-size:calc(12px + var(--app-font-size-offset));font-weight:700;line-height:1.6;white-space:nowrap}
.zt-sep-space{width:2px}
.zt-sep-plus{color:#507767;font-size:calc(15px + var(--app-font-size-offset));font-weight:900;line-height:1.15;margin:0 2px}
.zt-sep-gap{width:8px}
.zt-group{align-items:start;column-gap:4px;display:inline-grid;grid-template-columns:54px minmax(0,1fr);max-width:100%;width:100%}
.zt-tag{color:#306048;display:inline-block;font-size:calc(14px + var(--app-font-size-offset));font-weight:800;line-height:1.6;padding:0;white-space:nowrap}
.zt-neutral-tag,.zt-text-tag{background:none;border-radius:0;display:inline-block;font-size:calc(14px + var(--app-font-size-offset));font-weight:800;line-height:1.6;padding:0;white-space:nowrap}
.zt-neutral-tag{color:#608c79}
.zt-num-tag{background:none;border:0;border-radius:0;color:#14422c;display:inline-block;font-family:monospace;font-size:calc(14px + var(--app-font-size-offset));font-weight:800;line-height:1.6;padding:0;white-space:nowrap}
.zt-tag-cluster{align-items:center;display:inline-flex;flex-wrap:wrap;gap:3px;max-width:100%}
.zt-label{color:#306048;display:inline-block;font-size:calc(13px + var(--app-font-size-offset));font-weight:800;line-height:1.8;text-align:right;white-space:nowrap;width:54px}
.zt-values{align-items:center;display:inline-flex;flex-wrap:wrap;font-weight:700;gap:4px 3px;min-width:0}
.image-binding-scene,.visual-scene{width:100%}
.image-binding-stage{background:#111827;border-radius:14px;overflow:hidden;position:relative;width:100%}
.image-binding-bg,.image-binding-overlay{inset:0;position:absolute}
.image-binding-bg{height:100%;object-fit:cover;width:100%}
.image-binding-bg-placeholder{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);color:#d1d5db;display:flex;font-size:calc(14px + var(--app-font-size-offset));justify-content:center}
.image-binding-overlay{background:linear-gradient(180deg,#0f172a1f,#0f172a59);pointer-events:none}
.image-binding-period{color:#fff}
.image-binding-result{border-radius:999px;box-shadow:0 4px 14px #00000040;color:#fff;font-size:calc(12px + var(--app-font-size-offset));font-weight:700;padding:6px 12px;position:absolute;z-index:3;bottom:12px;right:12px}
.image-binding-result.is-pending{background:#555559e6}
.image-binding-item{position:absolute;z-index:2}
.image-binding-item.is-hit{z-index:4}
.image-binding-item-inner{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;isolation:isolate;position:relative;width:100%}
.image-binding-item-media-shell{align-items:stretch;display:flex;flex:1 1 auto;justify-content:center;min-height:0;position:relative;width:100%}
.image-binding-item-media-shell-hit,.image-binding-item-media-shell-hit.zt-hit,.image-binding-item-media-shell-hit.zt-hit-current,.image-binding-item-media-shell-hit.zt-hit-current:after{border-radius:12px}
.image-binding-item-effects{align-items:center;aspect-ratio:1;display:flex;filter:saturate(1.14);justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:162%;z-index:0}
.image-binding-item-effects,.image-binding-item-flare,.image-binding-item-orbit,.image-binding-item-particle{pointer-events:none;position:absolute}
.image-binding-item-orbit{border:1px solid #a2d0bbcc;border-radius:999px;box-shadow:0 0 16px #236b474d,inset 0 0 18px #236b4729;inset:9%;mix-blend-mode:screen;transform-origin:50% 50%}
.image-binding-item-orbit-a{animation:imageBindingOrbitSpin 2.8s linear infinite}
.image-binding-item-orbit-b{animation:imageBindingOrbitSpinReverse 3.9s linear infinite;border:2px dashed #a2d0bb99;inset:1%;opacity:.78}
.image-binding-item-flare{aspect-ratio:1;border-radius:999px;left:50%;mix-blend-mode:screen;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:100%}
.image-binding-item-flare-a{animation:imageBindingAuraPulse 1.5s ease-in-out infinite;background:radial-gradient(circle,#d8ede357 0,#b8d8c833 26%,#8fc2a924 46%,#236b4700 72%);filter:blur(10px)}
.image-binding-item-flare-b{animation:imageBindingHaloSpinCentered 3.2s linear infinite;background:conic-gradient(from 0deg,#fff0 0deg,#d8ede3b8 42deg,#a2d0bb94 102deg,#fff0 166deg,#fff0 236deg,#b8d8c88f 294deg,#fff0 1turn);filter:blur(4px);opacity:.88;width:92%}
.image-binding-item-particle{background:radial-gradient(circle,#fffffff5 0,#d8ede3db 38%,#236b4700 72%);border-radius:999px;box-shadow:0 0 10px #d8ede3cc,0 0 20px #8fc2a973;height:10px;width:10px}
.image-binding-item-particle-a{animation:imageBindingSparkFloatA 2.2s ease-in-out infinite;left:8%;top:10%}
.image-binding-item-particle-b{animation:imageBindingSparkFloatB 2.6s ease-in-out infinite;right:7%;top:2%}
.image-binding-item-particle-c{animation:imageBindingSparkFloatC 2.4s ease-in-out infinite;bottom:22%;left:16%}
.image-binding-item-media{align-items:center;border-radius:10px;display:flex;height:100%;isolation:isolate;justify-content:center;min-height:0;overflow:hidden;position:relative;width:100%;z-index:2}
.image-binding-item-image,.image-binding-item-placeholder{display:block;height:100%;object-fit:contain;position:relative;transition:transform .32s ease,filter .32s ease;width:100%;z-index:2}
.image-binding-item-placeholder{align-items:center;background:#0f172a8c;border:2px dashed #ffffff73;border-radius:10px;color:#fff;display:flex;font-size:calc(12px + var(--app-font-size-offset));height:100%;justify-content:center;overflow-wrap:anywhere;padding:2px;text-align:center}
.image-binding-item.is-hit .image-binding-item-image,.image-binding-item.is-hit .image-binding-item-placeholder{filter:saturate(1.18) brightness(1.08) contrast(1.04);transform:scale(1.06)}
.image-binding-item-media-shell-legacy .image-binding-item-media{animation:imageBindingHitBeat 2.8s ease-in-out infinite;background:radial-gradient(circle at 50% 45%,#d8ede338 0,#b8d8c81a 42%,#236b4700 76%);box-shadow:inset 0 0 18px #236b472e,inset 0 0 34px #236b471f;position:relative}
.image-binding-item-media-shell-legacy .image-binding-item-media:before{animation:imageBindingHaloSpin 2.8s linear infinite;background:conic-gradient(from 0deg,#fff0 0deg,#d8ede3db 52deg,#a2d0bbc2 116deg,#fff0 176deg,#fff0 246deg,#b8d8c8b3 312deg,#fff0 1turn);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mix-blend-mode:screen;opacity:.78;padding:2px;pointer-events:none;position:absolute;transform-origin:50% 50%;z-index:1}
.image-binding-item-media-shell-legacy .image-binding-item-media:after{animation:ztHitShine 1.8s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#d8ede3d1,#fff0);border-radius:inherit;content:"";inset:-3px;pointer-events:none;position:absolute;transform:translateX(-130%);z-index:3}
.image-binding-item-nameplate{color:#f8fafc;flex:0 0 auto;font-size:calc(11px + var(--app-font-size-offset));font-weight:700;line-height:1.15;max-width:100%;overflow-wrap:anywhere;position:relative;text-align:center;text-shadow:0 1px 2px #0f172ae6,0 0 8px #0f172a73;white-space:normal;z-index:2}
.zt-hit{position:relative}
.zt-hit-current{animation:ztHitPulse 1.4s ease-in-out infinite}
.zt-hit-current:after{animation:ztHitShine 1.8s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#d8ede3d1,#fff0);border-radius:inherit;content:"";inset:-3px;pointer-events:none;position:absolute;transform:translateX(-130%)}
.zt-hit.zt-hit-legacy{isolation:isolate}
.zt-hit-current.zt-hit-legacy{animation:ztLegacyHitPulse 1.9s ease-in-out infinite}
.zt-hit-current.zt-hit-legacy:before{animation:imageBindingHaloSpin 2.8s linear infinite;background:conic-gradient(from 0deg,#fff0 0deg,#d8ede3e0 54deg,#a2d0bbd1 120deg,#fff0 178deg,#fff0 246deg,#b8d8c8c2 314deg,#fff0 1turn);border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mix-blend-mode:screen;opacity:.92;padding:2px;pointer-events:none;position:absolute;transform-origin:50% 50%;z-index:1}
.zt-hit-current.zt-hit-legacy:after{animation:ztHitShine 1.45s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#d8ede3eb,#fff0),radial-gradient(circle at 50% 50%,#b8d8c842 0,#236b4700 72%);inset:-5px;transform:translateX(-140%);z-index:2}
.zt-neutral-tag.zt-hit-legacy,.zt-num-tag.zt-hit-legacy,.zt-tag.zt-hit-legacy,.zt-text-tag.zt-hit-legacy{isolation:isolate}
.zt-tag-cluster.zt-hit-legacy{animation:none;box-shadow:none;outline:none}
.zt-tag-cluster.zt-hit-legacy:after,.zt-tag-cluster.zt-hit-legacy:before{content:none}
.zt-tag-cluster .zt-hit,.zt-tag-cluster.zt-hit{overflow:hidden}
@keyframes ztHitPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.04)}}
@keyframes ztLegacyHitPulse{0%,to{filter:saturate(1) brightness(1);transform:translateY(0) scale(1)}50%{filter:saturate(1.12) brightness(1.08);transform:translateY(-1px) scale(1.06)}}
@keyframes imageBindingHitBeat{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.12) saturate(1.08)}}
@keyframes imageBindingHaloSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(1turn) scale(1)}}
@keyframes imageBindingHaloSpinCentered{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.03)}to{transform:translate(-50%,-50%) rotate(1turn) scale(1)}}
@keyframes imageBindingOrbitSpin{0%{transform:rotate(0deg) scale(.96)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(1turn) scale(.96)}}
@keyframes imageBindingOrbitSpinReverse{0%{transform:rotate(1turn) scale(1.04)}50%{transform:rotate(180deg) scale(.98)}to{transform:rotate(0deg) scale(1.04)}}
@keyframes imageBindingAuraPulse{0%,to{opacity:.62;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.96;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes ztHitShine{0%{opacity:0;transform:translateX(-130%)}18%{opacity:1}55%{opacity:1;transform:translateX(130%)}to{opacity:0;transform:translateX(130%)}}
@keyframes imageBindingSparkFloatA{0%,to{opacity:.52;transform:translateZ(0) scale(.86)}45%{opacity:1;transform:translate3d(8px,-12px,0) scale(1.18)}}
@keyframes imageBindingSparkFloatB{0%,to{opacity:.34;transform:translateZ(0) scale(.72)}50%{opacity:.88;transform:translate3d(-10px,16px,0) scale(1.08)}}
@keyframes imageBindingSparkFloatC{0%,to{opacity:.46;transform:translateZ(0) scale(.78)}50%{opacity:.94;transform:translate3d(14px,-8px,0) scale(1.16)}}
.zt-empty{color:#60997c;font-size:calc(12px + var(--app-font-size-offset));font-weight:700}
.home2-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.home2-actions--with-bottom-ad{margin-bottom:14px}
.action-button.ghost{background:#fff;border:2px solid var(--wap2-line);box-shadow:none;color:var(--wap2-green-text)}
@media (max-width:420px){.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.record-row{grid-template-columns:58px minmax(0,1fr) 36px}.feature-title{font-size:calc(20px + var(--app-font-size-offset))}}
.allplay-page{padding-bottom:78px}
.home2-topbar--stacked{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.allplay-page-actions{margin-bottom:12px;margin-top:14px}
.allplay-menu-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;margin-bottom:12px;padding:12px;position:sticky;top:8px;z-index:8}
.allplay-menu-head{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}
.allplay-menu-tip{color:#60997c;font-size:calc(10px + var(--app-font-size-offset));font-weight:700;text-align:right}
.allplay-menu-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.allplay-stack{display:flex;flex-direction:column;gap:14px;margin-top:12px}
.allplay-stack--with-bottom-ad{margin-bottom:14px}
.allplay-board{overflow:hidden;scroll-margin-top:108px}
.allplay-board-head{align-items:flex-start;border-bottom:1px solid var(--wap2-line);display:flex;gap:12px;justify-content:space-between;padding:16px 14px 10px}
.allplay-board-copy{min-width:0}
.allplay-board-kicker{color:#236b47;font-size:calc(11px + var(--app-font-size-offset));font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.allplay-board-title{color:#14422c;font-size:calc(21px + var(--app-font-size-offset));font-weight:900;line-height:1.12;margin-top:6px}
.allplay-board-side{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:6px}
.allplay-badge{align-items:center;background:linear-gradient(180deg,#236b47,#17472e);border-radius:999px;color:#f6fff8;display:inline-flex;font-size:calc(11px + var(--app-font-size-offset));font-weight:900;justify-content:center;padding:5px 10px;white-space:nowrap}
.allplay-empty-state{overflow:hidden}
.history2-page{background:radial-gradient(circle at top center,#ffffffe6,#0000 34%),linear-gradient(180deg,#e6f4ed,#