/* common */
@media not all {
:root{--bg:#f4f7fb;--panel:#ffffff;--panel-soft:rgba(255,255,255,.72);--primary:#1f6feb;--primary-strong:#0b5ad9;--accent:#2aa8ff;--text:#0b1b33;--muted:#4f6380;--shadow:0 12px 30px rgba(13,50,102,.12);--shadow-strong:0 18px 44px rgba(13,50,102,.18);--hover-shadow:0 10px 22px rgba(31,111,235,.22);--hover-border:rgba(31,111,235,.35);--radius:16px}
html[data-theme="dark"],html[data-theme="dark"] body{background:#0d1420!important;color:#e7edf6!important}html:not(.xg-ready) .xg-pane{display:none!important}html:not(.xg-ready) .xg-pane[data-xg-view="home"]{display:block!important}.discover-icon{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;flex:0 0 56px!important;overflow:hidden!important}.discover-icon img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.discover-icon.cover img{object-fit:cover!important}.kf-avatar,.kf-contact>img{overflow:hidden}.kf-avatar img,.kf-contact>img{display:block;max-width:100%;object-fit:cover}@media(max-width:640px){.discover-icon{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;flex-basis:50px!important}}
*{box-sizing:border-box}
img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.slide img,.icon-item img,.avatar{pointer-events:auto}
@media print{body{display:none!important}}
html,body{height:100%}
body{margin:0;background:radial-gradient(900px 500px at 10% -10%,rgba(31,111,235,.16),transparent 60%),radial-gradient(900px 500px at 110% 0%,rgba(42,168,255,.14),transparent 60%),linear-gradient(180deg,#f6f9ff 0%,#eef3fb 45%,#f7f9fc 100%);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.6;-webkit-tap-highlight-color:transparent}
.boot-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.boot-loader{display:grid;justify-items:center;gap:9px;color:var(--text);text-align:center}.boot-spinner{width:42px;height:42px;border:4px solid rgba(127,127,127,.2);border-top-color:var(--primary);border-radius:50%;animation:boot-spin .8s linear infinite}.boot-loader strong{font-size:16px}.boot-loader small{color:var(--muted);font-size:13px}@keyframes boot-spin{to{transform:rotate(360deg)}}
.load-error{min-height:100vh;display:grid;place-items:center}.load-error>div{display:grid;gap:8px;text-align:center;padding:28px 34px;background:#fff;border:1px solid rgba(15,40,90,.1);border-radius:14px;box-shadow:var(--shadow)}.load-error strong{font-size:22px}.load-error span{color:var(--muted)}body{overflow:auto}.fixed-area,.vue-cards-scroll{position:relative!important;inset:auto!important}.vue-icon-track{width:max-content;overflow:visible;animation:iconTickerMove 8s linear infinite}.vue-icon-group{display:flex;flex:none;gap:10px}.icon-ticker:hover .vue-icon-track{animation-play-state:paused}.category-state{grid-column:1/-1;width:100%;min-height:140px;display:grid;place-items:center;text-align:center;padding:40px;color:var(--muted)}
#kefu-wrap{position:fixed;right:16px;bottom:20px;z-index:9999}.kefu-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(31,111,235,.3);background:#fff;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;padding:0}.kefu-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}.kefu-panel{position:absolute;right:0;bottom:70px;width:260px;background:#fff;border:1px solid rgba(15,40,90,.1);border-radius:14px;padding:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;box-shadow:var(--shadow-strong)}.kefu-panel.open{opacity:1;visibility:visible;transform:none}.kefu-panel h4{margin:0 0 12px}.kefu-close{position:absolute;right:10px;top:10px;border:0;background:#eef3fb;width:26px;height:26px;border-radius:50%}.kefu-item{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid rgba(15,40,90,.08);border-radius:10px;margin-top:7px;cursor:pointer}.kefu-item img{width:38px;height:38px;border-radius:50%;object-fit:cover}.kefu-info{flex:1;min-width:0}.kefu-type{font-size:11px;color:var(--muted)}.kefu-val{font-size:14px;font-weight:700}.kefu-copy{border:0;border-radius:7px;background:var(--primary);color:#fff;padding:6px 10px}.kefu-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);padding:9px 18px;border-radius:9px;background:#0b1b33;color:#fff;opacity:0;transition:.2s}.kefu-toast.show{opacity:1}@media(max-width:600px){#kefu-wrap{right:12px;bottom:84px}.kefu-panel{width:240px;max-height:calc(100vh - 180px);overflow:auto}.kefu-toast{bottom:150px}}
canvas#bg-particles{position:fixed;inset:0;z-index:-1;opacity:.75;filter:blur(.2px);pointer-events:none}
body{overflow:hidden}
.fixed-area{position:fixed;top:0;left:0;right:0;z-index:10;background:transparent}
.cards-scroll{position:fixed;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch}
.top-bg{position:fixed;top:40px;left:0;right:0;height:320px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.75) 70%),var(--site-bg-image,none) center top/cover no-repeat;opacity:.85;z-index:-2;pointer-events:none;filter:saturate(1.05)}
header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(220,232,250,.98),rgba(200,218,245,.9));backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,40,90,.1);box-shadow:0 10px 26px rgba(15,40,90,.08);position:relative;overflow:hidden}
header::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(31,111,235,.12),transparent 60%),repeating-linear-gradient(90deg,rgba(15,40,90,.08) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(15,40,90,.06) 0 1px,transparent 1px 18px);opacity:.95;pointer-events:none}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(31,111,235,.6),transparent);opacity:.8;pointer-events:none}
.nav{max-width:1200px;margin:0 auto;padding:5px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.6px}
.brand .logo{width:38px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:radial-gradient(circle at 30% 30%,rgba(42,168,255,.9),transparent 55%),radial-gradient(circle at 70% 70%,rgba(31,111,235,.9),transparent 55%),#0b4db8;box-shadow:var(--shadow)}
.brand-logo{height:44px;width:auto;object-fit:contain;max-width:176px;display:block;background:transparent;filter:drop-shadow(0 6px 14px rgba(31,111,235,.25));transform:translateY(2px)}
@media(max-width:640px){.brand-logo{height:40px;max-width:156px}}
.nav-links{display:flex;gap:12px;flex-wrap:wrap}
.nav-links a{color:#0b1b33;text-decoration:none;padding:9px 14px;border-radius:14px;border:1px solid rgba(15,40,90,.18);transition:.25s ease;font-weight:700;font-size:14px;background:#fff;box-shadow:0 10px 20px rgba(15,40,90,.18);backdrop-filter:blur(6px)}
.nav-links a:hover{color:#0b1b33;border-color:var(--hover-border);box-shadow:var(--hover-shadow)}
.notice-center-btn{width:42px;height:42px;display:grid!important;place-items:center;padding:0!important}.notice-center-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-main-btn{color:#0b1b33!important;font-weight:800;padding:10px 20px;border-radius:14px;background:#fff;box-shadow:0 16px 30px rgba(15,40,90,.22);border:1px solid rgba(15,40,90,.22);position:relative;overflow:hidden}
.nav-main-btn:hover{transform:translateY(-1px);box-shadow:var(--hover-shadow)}
.carousel{max-width:1200px;margin:2px auto 6px;padding:0 20px}
.carousel-wrap{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(15,40,90,.08);background:#fff}
.slides{display:flex;transition:transform .6s ease}
.slide{min-width:100%;height:auto;aspect-ratio:7/4;background:#eaf1ff;position:relative}
.slide-link{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.slide-link:focus{outline:none}.slide-link:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}
.slide img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(11,27,51,.12);font-size:42px;font-weight:300;line-height:1;padding:0 0 5px;text-shadow:0 1px 5px rgba(0,0,0,.75);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.car-btn:hover{background:rgba(255,255,255,.24);transform:translateY(-50%) scale(1.06);box-shadow:0 6px 18px rgba(11,27,51,.18)}
.car-btn:active{transform:translateY(-50%) scale(.94)}
.car-prev{left:12px}
.car-next{right:12px}
.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:6px;justify-content:center}
.dot{display:block;flex:0 0 7px;width:7px!important;min-width:7px!important;max-width:7px!important;height:7px!important;min-height:7px!important;max-height:7px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;appearance:none;background:rgba(15,40,90,.22);box-shadow:0 0 0 1px rgba(255,255,255,.28);cursor:pointer}
.dot.active{background:var(--primary);box-shadow:0 0 0 1px rgba(255,255,255,.45),0 0 7px rgba(31,111,235,.32)}
.section{max-width:1200px;margin:10px auto;padding:0 20px}
.section h2:first-of-type{display:flex;justify-content:center;align-items:center;margin:6px 0 8px;font-size:20px;font-weight:800;letter-spacing:1px;position:relative;text-align:center}
.section h2:first-of-type::after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:96px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--primary-strong),var(--accent),transparent);box-shadow:0 6px 16px rgba(31,111,235,.25)}
.section-head{display:flex;justify-content:center;align-items:center;gap:12px;margin:6px 0 10px}
.category-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));width:min(100%,760px);gap:6px;align-items:center;padding:6px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(234,243,255,.76));border:1px solid rgba(15,40,90,.1);box-shadow:0 12px 28px rgba(31,111,235,.16);position:relative;isolation:isolate}
.category-tabs::before{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(115deg,rgba(255,255,255,.66),transparent 42%,rgba(42,168,255,.08));pointer-events:none;z-index:-1}
.tab-btn{padding:8px 6px;border-radius:10px;border:1px solid rgba(15,40,90,.12);background:rgba(255,255,255,.9);color:#0b1b33;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 10px rgba(31,111,235,.1);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.tab-btn:hover{transform:translateY(-2px);border-color:rgba(31,111,235,.22);box-shadow:0 8px 16px rgba(31,111,235,.16)}
.tab-btn.active{background:linear-gradient(135deg,var(--primary-strong),#2388f5 58%,var(--accent));color:#fff;border-color:rgba(31,111,235,.34);box-shadow:0 10px 22px rgba(31,111,235,.28),inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-2px)}
.tab-btn.active::after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:2px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 0 10px rgba(255,255,255,.42)}
.card-grid{display:flex;flex-direction:column;gap:10px;perspective:900px}
.card-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,250,255,.86));border:1px solid rgba(15,40,90,.08);box-shadow:0 10px 22px rgba(31,111,235,.14)}
.card-grid.category-enter .card-row{animation:categoryRowRise .58s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--row-index,0)*55ms);transform-origin:center bottom;will-change:transform,opacity,filter}
.card-grid.category-enter .card{animation:categoryCardPop .54s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(90ms + var(--row-index,0)*55ms + var(--card-index,0)*24ms)}
@media(max-width:1024px){.card-row{grid-template-columns:repeat(4,1fr);gap:5px;padding:6px 8px}}
@media(max-width:768px){.card-row{grid-template-columns:repeat(4,1fr);gap:4px;padding:5px 6px}}
@media(max-width:420px){.card-row{grid-template-columns:repeat(4,1fr);gap:3px;padding:4px 5px}}
.card{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,251,255,.95));border:1px solid rgba(15,40,90,.08);border-radius:10px;padding:6px 4px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;box-shadow:0 6px 14px rgba(31,111,235,.12);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden;text-decoration:none;color:inherit;min-height:86px}
.card:hover{transform:translateY(-4px);border-color:rgba(31,111,235,.25);box-shadow:var(--shadow-strong)}
.avatar{width:42px;height:42px;border-radius:10px;border:2px solid rgba(31,111,235,.18);box-shadow:0 4px 8px rgba(31,111,235,.16);flex:none;background:#eef4ff;object-fit:cover}
.title{font-weight:700;color:#0b1b33;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.card-desc{color:#526883;font-size:9px;font-weight:600;line-height:1.25;min-height:1.25em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-badge{position:absolute;left:0;top:0;width:38px;height:38px;background:linear-gradient(135deg,#ff3b30,#ff8a3d);clip-path:polygon(0 0,100% 0,0 100%);display:flex;align-items:flex-start;justify-content:flex-start;padding:0;overflow:hidden;z-index:2}
.rec-badge::before{content:'推荐';position:absolute;left:2px;top:15px;color:#fff;font-weight:800;font-size:9px;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.4);transform:rotate(-45deg);transform-origin:0 0;white-space:nowrap}
.card:hover .rec-badge{filter:brightness(1.1)}
.wm{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.06;background-image:repeating-linear-gradient(45deg,transparent 0 40px,rgba(31,111,235,.25) 40px 41px),repeating-linear-gradient(-45deg,transparent 0 40px,rgba(42,168,255,.22) 40px 41px)}
.site-footer{max-width:1200px;margin:6px auto 18px;padding:0 20px}
.brand-footer{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;text-align:center;color:#6b7a92}
.brand-footer .logo{width:auto;max-width:120px;height:24px;border-radius:6px;overflow:hidden;border:1px solid rgba(15,40,90,.12);background:#fff;padding:2px 6px;display:flex;align-items:center}
.brand-footer .logo img{width:auto;height:100%;object-fit:contain}
.brand-footer .name{font-weight:700;font-size:12px;color:#4f6380}
.brand-footer .desc{font-size:11px;color:#7b8aa3}
.marquee-wrap{width:100%;overflow:hidden;background:linear-gradient(90deg,#2b6fe9,#4aa3ff);border-radius:10px;padding:4px 10px;box-shadow:0 10px 22px rgba(31,111,235,.2);border:1px solid rgba(15,40,90,.08);display:block;min-height:34px}
.marquee{display:inline-flex;align-items:center;width:max-content;padding-left:100%;white-space:nowrap;animation:marqueeMove 12s linear infinite;will-change:transform}
.marquee-text{font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px;text-shadow:0 1px 0 rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.18)}
.icon-ticker{margin-top:4px;margin-bottom:2px;background:rgba(255,255,255,.92);border:1px solid rgba(15,40,90,.08);border-radius:10px;box-shadow:0 10px 24px rgba(31,111,235,.16);padding:6px 8px;overflow:hidden;position:relative;touch-action:pan-y}
.icon-ticker .ticker-status{position:absolute;right:10px;top:6px;background:rgba(0,0,0,.45);color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;opacity:0;transition:opacity .2s ease;pointer-events:none}
.icon-ticker.paused .ticker-status{opacity:1}
.icon-track{display:flex;gap:10px;align-items:center;will-change:transform}
.icon-item{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(243,248,255,.95));border:1px solid rgba(15,40,90,.1);box-shadow:0 6px 12px rgba(31,111,235,.14);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,box-shadow:.2s ease}
.icon-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(31,111,235,.2)}
.icon-item img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@keyframes marqueeMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
@keyframes iconTickerMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(calc(-50% - 5px),0,0)}}
@keyframes categoryRowRise{0%{opacity:0;filter:blur(7px);transform:translate3d(0,34px,-16px) scale(.975)}65%{opacity:1;filter:blur(0);transform:translate3d(0,-3px,0) scale(1.005)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}}
@keyframes categoryCardPop{0%{opacity:0;transform:translateY(18px) scale(.96)}72%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
.no-select{user-select:none}
@media(max-width:768px) and (min-width:421px){.card{flex-direction:column;align-items:center;padding:6px 4px;min-height:82px}.card .avatar{width:38px;height:38px;border-radius:10px;margin-bottom:2px}.card .title{font-size:10px}.card-desc{font-size:9px}}
@media(max-width:600px){.card{padding:5px 3px;gap:4px;min-height:80px}.card .avatar{width:38px;height:38px;border-radius:10px}.card .title{font-size:10px}.card-desc{font-size:8px}.icon-item{width:40px;height:40px}}
@media(max-width:600px){.car-btn{width:46px;height:46px;font-size:37px}.car-prev{left:8px}.car-next{right:8px}}
@media(max-width:600px){.category-tabs{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));width:100%}.tab-btn{font-size:12px;padding:7px 4px}}
.card-grid.category-enter .card-row{animation:categorySilkyRise .46s cubic-bezier(.16,1,.3,1) backwards!important;animation-delay:calc(var(--row-index,0)*70ms)!important}.card-grid.category-enter .card{animation:categorySilkyPop .4s cubic-bezier(.16,1,.3,1) backwards!important;animation-delay:calc(70ms + var(--row-index,0)*70ms + var(--card-index,0)*38ms)!important}@keyframes categorySilkyRise{0%{opacity:0;filter:blur(5px);transform:translate3d(0,34px,0) scale(.975)}70%{opacity:1;filter:blur(0);transform:translate3d(0,-3px,0) scale(1.006)}100%{opacity:1;filter:blur(0);transform:none}}@keyframes categorySilkyPop{0%{opacity:0;transform:translate3d(0,22px,0) scale(.94)}75%{opacity:1;transform:translate3d(0,-3px,0) scale(1.015)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tab-btn{transition:none}}
html,body{height:auto!important;min-height:100%!important}body{overflow-x:hidden!important;overflow-y:auto!important}.fixed-area{position:relative!important;inset:auto!important}.cards-scroll,.vue-cards-scroll{position:relative!important;inset:auto!important;overflow:visible!important;min-height:0!important}.site-footer{padding-bottom:86px}
.kefu-btn{animation:kefuSwing 2s ease-in-out infinite;transform-origin:center bottom;will-change:transform}.kefu-btn:hover{animation-play-state:paused}.kefu-btn:active{animation:none;transform:scale(.94)}@keyframes kefuSwing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.notice-mask{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(8,18,34,.58);animation:noticeFade .2s ease}.notice-dialog{position:relative;display:flex;flex-direction:column;width:min(92vw,440px);max-width:calc(100vw - 36px);max-height:88vh;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.notice-close{position:absolute;right:10px;top:10px;z-index:4;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:rgba(15,29,51,.72);color:#fff;font-size:23px;line-height:1;cursor:pointer}.notice-scroll{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.notice-image{display:block;width:100%;max-width:100%;max-height:290px;object-fit:cover}.notice-body{min-width:0;padding:22px}.notice-body h3{max-width:100%;margin:0 34px 10px 0;font-size:22px;overflow-wrap:anywhere;word-break:break-word}.notice-body p{max-width:100%;margin:0;color:var(--muted);white-space:pre-wrap;line-height:1.75;overflow-wrap:anywhere;word-break:break-word}.notice-footer{flex:none;padding:12px 22px 18px;border-top:1px solid rgba(148,163,184,.2);background:#fff;box-shadow:0 -8px 20px rgba(15,23,42,.04)}.notice-action{display:block;width:100%;margin:0;padding:11px 16px;border:0;border-radius:10px;background:var(--primary);color:#fff;text-align:center;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-day{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;color:var(--muted);font-size:13px;cursor:pointer}.notice-day input{width:17px;height:17px;flex:none}@media(max-width:480px){.notice-mask{padding:10px}.notice-dialog{width:100%;max-width:100%;max-height:92vh}.notice-body{padding:18px 16px}.notice-footer{padding:11px 16px 15px}}@keyframes noticeFade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.kefu-btn{animation:none}}
.kefu-close{z-index:8!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}

}
/* classic */
@media not all {
.card-action{display:none!important}
.top-bg{top:60px!important;height:320px!important;display:block!important;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.75) 70%),var(--site-bg-image,none) center top/cover no-repeat!important;opacity:.85!important;filter:saturate(1.05)!important}
html[data-theme-preset="classic"] #a{position:relative;z-index:0;isolation:isolate;min-height:100vh}
.classic-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;pointer-events:none}

}
/* blue */
@media not all {
:root{--theme-accent:#1f6feb;--theme-accent-strong:#0b5ad9}
.section-head{justify-content:flex-start}.category-tabs{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none;padding:5px;background:rgba(255,255,255,.78)}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{min-width:88px;flex:1 0 auto;box-shadow:none}.card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.card{min-height:112px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:'avatar title' 'avatar desc';align-content:center;align-items:center;gap:3px 12px;padding:15px;text-align:left;border-radius:16px}.card .avatar{grid-area:avatar;width:58px;height:58px;margin:0;border-radius:15px}.card .title{grid-area:title;width:100%;font-size:15px;text-align:left}.card-desc{grid-area:desc;width:100%;font-size:12px;text-align:left}.icon-ticker{border-radius:16px;padding:10px}.icon-item{width:52px;height:52px;border-radius:15px}.icon-item img{border-radius:14px}
@media(max-width:700px){.card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.card{min-height:132px;display:flex;padding:10px 5px;text-align:center}.card .avatar{width:52px;height:52px}.card .title,.card-desc{text-align:center}.card .title{font-size:12px}.card-desc{font-size:10px}}
.card-action{position:absolute;right:10px;bottom:9px;padding:5px 11px;border-radius:999px;background:#eaf2ff;color:#1766d1;font-size:11px;font-weight:800}.card{padding-bottom:34px}@media(max-width:700px){.card-action{position:static;margin-top:auto;padding:4px 10px}.card{padding-bottom:8px}}
.category-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}.tab-btn{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card-row{display:contents}@media(max-width:700px){.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}}

}
/* warm */
@media not all {
html:not([data-theme="dark"]){--primary:#c8792b;--primary-strong:#a85b18;--accent:#e8a455;--text:#382518;--muted:#796251;--hover-border:rgba(200,121,43,.38);--hover-shadow:0 10px 22px rgba(157,91,28,.18)}
html:not([data-theme="dark"]) body{background:radial-gradient(900px 500px at 10% -10%,rgba(232,164,85,.17),transparent 60%),linear-gradient(180deg,#fffaf2,#f9efe2 48%,#fffaf5)}
html:not([data-theme="dark"]) header{background:linear-gradient(180deg,rgba(255,246,232,.98),rgba(250,232,207,.92))}
html:not([data-theme="dark"]) .tab-btn.active,html:not([data-theme="dark"]) .kefu-copy,html:not([data-theme="dark"]) .notice-action{background:linear-gradient(135deg,#ce7d2d,#e6a14e);border-color:#c8792b}
html:not([data-theme="dark"]) .marquee-wrap{background:linear-gradient(90deg,#fff4e5,#f7dfbd);border-color:#ecd1aa}
.section-head{justify-content:flex-start}.category-tabs{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none;padding:4px;border:0;border-radius:13px;background:rgba(255,250,243,.82);box-shadow:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{min-width:82px;flex:1 0 auto;border:0;background:transparent;box-shadow:none}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0;background:transparent;box-shadow:none}.card{min-height:124px;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-areas:'avatar title' 'avatar desc';align-content:center;align-items:center;gap:4px 14px;padding:17px;text-align:left;border-radius:18px;background:rgba(255,252,247,.96);box-shadow:0 8px 22px rgba(120,73,30,.08)}.card .avatar{grid-area:avatar;width:68px;height:68px;margin:0;border-radius:18px}.card .title{grid-area:title;width:100%;font-size:17px;text-align:left}.card-desc{grid-area:desc;width:100%;font-size:12px;text-align:left}.icon-ticker{padding:12px;border-radius:18px}.icon-item{width:56px;height:56px;border-radius:16px}.icon-item img{border-radius:15px}
@media(max-width:650px){.card-row{gap:8px}.card{min-height:112px;grid-template-columns:52px minmax(0,1fr);gap:3px 8px;padding:10px 8px}.card .avatar{width:52px;height:52px;border-radius:14px}.card .title{font-size:13px}.card-desc{font-size:10px}}
.card-action{position:absolute;right:13px;bottom:12px;padding:6px 15px;border-radius:999px;background:#cf8134;color:#fff;font-size:11px;font-weight:800}.card{padding-bottom:40px}@media(max-width:650px){.card-action{right:7px;bottom:7px;padding:4px 9px;font-size:9px}.card{padding-bottom:29px}}
.category-tabs{display:flex;flex-wrap:wrap;overflow:visible}.tab-btn{min-width:104px;flex:1 1 104px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-row{display:contents}@media(max-width:650px){.card-grid{gap:8px}}
@media(max-width:650px){.category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px}.tab-btn{min-width:0;min-height:38px;padding:7px 3px;font-size:11px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-width:0;min-height:142px;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto minmax(34px,auto) 34px;grid-template-areas:'avatar title' 'avatar desc' 'avatar action';align-content:start;align-items:start;padding:12px 9px 10px 7px;gap:2px 8px}.card .avatar{grid-area:avatar;width:64px;height:64px;margin:-3px 0 0 -2px;border-radius:16px}.card .title{grid-area:title;align-self:start;margin-top:-2px;font-size:14px;line-height:1.25}.card-desc{grid-area:desc;display:-webkit-box;min-height:32px;max-height:34px;margin-top:1px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:clip;font-size:10px;line-height:1.55}.card-action{position:static;grid-area:action;justify-self:start;align-self:end;min-width:68px;margin:0;padding:7px 14px;font-size:10px;text-align:center}}
@media(max-width:650px){.card{min-height:98px!important;grid-template-columns:58px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:'avatar title action' 'avatar desc action'!important;align-content:center!important;padding:9px 8px 9px 6px!important;gap:3px 7px!important}.card .avatar{width:58px!important;height:58px!important;margin:-3px 0 0 -2px!important}.card-desc{min-height:0!important;max-height:31px!important}.card-action{position:static!important;grid-area:action;align-self:center!important;min-width:52px!important;padding:7px 9px!important}}
@media(max-width:650px){.card{min-height:108px!important;grid-template-columns:60px minmax(0,1fr)!important;grid-template-rows:auto auto 30px!important;grid-template-areas:'avatar title' 'avatar desc' 'avatar action'!important;align-content:start!important;padding:9px 8px 8px 4px!important;column-gap:8px!important}.card .avatar{width:58px!important;height:58px!important;margin:5px 0 0 0!important;align-self:start!important}.card .title{margin:1px 0 0!important;align-self:start!important;position:relative!important;z-index:1!important}.card-desc{margin:0!important;align-self:start!important}.card-action{position:static!important;grid-area:action;justify-self:end!important;align-self:end!important;min-width:62px!important;margin-right:7px!important;padding:6px 11px!important}}
@media(max-width:650px){.card{padding-left:3px!important;padding-top:5px!important}.card .avatar{margin:0!important;align-self:start!important}.card-action{min-width:68px!important;margin-right:5px!important;padding:7px 13px!important;transform:translateY(4px)!important;font-size:11px!important}}
@media(max-width:650px){.card-action{width:auto!important;min-width:0!important;margin-right:7px!important;padding:6px 10px!important;transform:translateY(6px)!important;font-size:10px!important;line-height:1.2!important}}
@media(max-width:650px){.card-grid{gap:12px!important;padding:0 4px!important}.card-action{margin-right:0!important;padding:7px 11px!important;font-size:11px!important;transform:translate(2px,7px)!important}}
@media(max-width:650px){.card{min-height:94px!important;grid-template-rows:auto auto 22px!important;padding-bottom:2px!important}.card-action{justify-self:end!important;transform:translate(-2px,18px)!important}}
@media(max-width:650px){.card{padding-bottom:30px!important}.card-action{position:absolute!important;right:10px!important;bottom:3px!important;margin:0!important;transform:none!important}}
@media(max-width:650px){.card-action{right:12px!important;bottom:2px!important;width:auto!important;min-width:66px!important;height:28px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:28px!important;white-space:nowrap!important;word-break:keep-all!important}}
@media(max-width:650px){.card{height:94px!important;min-height:94px!important;max-height:94px!important;overflow:hidden!important}.card-action{right:5px!important}.card .title{max-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.card-desc{max-height:30px!important;overflow:hidden!important}}
@media(max-width:650px){.card-desc{position:absolute!important;left:72px!important;top:30px!important;right:74px!important;width:auto!important;margin:0!important;line-height:15px!important}}
@media(max-width:650px){.card .title{position:absolute!important;left:72px!important;top:6px!important;right:6px!important;width:auto!important;margin:0!important;line-height:18px!important}.card-desc{left:72px!important;top:27px!important;right:6px!important;display:-webkit-box!important;opacity:1!important;visibility:visible!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}}
@media(max-width:650px){.card .title,.card-desc{right:50px!important;color:inherit!important;opacity:1!important;visibility:visible!important}}
@media(max-width:650px){.card .title{left:auto!important;right:5px!important;top:4px!important;width:72px!important;max-width:72px!important;height:18px!important;color:#382518!important;text-align:center!important;z-index:3!important}.card-desc{left:auto!important;right:5px!important;top:5px!important;width:72px!important;max-width:72px!important;height:30px!important;color:#796251!important;text-align:center!important;z-index:3!important}.card-action{top:auto!important;right:5px!important;bottom:2px!important;width:72px!important;z-index:4!important}}
@media(max-width:650px){.card-action{top:20px!important;bottom:auto!important}}

}
/* blackgold */
@media not all {
:root{--primary:#d6a858;--primary-strong:#b98232;--accent:#f0c978;--text:#f5e4bd;--muted:#a79d8c;--bg:#090a0b;--panel:#151515;--panel-soft:#1d1b17;--line:#3c3120;--ok:#69c58f;--bad:#df8580;--warn:#edc578;--lot-shadow:none;--shadow:none;--shadow-strong:0 20px 50px rgba(0,0,0,.55);--hover-border:rgba(224,181,100,.5);--hover-shadow:none;color-scheme:dark}
html[data-theme-preset="blackgold"],html[data-theme-preset="blackgold"][data-theme="dark"],html[data-theme-preset="blackgold"][data-theme="light"]{--primary:#d6a858;--primary-strong:#b98232;--accent:#f0c978;--text:#f5e4bd;--muted:#a79d8c;--bg:#090a0b;--panel:#151515;--panel-soft:#1d1b17;--line:#3c3120;--ok:#69c58f;--bad:#df8580;--warn:#edc578;--lot-shadow:none;color-scheme:dark}
html[data-theme-preset="blackgold"] .feature-bottom-nav{border-color:#3c3120!important;background:rgba(12,13,14,.98)!important;box-shadow:none!important}html[data-theme-preset="blackgold"] .feature-bottom-item{background:transparent!important;color:#8f887d!important;box-shadow:none!important}html[data-theme-preset="blackgold"] .feature-bottom-item.active{background:#1d1b17!important;color:#e1b665!important}html[data-theme-preset="blackgold"] .feature-bottom-item:hover,html[data-theme-preset="blackgold"] .feature-bottom-item:active{background:#211c14!important;color:#edc578!important}
html,body{background:#090a0b!important;color:#f1eadc!important}.top-bg{opacity:.12!important;filter:grayscale(1) brightness(.35)!important}header{background:rgba(14,15,16,.96)!important;border-color:#302a20!important;box-shadow:none!important}header:before,header:after{opacity:.16!important}.brand-logo,.lottery-site-logo{filter:brightness(1.18) contrast(1.04) drop-shadow(0 5px 12px rgba(214,168,88,.22))!important}.nav-main-btn,.notice-center-btn{border-color:#65502d!important;background:#171717!important;color:#e8bc6d!important;box-shadow:none!important}.carousel-wrap{border-color:#463820!important;background:#111!important;box-shadow:none!important}.marquee-wrap{border-color:#3d3324!important;background:#171716!important;box-shadow:none!important}.marquee-text{color:#e6c17c!important;text-shadow:none!important}.section-head{justify-content:flex-start}.category-tabs{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none;padding:4px;border-color:#3b3327;background:#111;box-shadow:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{min-width:82px;flex:1 0 auto;border:0;background:transparent;color:#bbb2a3;box-shadow:none}.tab-btn.active{background:#e2b667;color:#17120a;border:0;box-shadow:none}.icon-ticker{padding:11px;border-color:#332c22;background:#121313;box-shadow:none}.icon-item{width:54px;height:54px;border-radius:15px;border-color:#4c402d;background:#191919;box-shadow:none}.icon-item img{border-radius:14px}.card-grid{gap:11px}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0;border:0;background:transparent;box-shadow:none}.card{min-height:116px;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:'avatar title' 'avatar desc';align-content:center;align-items:center;gap:4px 13px;padding:15px;text-align:left;border-color:#292929;border-radius:14px;background:linear-gradient(110deg,#181919,#121313);box-shadow:none}.card .avatar{grid-area:avatar;width:64px;height:64px;margin:0;border-radius:15px}.card .title{grid-area:title;width:100%;color:#f2eee6!important;font-size:16px;text-align:left}.card-desc{grid-area:desc;width:100%;color:#aaa49a!important;font-size:12px;text-align:left}.site-footer{color:#998b73}
.notice-dialog,.notice-footer{border-color:#3c3120!important;background:#151515!important;color:#f2dfb5!important}.notice-body h3{color:#f2dfb5!important}.notice-body p,.notice-day{color:#b8ad9b!important}.notice-close{background:#2a241b!important;color:#edc578!important}.notice-action{background:#b78739!important;color:#111!important}
@media(max-width:650px){.card-row{gap:7px}.card{min-height:106px;grid-template-columns:49px minmax(0,1fr);gap:3px 8px;padding:9px 7px}.card .avatar{width:49px;height:49px;border-radius:12px}.card .title{font-size:13px}.card-desc{font-size:10px}}
.card-action{position:absolute;right:13px;bottom:12px;padding:6px 15px;border:1px solid #a77b37;border-radius:999px;color:#e8bc6d;font-size:11px;font-weight:800}.card{padding-bottom:40px}@media(max-width:650px){.card-action{right:7px;bottom:7px;padding:4px 9px;font-size:9px}.card{padding-bottom:29px}}
.category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;padding:0;border:0;border-bottom:1px solid #3b3327;border-radius:0;background:transparent}.tab-btn{min-width:0;border-radius:0;border-bottom:2px solid transparent}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-row{display:contents}@media(max-width:650px){.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{gap:7px}}
.category-tabs{gap:7px;padding:6px;border:1px solid #3b3327;border-radius:18px;background:#111}.tab-btn{min-height:39px;border:1px solid #332d24;border-radius:999px!important;background:#181817}.tab-btn.active{border-color:#e2b667;border-radius:999px!important;background:#e2b667;color:#17120a}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0}@media(max-width:650px){.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tab-btn{min-height:36px;padding:6px 2px;font-size:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0}}
@media(max-width:650px){.card{min-height:98px!important;grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:'avatar title action' 'avatar desc action'!important;align-content:center!important;padding:9px 7px!important;gap:3px 7px!important}.card .avatar{width:56px!important;height:56px!important;margin:-2px 0 0 -2px!important}.card-desc{display:-webkit-box!important;max-height:31px!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important}.card-action{position:static!important;grid-area:action;align-self:center!important;min-width:50px!important;padding:6px 8px!important}}
@media(max-width:650px){.card{min-height:108px!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto 30px!important;grid-template-areas:'avatar title' 'avatar desc' 'avatar action'!important;align-content:start!important;padding:9px 8px 8px 4px!important;column-gap:8px!important}.card .avatar{width:56px!important;height:56px!important;margin:5px 0 0 0!important;align-self:start!important}.card .title{margin:1px 0 0!important;align-self:start!important;position:relative!important;z-index:1!important}.card-desc{margin:0!important;align-self:start!important}.card-action{position:static!important;grid-area:action;justify-self:end!important;align-self:end!important;min-width:60px!important;margin-right:7px!important;padding:6px 10px!important}}
@media(max-width:650px){.card{padding-left:3px!important;padding-top:5px!important}.card .avatar{margin:0!important;align-self:start!important}.card-action{min-width:68px!important;margin-right:5px!important;padding:7px 13px!important;transform:translateY(4px)!important;font-size:11px!important}}
@media(max-width:650px){.card-action{width:auto!important;min-width:0!important;margin-right:7px!important;padding:6px 10px!important;transform:translateY(6px)!important;font-size:10px!important;line-height:1.2!important}}
@media(max-width:650px){.card-grid{gap:12px!important;padding:0 4px!important}.card-action{margin-right:0!important;padding:7px 11px!important;font-size:11px!important;transform:translate(2px,7px)!important}}
@media(max-width:650px){.card{min-height:94px!important;grid-template-rows:auto auto 22px!important;padding-bottom:2px!important}.card-action{justify-self:end!important;transform:translate(-2px,18px)!important}}
@media(max-width:650px){.card{padding-bottom:30px!important}.card-action{position:absolute!important;right:10px!important;bottom:3px!important;margin:0!important;transform:none!important}}
@media(max-width:650px){.card-action{right:12px!important;bottom:2px!important;width:auto!important;min-width:66px!important;height:28px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:28px!important;white-space:nowrap!important;word-break:keep-all!important}}
@media(max-width:650px){.card{height:94px!important;min-height:94px!important;max-height:94px!important;overflow:hidden!important}.card-action{right:5px!important}.card .title{max-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.card-desc{max-height:30px!important;overflow:hidden!important}}
@media(max-width:650px){.card-desc{position:absolute!important;left:68px!important;top:30px!important;right:74px!important;width:auto!important;margin:0!important;line-height:15px!important}}
@media(max-width:650px){.card .title{position:absolute!important;left:68px!important;top:6px!important;right:6px!important;width:auto!important;margin:0!important;line-height:18px!important}.card-desc{left:68px!important;top:27px!important;right:6px!important;display:-webkit-box!important;opacity:1!important;visibility:visible!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}}
@media(max-width:650px){.card .title,.card-desc{right:50px!important;opacity:1!important;visibility:visible!important}}
@media(max-width:650px){.card .title{left:auto!important;right:5px!important;top:4px!important;width:72px!important;max-width:72px!important;height:18px!important;color:#f2eee6!important;text-align:center!important;z-index:3!important}.card-desc{left:auto!important;right:5px!important;top:5px!important;width:72px!important;max-width:72px!important;height:30px!important;color:#aaa49a!important;text-align:center!important;z-index:3!important}.card-action{top:auto!important;right:5px!important;bottom:2px!important;width:72px!important;z-index:4!important}}
@media(max-width:650px){.card-action{top:20px!important;bottom:auto!important}}

header{background:rgba(20,21,22,.96)!important;border-color:#3a3123!important}
header:before,header:after{opacity:.18!important}

.category-tabs{overflow:hidden!important}
.category-tabs::before{inset:0 auto 0 -48%!important;width:46%!important;border-radius:18px!important;background:linear-gradient(105deg,transparent,rgba(255,247,225,.06) 22%,rgba(255,247,225,.24) 50%,rgba(255,247,225,.07) 78%,transparent)!important;z-index:0!important;animation:blackgoldCategoryShine 3.8s ease-in-out infinite!important}
.category-tabs .tab-btn{position:relative;z-index:1}
@keyframes blackgoldCategoryShine{0%,12%{transform:translateX(0)}72%,100%{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.category-tabs::before{left:27%!important;animation:none!important}}

.card::after{content:"";position:absolute;top:-22%;bottom:-22%;left:-58%;width:42%;border-radius:50%;background:linear-gradient(105deg,transparent,rgba(255,247,225,.035) 20%,rgba(255,247,225,.16) 50%,rgba(255,247,225,.04) 80%,transparent);transform:skewX(-12deg);pointer-events:none;z-index:0;animation:blackgoldCardShine 5.2s ease-in-out infinite}
.card>*{z-index:1}
.card>.rec-badge{z-index:4}
.card:nth-child(2n)::after{animation-delay:-1.3s}.card:nth-child(3n)::after{animation-delay:-2.6s}.card:nth-child(4n)::after{animation-delay:-3.9s}
@keyframes blackgoldCardShine{0%,22%{left:-58%;opacity:0}34%{opacity:1}68%,100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){.card::after{display:none}}

.kefu-btn{border-color:#8e6b32!important;background:#171717!important;box-shadow:0 8px 22px rgba(0,0,0,.38)!important}
.kefu-panel{overflow:hidden!important;isolation:isolate;border-color:#4a3b25!important;background:#151515!important;color:#f2dfb5!important;box-shadow:0 22px 50px rgba(0,0,0,.5)!important}
.kefu-panel>*{position:relative;z-index:1}.kefu-panel>.kefu-close{position:absolute}
.kefu-panel h4,.kefu-val{color:#f2dfb5!important}.kefu-type{color:#aaa092!important}
.kefu-item{border-color:#342c20!important;background:#1b1916!important;color:#eee7da!important}
.kefu-close{background:#2a241b!important;color:#edc578!important}.kefu-copy{background:#b78739!important;color:#111!important}
.kefu-panel::before{content:"";position:absolute;z-index:0;top:-18%;bottom:-18%;left:-58%;width:42%;border-radius:50%;background:linear-gradient(105deg,transparent,rgba(255,247,225,.04) 20%,rgba(255,247,225,.18) 50%,rgba(255,247,225,.05) 80%,transparent);transform:skewX(-12deg);pointer-events:none;animation:blackgoldKefuShine 4.6s ease-in-out infinite}
@keyframes blackgoldKefuShine{0%,18%{left:-58%;opacity:0}32%{opacity:1}72%,100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){.kefu-panel::before{display:none}}

}
/* jade */
@media not all {
html:not([data-theme="dark"]){--primary:#147a58;--primary-strong:#0b6044;--accent:#38a77e;--text:#123c31;--muted:#58756c;--hover-border:rgba(20,122,88,.34);--hover-shadow:0 10px 22px rgba(14,96,68,.16)}
html:not([data-theme="dark"]) body{background:radial-gradient(900px 500px at 10% -10%,rgba(56,167,126,.15),transparent 60%),linear-gradient(180deg,#f5fffb,#eaf7f2 48%,#f8fcfa)}
html:not([data-theme="dark"]) header{background:linear-gradient(180deg,rgba(230,248,241,.98),rgba(208,236,225,.92))}
html:not([data-theme="dark"]) .tab-btn.active,html:not([data-theme="dark"]) .kefu-copy,html:not([data-theme="dark"]) .notice-action{background:linear-gradient(135deg,#147a58,#38a77e);border-color:#147a58}
html:not([data-theme="dark"]) .marquee-wrap{background:linear-gradient(90deg,#e8f8f1,#d5efe4);border-color:#b9dfcf}
.section-head{justify-content:flex-start}.category-tabs{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none;padding:5px;border-color:#cce8dc;background:rgba(245,255,251,.86);box-shadow:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{min-width:86px;flex:1 0 auto;box-shadow:none}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.card{min-height:116px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-areas:'avatar title' 'avatar desc';align-content:center;align-items:center;gap:4px 12px;padding:15px;text-align:left;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(24,99,75,.07)}.card .avatar{grid-area:avatar;width:62px;height:62px;margin:0;border-radius:15px}.card .title{grid-area:title;width:100%;font-size:16px;text-align:left}.card-desc{grid-area:desc;width:100%;font-size:12px;text-align:left}.icon-ticker{padding:11px;border-radius:16px;border-color:#d1e9df}.icon-item{width:54px;height:54px;border-radius:15px;box-shadow:none}.icon-item img{border-radius:14px}
@media(max-width:650px){.card-row{gap:8px}.card{min-height:108px;grid-template-columns:50px minmax(0,1fr);gap:3px 8px;padding:10px 8px}.card .avatar{width:50px;height:50px;border-radius:13px}.card .title{font-size:13px}.card-desc{font-size:10px}}
.card-action{position:absolute;right:13px;bottom:12px;padding:6px 15px;border-radius:999px;background:#147a58;color:#fff;font-size:11px;font-weight:800}.card{padding-bottom:40px}@media(max-width:650px){.card-action{right:7px;bottom:7px;padding:4px 9px;font-size:9px}.card{padding-bottom:29px}}
.category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.tab-btn{min-width:0;border-radius:8px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card-row{display:contents}@media(max-width:650px){.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(max-width:650px){.card{min-height:98px!important;grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:'avatar title action' 'avatar desc action'!important;align-content:center!important;padding:9px 7px!important;gap:3px 7px!important}.card .avatar{width:56px!important;height:56px!important;margin:-2px 0 0 -2px!important}.card-desc{display:-webkit-box!important;max-height:31px!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important}.card-action{position:static!important;grid-area:action;align-self:center!important;min-width:50px!important;padding:6px 8px!important}}
@media(max-width:650px){.card{min-height:108px!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto 30px!important;grid-template-areas:'avatar title' 'avatar desc' 'avatar action'!important;align-content:start!important;padding:9px 8px 8px 4px!important;column-gap:8px!important}.card .avatar{width:56px!important;height:56px!important;margin:5px 0 0 0!important;align-self:start!important}.card .title{margin:1px 0 0!important;align-self:start!important;position:relative!important;z-index:1!important}.card-desc{margin:0!important;align-self:start!important}.card-action{position:static!important;grid-area:action;justify-self:end!important;align-self:end!important;min-width:60px!important;margin-right:7px!important;padding:6px 10px!important}}
@media(max-width:650px){.card{padding-left:3px!important;padding-top:5px!important}.card .avatar{margin:0!important;align-self:start!important}.card-action{min-width:68px!important;margin-right:5px!important;padding:7px 13px!important;transform:translateY(4px)!important;font-size:11px!important}}
@media(max-width:650px){.card-action{width:auto!important;min-width:0!important;margin-right:7px!important;padding:6px 10px!important;transform:translateY(6px)!important;font-size:10px!important;line-height:1.2!important}}
@media(max-width:650px){.card-grid{gap:12px!important;padding:0 4px!important}.card-action{margin-right:0!important;padding:7px 11px!important;font-size:11px!important;transform:translate(2px,7px)!important}}
@media(max-width:650px){.card{min-height:94px!important;grid-template-rows:auto auto 22px!important;padding-bottom:2px!important}.card-action{justify-self:end!important;transform:translate(-2px,18px)!important}}
@media(max-width:650px){.card{padding-bottom:30px!important}.card-action{position:absolute!important;right:10px!important;bottom:3px!important;margin:0!important;transform:none!important}}
@media(max-width:650px){.card-action{right:12px!important;bottom:2px!important;width:auto!important;min-width:66px!important;height:28px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:28px!important;white-space:nowrap!important;word-break:keep-all!important}}
@media(max-width:650px){.card{height:94px!important;min-height:94px!important;max-height:94px!important;overflow:hidden!important}.card-action{right:5px!important}.card .title{max-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.card-desc{max-height:30px!important;overflow:hidden!important}}
@media(max-width:650px){.card-desc{position:absolute!important;left:68px!important;top:30px!important;right:74px!important;width:auto!important;margin:0!important;line-height:15px!important}}
@media(max-width:650px){.card .title{position:absolute!important;left:68px!important;top:6px!important;right:6px!important;width:auto!important;margin:0!important;line-height:18px!important}.card-desc{left:68px!important;top:27px!important;right:6px!important;display:-webkit-box!important;opacity:1!important;visibility:visible!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}}
@media(max-width:650px){.card .title,.card-desc{right:50px!important;color:inherit!important;opacity:1!important;visibility:visible!important}}
@media(max-width:650px){.card .title{left:auto!important;right:5px!important;top:4px!important;width:72px!important;max-width:72px!important;height:18px!important;color:#123c31!important;text-align:center!important;z-index:3!important}.card-desc{left:auto!important;right:5px!important;top:5px!important;width:72px!important;max-width:72px!important;height:30px!important;color:#58756c!important;text-align:center!important;z-index:3!important}.card-action{top:auto!important;right:5px!important;bottom:2px!important;width:72px!important;z-index:4!important}}
@media(max-width:650px){.card-action{top:20px!important;bottom:auto!important}}

}
/* purple */
@media not all {
html:not([data-theme="dark"]){--primary:#67598c;--primary-strong:#514370;--accent:#998cbd;--text:#29243b;--muted:#766f87;--hover-border:rgba(103,89,140,.36);--hover-shadow:0 10px 24px rgba(83,67,119,.14)}
html:not([data-theme="dark"]) body{background:radial-gradient(850px 480px at 100% 0,rgba(131,113,174,.16),transparent 62%),linear-gradient(180deg,#faf9fd,#efeff5 48%,#f8f8fb)}html:not([data-theme="dark"]) header{background:linear-gradient(180deg,rgba(247,245,251,.98),rgba(229,227,238,.94))}.carousel-wrap{border-radius:20px}.section-head{justify-content:flex-start}.category-tabs{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none;padding:4px;border:0;background:rgba(244,242,249,.84);box-shadow:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{min-width:88px;flex:1 0 auto;border:0;border-radius:999px;background:rgba(255,255,255,.68);box-shadow:none}.tab-btn.active{background:#67598c;color:#fff;box-shadow:none}.icon-ticker{padding:12px;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 10px 26px rgba(79,66,109,.08)}.icon-item{width:54px;height:54px;border-radius:16px;background:#fff;box-shadow:0 5px 14px rgba(70,61,91,.08)}.icon-item img{border-radius:15px}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0;background:transparent;box-shadow:none}.card{min-height:126px;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:'avatar title' 'avatar desc';align-content:center;align-items:center;gap:4px 15px;padding:17px;text-align:left;border-radius:19px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(68,56,94,.08)}.card .avatar{grid-area:avatar;width:72px;height:72px;margin:0;border-radius:18px}.card .title{grid-area:title;width:100%;font-size:17px;text-align:left}.card-desc{grid-area:desc;width:100%;font-size:12px;text-align:left}
@media(max-width:650px){.card-row{gap:8px}.card{min-height:112px;grid-template-columns:53px minmax(0,1fr);gap:3px 8px;padding:10px 8px}.card .avatar{width:53px;height:53px;border-radius:14px}.card .title{font-size:13px}.card-desc{font-size:10px}}
.card-action{position:absolute;right:13px;bottom:12px;padding:6px 15px;border-radius:999px;background:#ebe8f3;color:#594977;font-size:11px;font-weight:800}.card{padding-bottom:40px}@media(max-width:650px){.card-action{right:7px;bottom:7px;padding:4px 9px;font-size:9px}.card{padding-bottom:29px}}
.category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}.tab-btn{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-row{display:contents}@media(max-width:650px){.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

}
/* sea */
@media not all {
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-row{display:contents}
.section-head{justify-content:flex-start}
.category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:none;gap:7px;padding:6px;border:0;border-radius:16px;overflow:visible}
.tab-btn{min-width:0;padding:10px 6px;min-height:42px;border:1px solid var(--ui-line);border-radius:20px;font-size:13px;box-shadow:none}
.card{position:relative;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-areas:"avatar title" "avatar desc" "avatar action";grid-template-rows:20px 30px 28px;align-items:start;align-content:start;gap:5px 12px;min-height:0;height:112px;padding:12px;border-radius:16px;text-align:left;box-shadow:0 3px 14px color-mix(in srgb,var(--ui-primary) 5%,transparent);overflow:hidden}
.card .avatar{grid-area:avatar;position:static;width:60px;height:60px;margin:0;justify-self:start;border-radius:18px}
.card .title{grid-area:title;position:static;min-width:0;width:100%;margin:0;font-size:14px;line-height:20px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .card-desc{grid-area:desc;position:static;width:100%;margin:0;min-height:0;max-height:30px;font-size:11px;line-height:15px;text-align:left;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card .card-action{grid-area:action;position:static;display:block;width:100%;max-width:100%;height:28px;line-height:28px;padding:0 8px;margin:0;border-radius:20px;font-size:12px;font-weight:700;text-align:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icon-ticker{padding:10px;border-radius:16px}.icon-item{width:52px;height:52px;border-radius:50%}.icon-item img{border-radius:50%}
.carousel-wrap{border-radius:16px}
@media(min-width:1000px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px}.tab-btn{min-height:38px;padding:8px 3px;font-size:11px}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.card{grid-template-columns:clamp(40px,12vw,52px) minmax(0,1fr);grid-template-rows:18px 28px 26px;gap:4px 7px;padding:9px 7px;height:103px}
.card .avatar{width:clamp(40px,12vw,52px);height:clamp(40px,12vw,52px)}
.card .title{font-size:12px;line-height:18px}.card .card-desc{font-size:10px;line-height:14px;max-height:28px}.card .card-action{height:26px;line-height:26px;font-size:11px}
}

}
/* coral */
@media not all {
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.card-row{display:contents}
.section-head{justify-content:flex-start}
.category-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:none;gap:7px;padding:6px;border:0;border-radius:14px;overflow:visible}
.tab-btn{min-width:0;padding:10px 6px;min-height:42px;border:1px solid var(--ui-line);border-radius:10px;font-size:13px;box-shadow:none}
.card{position:relative;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"avatar" "title" "desc" "action";grid-template-rows:60px 20px 30px 28px;align-items:start;align-content:start;gap:5px 12px;min-height:0;height:182px;padding:12px;border-radius:14px;text-align:center;box-shadow:0 3px 14px color-mix(in srgb,var(--ui-primary) 5%,transparent);overflow:hidden}
.card .avatar{grid-area:avatar;position:static;width:60px;height:60px;margin:0;justify-self:center;border-radius:16px}
.card .title{grid-area:title;position:static;min-width:0;width:100%;margin:0;font-size:14px;line-height:20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .card-desc{grid-area:desc;position:static;width:100%;margin:0;min-height:0;max-height:30px;font-size:11px;line-height:15px;text-align:center;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card .card-action{grid-area:action;position:static;display:block;width:100%;max-width:100%;height:28px;line-height:28px;padding:0 8px;margin:0;border-radius:8px;font-size:12px;font-weight:700;text-align:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icon-ticker{padding:10px;border-radius:14px}.icon-item{width:52px;height:52px;border-radius:50%}.icon-item img{border-radius:50%}
.carousel-wrap{border-radius:14px}
@media(min-width:1000px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){
.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px}.tab-btn{min-height:38px;padding:8px 3px;font-size:11px}
.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.card{grid-template-columns:minmax(0,1fr);grid-template-rows:48px 18px 28px 26px;gap:4px 7px;padding:9px 7px;height:153px}
.card .avatar{width:48px;height:48px}
.card .title{font-size:12px;line-height:18px}.card .card-desc{font-size:10px;line-height:14px;max-height:28px}.card .card-action{height:26px;line-height:26px;font-size:11px}
}

}
/* midnight */
@media not all {
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-row{display:contents}
.section-head{justify-content:flex-start}
.category-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:none;gap:7px;padding:6px;border:0;border-radius:12px;overflow:visible}
.tab-btn{min-width:0;padding:10px 6px;min-height:42px;border:1px solid var(--ui-line);border-radius:8px;font-size:13px;box-shadow:none}
.card{position:relative;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-areas:"avatar title" "avatar desc" "avatar action";grid-template-rows:20px 30px 28px;align-items:start;align-content:start;gap:5px 12px;min-height:0;height:112px;padding:12px;border-radius:12px;text-align:left;box-shadow:0 3px 14px color-mix(in srgb,var(--ui-primary) 5%,transparent);overflow:hidden}
.card .avatar{grid-area:avatar;position:static;width:60px;height:60px;margin:0;justify-self:start;border-radius:12px}
.card .title{grid-area:title;position:static;min-width:0;width:100%;margin:0;font-size:14px;line-height:20px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .card-desc{grid-area:desc;position:static;width:100%;margin:0;min-height:0;max-height:30px;font-size:11px;line-height:15px;text-align:left;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card .card-action{grid-area:action;position:static;display:block;width:100%;max-width:100%;height:28px;line-height:28px;padding:0 8px;margin:0;border-radius:8px;font-size:12px;font-weight:700;text-align:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icon-ticker{padding:10px;border-radius:12px}.icon-item{width:52px;height:52px;border-radius:50%}.icon-item img{border-radius:50%}
.carousel-wrap{border-radius:12px}
@media(min-width:1000px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px}.tab-btn{min-height:38px;padding:8px 3px;font-size:11px}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.card{grid-template-columns:clamp(40px,12vw,52px) minmax(0,1fr);grid-template-rows:18px 28px 26px;gap:4px 7px;padding:9px 7px;height:103px}
.card .avatar{width:clamp(40px,12vw,52px);height:clamp(40px,12vw,52px)}
.card .title{font-size:12px;line-height:18px}.card .card-desc{font-size:10px;line-height:14px;max-height:28px}.card .card-action{height:26px;line-height:26px;font-size:11px}
}

}
/* global */
@media not all {
html[data-theme-preset="classic"]{--ui-primary:#1f6feb;--ui-strong:#0b5ad9;--ui-accent:#59a8ff;--ui-bg:#f4f7fb;--ui-panel:#ffffff;--ui-soft:#eaf2ff;--ui-text:#10213a;--ui-muted:#617087;--ui-line:#dce5f0;--ui-on:#ffffff}
html[data-theme-preset="classic"][data-theme="dark"]{--ui-primary:#8eb9ff;--ui-strong:var(--ui-primary);--ui-bg:#101722;--ui-panel:#192331;--ui-soft:#223143;--ui-text:#edf2f8;--ui-muted:#a9b7c8;--ui-line:#344255;--ui-on:#111b28}
html[data-theme-preset="blue"]{--ui-primary:#2268cf;--ui-strong:#174ea6;--ui-accent:#599bfa;--ui-bg:#f2f6fc;--ui-panel:#ffffff;--ui-soft:#e8f0fc;--ui-text:#152b47;--ui-muted:#62758c;--ui-line:#dce5f1;--ui-on:#ffffff}
html[data-theme-preset="blue"][data-theme="dark"]{--ui-primary:#8eb9ff;--ui-strong:var(--ui-primary);--ui-bg:#101722;--ui-panel:#192331;--ui-soft:#223143;--ui-text:#edf2f8;--ui-muted:#a9b7c8;--ui-line:#344255;--ui-on:#111b28}
html[data-theme-preset="warm"]{--ui-primary:#a86124;--ui-strong:#814819;--ui-accent:#d8a467;--ui-bg:#fbf4eb;--ui-panel:#fffdf9;--ui-soft:#f5e8d6;--ui-text:#382518;--ui-muted:#796251;--ui-line:#e9dac7;--ui-on:#ffffff}
html[data-theme-preset="warm"][data-theme="dark"]{--ui-primary:#efbd86;--ui-strong:var(--ui-primary);--ui-bg:#17120e;--ui-panel:#211a14;--ui-soft:#302319;--ui-text:#f5eee7;--ui-muted:#c3ad99;--ui-line:#493726;--ui-on:#17110c}
html[data-theme-preset="blackgold"]{--ui-primary:#d6a858;--ui-strong:#edc578;--ui-accent:#b78739;--ui-bg:#090a0b;--ui-panel:#151515;--ui-soft:#211c14;--ui-text:#eee7da;--ui-muted:#b5aa99;--ui-line:#3c3120;--ui-on:#15110b}
html[data-theme-preset="jade"]{--ui-primary:#147a58;--ui-strong:#0b6044;--ui-accent:#45aa85;--ui-bg:#edf8f3;--ui-panel:#fafffc;--ui-soft:#e0f2e9;--ui-text:#17372d;--ui-muted:#58766b;--ui-line:#c8e4d8;--ui-on:#ffffff}
html[data-theme-preset="jade"][data-theme="dark"]{--ui-primary:#7bceac;--ui-strong:var(--ui-primary);--ui-bg:#0d1714;--ui-panel:#14221d;--ui-soft:#1d3129;--ui-text:#eaf6f1;--ui-muted:#9fbeb1;--ui-line:#2c493e;--ui-on:#0d1814}
html[data-theme-preset="purple"]{--ui-primary:#67598c;--ui-strong:#51446f;--ui-accent:#998cbd;--ui-bg:#f1f0f6;--ui-panel:#faf9fc;--ui-soft:#e9e5f1;--ui-text:#302a40;--ui-muted:#706a80;--ui-line:#d9d4e6;--ui-on:#ffffff}
html[data-theme-preset="purple"][data-theme="dark"]{--ui-primary:#c0b1e6;--ui-strong:var(--ui-primary);--ui-bg:#14121a;--ui-panel:#1e1a27;--ui-soft:#2b2438;--ui-text:#f2eef9;--ui-muted:#b8aec8;--ui-line:#433951;--ui-on:#15111d}
html[data-theme-preset="sea"]{--ui-primary:#087e83;--ui-strong:#07636a;--ui-accent:#4ca8ac;--ui-bg:#eff9f8;--ui-panel:#ffffff;--ui-soft:#dbf1ef;--ui-text:#153b40;--ui-muted:#59767a;--ui-line:#cce5e3;--ui-on:#ffffff}
html[data-theme-preset="sea"][data-theme="dark"]{--ui-primary:#80d3d0;--ui-strong:var(--ui-primary);--ui-bg:#0c1718;--ui-panel:#132224;--ui-soft:#1b3032;--ui-text:#eaf6f6;--ui-muted:#a0bdbe;--ui-line:#2b4749;--ui-on:#0b1718}
html[data-theme-preset="coral"]{--ui-primary:#bc4d52;--ui-strong:#943d43;--ui-accent:#e28d8b;--ui-bg:#fff5f2;--ui-panel:#ffffff;--ui-soft:#fbe4df;--ui-text:#472d32;--ui-muted:#8b6b70;--ui-line:#efd7d3;--ui-on:#ffffff}
html[data-theme-preset="coral"][data-theme="dark"]{--ui-primary:#f0aaa8;--ui-strong:var(--ui-primary);--ui-bg:#191113;--ui-panel:#25181b;--ui-soft:#352125;--ui-text:#faeeee;--ui-muted:#c8aaaa;--ui-line:#50343a;--ui-on:#1b1012}
html[data-theme-preset="midnight"]{--ui-primary:#b0a4fa;--ui-strong:#c9bfff;--ui-accent:#8074cf;--ui-bg:#101326;--ui-panel:#1d223d;--ui-soft:#292f51;--ui-text:#f0effc;--ui-muted:#a6aecb;--ui-line:#363d60;--ui-on:#16152b}

html[data-theme-preset][data-theme],html[data-theme-preset][data-theme] body{
--primary:var(--ui-primary)!important;--primary-strong:var(--ui-strong)!important;--accent:var(--ui-accent)!important;
--bg:var(--ui-bg)!important;--panel:var(--ui-panel)!important;--surface:var(--ui-panel)!important;--panel-soft:var(--ui-soft)!important;--soft:var(--ui-soft)!important;--text:var(--ui-text)!important;--ink:var(--ui-text)!important;--muted:var(--ui-muted)!important;--line:var(--ui-line)!important;
--blue:var(--ui-primary)!important;--blue-deep:var(--ui-strong)!important;
--f-blue:var(--ui-primary)!important;--f-blue2:var(--ui-accent)!important;--f-text:var(--ui-text)!important;--f-muted:var(--ui-muted)!important;--f-border:var(--ui-line)!important;
--gg-blue:var(--ui-primary)!important;--gg-blue-deep:var(--ui-strong)!important;--gg-ink:var(--ui-text)!important;--gg-deep:var(--ui-text)!important;--gg-muted:var(--ui-muted)!important;--gg-bg:var(--ui-bg)!important;--gg-line:var(--ui-line)!important;--gg-soft:var(--ui-soft)!important;
--dy-blue:var(--ui-primary)!important;--dy-red:var(--ui-primary)!important;--dy-text:var(--ui-text)!important;--dy-muted:var(--ui-muted)!important;--dy-line:var(--ui-line)!important;
--tj-bg:var(--ui-bg)!important;--tj-panel:var(--ui-panel)!important;--tj-text:var(--ui-text)!important;--tj-muted:var(--ui-muted)!important;--tj-line:var(--ui-line)!important;--tj-blue:var(--ui-primary)!important;--tj-soft:var(--ui-soft)!important;
background:var(--ui-bg)!important;color:var(--ui-text)!important}
html[data-theme-preset="blackgold"],html[data-theme-preset="midnight"],html[data-theme="dark"]{color-scheme:dark}
html[data-theme-preset][data-theme] body :is(.feature-spa-stage,.feature-spa-frame,.feature-spa-loading,.reward-drawer,.reward-drawer-page,.reward-rule-fixed,.gg-page,.dy-page,.tj-page){background:var(--ui-bg)!important;color:var(--ui-text)!important}
html[data-theme-preset][data-theme] body .fixed-area header{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.feature-head,.kj-head){border-bottom:1px solid var(--ui-line)!important}
html[data-theme-preset][data-theme] body :is(.feature-bottom-nav,.notice-dialog,.notice-footer,.kefu-panel,.kefu-item,.discover-row,.feature-empty,.plan,.panel,.hero,.state,.rule-benefits,.gg-intro,.gg-card,.gg-detail,.gg-detail-head,.gg-detail-foot,.dy-detail,.dy-player-dialog,.dy-player-dialog>header,.kf-welcome,.kf-contact,.kf-note,.kf-state,.tj-featured,.tj-card,.lot-panel,.summary-card,.predict-card){background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.tab,.gg-tabs button,.dy-categories button,.dy-player-episodes button,.dy-more,.dy-search,.search,.app,.rule,.planinfo div,.steps span,.kf-contact button,.theme-toggle,.notice-close,.kefu-close,.gg-close,.dy-close,.gg-lightbox>header button,.dy-player-dialog>header button){background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.hero h1,.hero-return,.head h2,.plan h3,.gg-head h1,.gg-intro h2,.gg-copy h3,.gg-detail h2,.discover-copy b,.kf-head h1,.kf-welcome h2,.dy-head h1,.dy-card h3,.dy-detail-copy h2,.tj-head h1,.tj-card h3,.feature-head h1,.kj-head h1){color:var(--ui-text)!important;text-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.hero p,.gg-intro p,.gg-copy p,.gg-content,.discover-copy small,.kf-note,.notice-day,.notice-body p,.dy-detail-copy p,.tj-card p,.kf-welcome p){color:var(--ui-muted)!important;text-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.feature-bottom-item,.discover-side){color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
html[data-theme-preset][data-theme] body .feature-bottom-item.active{color:var(--ui-primary)!important;background:transparent!important}
html[data-theme-preset][data-theme] body :is(.tab.active,.view,.gg-tabs button.current,.dy-categories button.current,.dy-player-episodes button.current){background:var(--ui-soft)!important;border-color:var(--ui-primary)!important;color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body :is(.notice-action,.kefu-copy,.kf-contact button.primary,.gg-join,.gg-detail-foot button,.dy-watch,.feature-button){background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:var(--ui-on)!important}
html[data-theme-preset][data-theme] body :is(.hero-return,.gg-back,.dy-back,.tj-back,.kf-head>button){background:transparent!important;border-color:var(--ui-line)!important;color:var(--ui-primary)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.gg-head,.dy-head,.tj-head,.kf-head){background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.gg-head .gg-back,.dy-head .dy-back,.tj-head .tj-back,.kf-head>button){background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;-webkit-tap-highlight-color:transparent!important}
html[data-theme-preset][data-theme] body :is(.gg-head,.dy-head,.tj-head,.kf-head),html[data-theme-preset][data-theme] body :is(.gg-head,.dy-head,.tj-head,.kf-head)::before,html[data-theme-preset][data-theme] body :is(.gg-head,.dy-head,.tj-head,.kf-head)::after{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme-preset][data-theme] body :is(.gg-head .gg-back,.dy-head .dy-back,.tj-head .tj-back,.kf-head>button),html[data-theme-preset][data-theme] body :is(.gg-head .gg-back,.dy-head .dy-back,.tj-head .tj-back,.kf-head>button):is(:hover,:active,:focus,:focus-visible){appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;filter:none!important;text-shadow:none!important;-webkit-tap-highlight-color:transparent!important}
html[data-theme-preset][data-theme] body :is(.gg-head .gg-back,.dy-head .dy-back,.tj-head .tj-back,.kf-head>button)::before,html[data-theme-preset][data-theme] body :is(.gg-head .gg-back,.dy-head .dy-back,.tj-head .tj-back,.kf-head>button)::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body :is(.fixed-area header,.feature-head,.feature-brand-head,.kj-head,.lottery-head),html[data-theme-preset][data-theme] body :is(.fixed-area header,.feature-head,.feature-brand-head,.kj-head,.lottery-head)::before,html[data-theme-preset][data-theme] body :is(.fixed-area header,.feature-head,.feature-brand-head,.kj-head,.lottery-head)::after{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme-preset][data-theme] body :is(.fixed-area header,.feature-head,.feature-brand-head,.kj-head,.lottery-head){background:var(--ui-panel)!important;background:color-mix(in srgb,var(--ui-soft) 45%,var(--ui-panel))!important;border-bottom:1px solid var(--ui-line)!important}
html[data-theme-preset][data-theme] body :is(.brand-logo,.feature-site-logo,.lottery-site-logo){filter:none!important;box-shadow:none!important;background:transparent!important}
html[data-theme-preset][data-theme] body .top-bg{top:55px!important}
html[data-theme-preset][data-theme] body .dy-detail-art:after{background:linear-gradient(transparent,var(--ui-panel))!important}
html[data-theme-preset][data-theme] body .hero:after{background:var(--ui-soft)!important}
html[data-theme-preset][data-theme] body .discover-icon{background:transparent!important;border-color:var(--ui-line)!important}
html[data-theme-preset][data-theme] body :is(button,a){-webkit-tap-highlight-color:transparent}
html[data-theme-preset][data-theme] body :is(button,a):focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}
html[data-theme-preset][data-theme] body .card-grid{min-width:0}
html[data-theme-preset][data-theme] body .category-state{grid-column:1/-1;text-align:center;place-items:center}
html[data-theme-preset][data-theme] body .vue-icon-track{animation-play-state:running}
html[data-theme-preset][data-theme] body :is(.category-tabs,.icon-ticker,.marquee-wrap){background:var(--ui-soft)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body .marquee-text{color:var(--ui-text)!important;text-shadow:none!important}
html[data-theme-preset][data-theme] body .tab-btn{background:var(--ui-panel)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important;box-shadow:none!important;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
html[data-theme-preset][data-theme] body .tab-btn.active{background:var(--ui-primary)!important;color:var(--ui-on)!important;border-color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body .card{background:var(--ui-panel)!important;border-color:var(--ui-line)!important}
html[data-theme-preset][data-theme] body .card .title{color:var(--ui-text)!important}
html[data-theme-preset][data-theme] body .card .card-desc{color:var(--ui-muted)!important}
html[data-theme-preset][data-theme] body .card .card-action{background:var(--ui-soft)!important;color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body .rec-badge{z-index:6}
html[data-theme-preset][data-theme] body :is(.nav-links a,.nav-main-btn){background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body .card-action{max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme-preset][data-theme] body .category-tabs{overflow:visible;max-width:100%}
html[data-theme-preset][data-theme] body :is(.tj-detail,.tj-empty,.tj-search,.gg-empty,.dy-empty,.boot-shell,.boot-bar,.boot-card){background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
html[data-theme-preset][data-theme] body :is(.tj-featured-main,.tj-tabs button,.tj-shuffle,.tj-detail-actions button){background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
html[data-theme-preset][data-theme] body :is(.tj-featured-main p,.tj-featured-main small,.tj-card-type,.tj-card-foot){color:var(--ui-muted)!important}
html[data-theme-preset][data-theme] body :is(.tj-icon,.tj-card-foot span:last-child){color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body :is(.tj-tabs button.current,.tj-detail-actions .primary){background:var(--ui-primary)!important;color:var(--ui-on)!important;border-color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body .tj-tabs{flex-wrap:wrap;overflow:visible}
html[data-theme-preset][data-theme] body .card .avatar{box-shadow:0 2px 8px color-mix(in srgb,var(--ui-primary) 12%,transparent)!important}
html:is([data-theme-preset="sea"],[data-theme-preset="coral"],[data-theme-preset="midnight"]) body .top-bg{opacity:.06;filter:grayscale(1)}
html[data-theme-preset="midnight"] body .top-bg{display:none}
html[data-theme-preset][data-theme] body .brand .logo{background:var(--ui-primary);color:var(--ui-on);box-shadow:none}
html[data-theme-preset][data-theme] body .fixed-area header:before{opacity:.12}
html[data-theme-preset][data-theme] body .fixed-area header:after{background:var(--ui-line);height:1px}
html[data-theme-preset][data-theme] body .fixed-area>header{height:55px;min-height:55px}
html[data-theme-preset][data-theme] body .fixed-area>header .nav,html[data-theme-preset][data-theme] body .feature-brand-head,html[data-theme-preset][data-theme] body .lottery-head{height:55px;min-height:55px;padding:5px 20px;align-items:center;box-sizing:border-box}
html[data-theme-preset][data-theme] body :is(.brand-logo,.feature-site-logo,.lottery-site-logo){display:block;width:auto;height:44px;max-width:176px;object-fit:contain;transform:translateY(2px)}
html[data-theme-preset][data-theme] body :is(.brand .logo,.feature-logo-fallback,.lottery-logo-fallback){width:40px;height:40px;flex:none}
@media(max-width:640px){html[data-theme-preset][data-theme] body .fixed-area>header{height:51px;min-height:51px}html[data-theme-preset][data-theme] body .fixed-area>header .nav,html[data-theme-preset][data-theme] body .feature-brand-head,html[data-theme-preset][data-theme] body .lottery-head{height:51px;min-height:51px;padding:5px 12px}html[data-theme-preset][data-theme] body :is(.brand-logo,.feature-site-logo,.lottery-site-logo){height:40px;max-width:156px}html[data-theme-preset][data-theme] body .top-bg{top:51px!important}}
html[data-theme-preset][data-theme] body :is(.rule-benefits b,.planinfo b,.reward-activity-time b,.reward-rule-head b,.rule-benefits strong,.app b,.kf-contact strong,.notice-body h3){color:var(--ui-text)!important}
html[data-theme-preset][data-theme] body :is(.reward-drawer-back,.reward-rule-head button,.money,.gg-type,.rule .num){color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body :is(.rule-benefits small,.reward-activity-time small,.planinfo small,.app small){color:var(--ui-muted)!important}
html[data-theme-preset][data-theme] body :is(.notice,.gg-notice,.rule .num,.gg-type){background:var(--ui-soft)!important;border-color:var(--ui-line)!important}
html[data-theme-preset][data-theme] body .notice{color:var(--ui-muted)!important}
html[data-theme-preset][data-theme] body :is(.reward-rule-head,.reward-activity-time,.platform-head){border-color:var(--ui-line)!important}

/* Matched theme surfaces for migrated Vue feature pages. */
html[data-theme-preset="classic"][data-theme="light"]{--ui-primary:#286ee8;--ui-strong:#1758bf;--ui-accent:#59a9f7;--ui-bg:#f4f8ff;--ui-soft:#e9f2ff;--ui-text:#11243d;--ui-muted:#61758e;--ui-line:#d7e4f5}
html[data-theme-preset="blue"][data-theme="light"]{--ui-primary:#1975d2;--ui-strong:#105aa9;--ui-accent:#55b7e8;--ui-bg:#f4faff;--ui-soft:#e6f4fc;--ui-text:#0d2944;--ui-muted:#5c748c;--ui-line:#d0e7f5}
html[data-theme-preset="classic"][data-theme="dark"]{--ui-primary:#8cbcff;--ui-strong:#6da6f5;--ui-accent:#acd5ff;--ui-on:#0c1d35}
html[data-theme-preset="blue"][data-theme="dark"]{--ui-primary:#82c9ef;--ui-strong:#64b4e2;--ui-accent:#a9e4f7;--ui-on:#092232}
html[data-theme-preset][data-theme="light"]{--feature-elevation:0 8px 24px color-mix(in srgb,var(--ui-primary) 10%,transparent)}
html[data-theme-preset][data-theme="dark"]{--feature-elevation:0 10px 28px rgba(0,0,0,.22)}
html[data-theme-preset][data-theme] body .app-shell :is(.discover-row,.gg-card,.dy-card,.tj-card,.kf-contact,.plan,.summary-card,.predict-card){border-color:color-mix(in srgb,var(--ui-primary) 16%,var(--ui-line))!important;box-shadow:var(--feature-elevation)!important}
html[data-theme-preset][data-theme] body .app-shell :is(.gg-tabs button.current,.dy-categories button.current,.tj-tabs button.current,.tab.active){border-color:var(--ui-primary)!important;background:var(--ui-primary)!important;color:var(--ui-on)!important}
html[data-theme-preset][data-theme] body .app-shell :is(.notice-action,.kefu-copy,.kf-contact button.primary,.gg-join,.gg-detail-foot button,.dy-watch,.feature-button){background:var(--ui-primary)!important;color:var(--ui-on)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--ui-primary) 20%,transparent)!important}
@media(max-width:650px){
html[data-theme-preset="purple"] body .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
html[data-theme-preset="purple"] body .category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html[data-theme-preset] .card{transition:none!important}html[data-theme-preset] .card:before,html[data-theme-preset] .card:after,html[data-theme-preset] .tab-btn:before{animation:none!important}}

/* 内页共用主页 Logo：使用当前主题的半透明玻璃层。 */
html[data-theme-preset][data-theme] body .app-shell.feature-active .shared-header-shell{background:transparent!important}
html[data-theme-preset][data-theme] body .app-shell.feature-active .brand-bar{background:color-mix(in srgb,var(--ui-panel) 72%,transparent)!important;background-image:none!important;border-color:color-mix(in srgb,var(--ui-primary) 30%,var(--ui-line))!important;color:var(--ui-text)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--ui-bg) 34%,transparent),inset 0 1px color-mix(in srgb,#fff 22%,transparent)!important;filter:none!important;backdrop-filter:blur(16px) saturate(1.12)!important;-webkit-backdrop-filter:blur(16px) saturate(1.12)!important}
html[data-theme-preset][data-theme] body .app-shell.feature-active .brand-bar::before,html[data-theme-preset][data-theme] body .app-shell.feature-active .brand-bar::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.data-loading,.feature-spa-loading{min-height:150px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;color:var(--ui-muted,var(--muted,#718096))!important;text-align:center!important}.data-loading:before,.feature-spa-loading:before{content:"";display:block;width:38px;height:38px;border:4px solid color-mix(in srgb,var(--ui-text,#718096) 18%,transparent);border-top-color:var(--ui-primary,var(--primary,#1f6feb));border-radius:50%;animation:data-loading-spin .8s linear infinite}.data-loading strong{display:block;color:var(--ui-text,var(--text,#1f2937))!important}.data-loading.compact{min-height:90px!important}.data-loading.compact:before{width:28px;height:28px;border-width:3px}@keyframes data-loading-spin{to{transform:rotate(360deg)}}

html[data-app-columns] body .card-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
html[data-app-columns] body .card-row{display:grid!important;grid-template-columns:repeat(var(--app-columns,4),minmax(0,1fr))!important;gap:8px!important}

html[data-app-columns="1"] body .card-row{gap:10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-app-columns="1"] body .card{position:relative!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:68px minmax(0,1fr) 96px!important;grid-template-rows:24px 32px 18px!important;grid-template-areas:'avatar title action' 'avatar desc action' 'avatar rating action'!important;align-items:center!important;column-gap:14px!important;row-gap:2px!important;width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;padding:14px 15px!important;border-radius:16px!important;text-align:left!important;overflow:hidden!important}
html[data-app-columns="1"] body .card .avatar{position:static!important;grid-area:avatar!important;align-self:center!important;width:68px!important;height:68px!important;margin:0!important;border-radius:14px!important;object-fit:cover!important}
html[data-app-columns="1"] body .card .title{position:static!important;grid-area:title!important;align-self:end!important;width:100%!important;max-width:100%!important;height:24px!important;margin:0!important;font-size:15px!important;line-height:24px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-app-columns="1"] body .card .card-desc{position:static!important;grid-area:desc!important;align-self:start!important;display:-webkit-box!important;width:100%!important;max-width:100%!important;height:30px!important;max-height:30px!important;margin:0!important;font-size:11px!important;line-height:15px!important;text-align:left!important;white-space:normal!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.card-rating{display:none}
html[data-app-columns="1"] body .card .card-rating{position:static!important;grid-area:rating!important;align-self:center!important;display:flex!important;align-items:center!important;gap:7px!important;height:18px!important;margin:0!important;color:var(--ui-muted)!important;font-size:11px!important;line-height:18px!important;white-space:nowrap!important}
html[data-app-columns="1"] body .card .card-stars{position:relative!important;display:inline-block!important;width:70px!important;height:14px!important;overflow:hidden!important;font:14px/14px Arial,sans-serif!important;letter-spacing:0!important}
html[data-app-columns="1"] body .card .card-stars i,html[data-app-columns="1"] body .card .card-stars em{position:absolute!important;inset:0 auto auto 0!important;margin:0!important;font-style:normal!important;white-space:nowrap!important}
html[data-app-columns="1"] body .card .card-stars i{width:100%!important;color:color-mix(in srgb,var(--ui-muted) 28%,transparent)!important}
html[data-app-columns="1"] body .card .card-stars em{overflow:hidden!important;color:var(--ui-primary)!important;text-shadow:0 2px 7px color-mix(in srgb,var(--ui-primary) 28%,transparent)!important}
html[data-app-columns="1"] body .card .card-action{position:absolute!important;grid-area:auto!important;top:50%!important;right:15px!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;transform:translateY(-50%)!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,var(--ui-strong),var(--ui-primary),var(--ui-accent))!important;background-size:180% 100%!important;color:var(--ui-on)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--ui-primary) 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--ui-on) 18%,transparent)!important;font-size:12px!important;font-weight:800!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;animation:single-card-button-pulse 2.2s ease-in-out infinite!important}
html[data-app-columns="1"] body .card .card-action:after{content:""!important;position:absolute!important;top:0!important;left:-75%!important;width:45%!important;height:100%!important;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ui-on) 70%,transparent),transparent)!important;transform:skewX(-24deg)!important;animation:single-card-button-shine 2.8s ease-in-out infinite!important}
html[data-app-columns="1"] body .card:hover .card-action{background-position:100% 0!important;box-shadow:0 13px 28px color-mix(in srgb,var(--ui-primary) 38%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--ui-on) 24%,transparent)!important}
@keyframes single-card-button-pulse{0%,100%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.025)}}
@keyframes single-card-button-shine{0%,45%{left:-75%}70%,100%{left:135%}}

html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card-row{gap:11px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card{position:relative!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:22px 32px 30px!important;grid-template-areas:'avatar title' 'avatar desc' 'avatar action'!important;align-content:center!important;align-items:start!important;column-gap:13px!important;row-gap:3px!important;width:100%!important;height:116px!important;min-height:116px!important;max-height:116px!important;padding:12px 13px!important;border-radius:14px!important;text-align:left!important;overflow:hidden!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .avatar{position:static!important;grid-area:avatar!important;align-self:start!important;width:64px!important;height:64px!important;margin:0!important;border-radius:15px!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .title{position:static!important;grid-area:title!important;width:100%!important;max-width:100%!important;height:22px!important;margin:0!important;font-size:15px!important;line-height:22px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .card-desc{position:static!important;grid-area:desc!important;display:-webkit-box!important;width:100%!important;max-width:100%!important;height:30px!important;max-height:30px!important;margin:0!important;font-size:11px!important;line-height:15px!important;text-align:left!important;white-space:normal!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .card-action{position:static!important;grid-area:action!important;align-self:end!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:center!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 10px!important;transform:none!important;font-size:11px!important;line-height:30px!important;box-sizing:border-box!important;white-space:nowrap!important}

html[data-app-columns="3"]:not([data-theme-preset="classic"]) body .card,
html[data-app-columns="4"]:not([data-theme-preset="classic"]) body .card{position:relative!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;min-width:0!important;overflow:hidden!important;gap:2px!important}
html[data-app-columns="3"]:not([data-theme-preset="classic"]) body .card{height:144px!important;min-height:144px!important;max-height:144px!important;padding:6px 7px!important}
html[data-app-columns="3"]:not([data-theme-preset="classic"]) body .card .avatar{position:static!important;width:54px!important;height:54px!important;margin:0 auto 2px!important;border-radius:14px!important;flex:0 0 auto!important}
html[data-app-columns="3"]:not([data-theme-preset="classic"]) body .card .title{position:static!important;width:100%!important;max-width:100%!important;height:18px!important;margin:0!important;font-size:12px!important;line-height:18px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-app-columns="3"]:not([data-theme-preset="classic"]) body .card .card-desc{position:static!important;display:-webkit-box!important;width:100%!important;max-width:100%!important;height:24px!important;max-height:24px!important;margin:0!important;font-size:10px!important;line-height:12px!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
html[data-app-columns="3"]:not([data-theme-preset="classic"]) body .card .card-action{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 20px)!important;min-width:0!important;max-width:none!important;height:29px!important;min-height:29px!important;margin:0!important;padding:0 8px!important;transform:translateX(-50%)!important;line-height:29px!important;font-size:11px!important;box-sizing:border-box!important}

html[data-app-columns="4"]:not([data-theme-preset="classic"]) body .card{height:114px!important;min-height:114px!important;max-height:114px!important;padding:6px 4px!important}
html[data-app-columns="4"]:not([data-theme-preset="classic"]) body .card .avatar{position:static!important;width:42px!important;height:42px!important;margin:0 auto!important;border-radius:11px!important;flex:0 0 auto!important}
html[data-app-columns="4"]:not([data-theme-preset="classic"]) body .card .title{position:static!important;width:100%!important;max-width:100%!important;height:17px!important;margin:0!important;font-size:11px!important;line-height:17px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-app-columns="4"]:not([data-theme-preset="classic"]) body .card .card-desc{position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:13px!important;max-height:13px!important;margin:0!important;font-size:9px!important;line-height:13px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-app-columns="4"]:not([data-theme-preset="classic"]) body .card .card-action{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 12px)!important;min-width:0!important;max-width:none!important;height:25px!important;min-height:25px!important;margin:0!important;padding:0 5px!important;transform:translateX(-50%)!important;line-height:25px!important;font-size:10px!important;box-sizing:border-box!important}

html[data-theme-preset="blackgold"][data-app-columns="3"] body .card .card-action{height:32px!important;min-height:32px!important;line-height:32px!important;font-size:12px!important;border-radius:10px!important}
html[data-theme-preset="classic"][data-app-columns="4"] body .card-row{gap:6px!important;padding:8px 10px!important}
html[data-theme-preset="classic"] body .card-action{display:none!important}

@media(max-width:420px){
html[data-app-columns] body .card-row{gap:6px!important}
html[data-theme-preset="classic"][data-app-columns="4"] body .card-row{gap:3px!important;padding:4px 5px!important}
}

@media(max-width:650px){
html[data-app-columns="1"] body .card{grid-template-columns:58px minmax(0,1fr) 82px!important;grid-template-rows:20px 28px 16px!important;column-gap:9px!important;row-gap:1px!important;height:96px!important;min-height:96px!important;max-height:96px!important;padding:10px!important}
html[data-app-columns="1"] body .card .avatar{width:58px!important;height:58px!important;border-radius:13px!important}
html[data-app-columns="1"] body .card .title{height:21px!important;font-size:13px!important;line-height:21px!important}
html[data-app-columns="1"] body .card .card-desc{height:27px!important;max-height:27px!important;font-size:10px!important;line-height:13.5px!important}
html[data-app-columns="1"] body .card .card-rating{gap:6px!important;height:16px!important;font-size:10px!important;line-height:16px!important}
html[data-app-columns="1"] body .card .card-stars{width:70px!important;height:14px!important;font-size:14px!important;line-height:14px!important;letter-spacing:0!important}
html[data-app-columns="1"] body .card .card-action{top:50%!important;right:10px!important;bottom:auto!important;left:auto!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:36px!important;min-height:36px!important;padding:0 8px!important;font-size:11px!important;line-height:1!important;transform:translateY(-50%)!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card-row{gap:7px!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card{grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:18px 30px 28px!important;column-gap:8px!important;row-gap:2px!important;height:94px!important;min-height:94px!important;max-height:94px!important;padding:5px 5px 4px 3px!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .avatar{width:56px!important;height:56px!important;border-radius:13px!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .title{height:18px!important;font-size:12px!important;line-height:18px!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .card-desc{height:28px!important;max-height:28px!important;font-size:10px!important;line-height:14px!important}
html[data-app-columns="2"]:not([data-theme-preset="classic"]) body .card .card-action{width:72px!important;min-width:72px!important;max-width:72px!important;height:28px!important;min-height:28px!important;padding:0 8px!important;font-size:10px!important;line-height:28px!important}
}

}
/* feature */
@media not all {
:root{--f-blue:#1f6feb;--f-blue2:#29a6f6;--f-text:#10213a;--f-muted:#718096;--f-border:rgba(31,111,235,.12)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{margin:0;background:radial-gradient(700px 380px at 15% -5%,rgba(31,111,235,.18),transparent 65%),linear-gradient(180deg,#f7faff,#eef4fc);color:var(--f-text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{font:inherit}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
button:focus-visible,a:focus-visible{outline:2px solid #596579;outline-offset:2px}
.feature-page,.sim-page{width:min(100%,900px);min-height:100vh;margin:auto;padding:18px 18px 104px}
.feature-head{display:flex;align-items:center;gap:14px;padding:12px 2px 24px}
.feature-head h1{margin:0;font-size:28px;line-height:1.2;letter-spacing:.02em}
.feature-head p{margin:5px 0 0;color:var(--f-muted);font-size:14px}
.feature-back{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;background:#fff;border:1px solid var(--f-border);box-shadow:0 8px 20px rgba(13,50,102,.1);color:var(--f-text);font-size:32px;line-height:1;text-decoration:none;padding-bottom:4px}
.discover-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.discover-row{position:relative;width:100%;min-height:98px;display:flex;align-items:center;gap:18px;padding:21px 20px;border:1px solid #e0e6ef;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(18,43,76,.055);color:inherit;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.discover-row:hover{border-color:#b8c4d3;transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,43,76,.09)}
.discover-row.pending{cursor:default;opacity:.65}.discover-row.pending:hover{border-color:#e0e6ef;transform:none;box-shadow:0 6px 18px rgba(18,43,76,.055)}
.discover-icon{width:56px;height:56px;display:grid;place-items:center;flex:none;overflow:hidden;padding:4px;background:transparent;border:1px solid rgba(101,116,139,.22);border-radius:16px;box-shadow:none}
.discover-icon img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.discover-icon.cover{padding:0}.discover-icon.cover img{object-fit:cover;transform:scale(1.18)}
.discover-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:6px}.discover-copy b{color:#17233a;font-size:18px;line-height:1.25}.discover-copy small{color:#7b8798;font-size:13px;line-height:1.55}.discover-side{flex:none;border-left:1px solid #e5eaf1;padding-left:16px;color:#65748a;font-size:12px;font-weight:800;white-space:nowrap}
.feature-empty,.lottery-panel{margin-top:14px;padding:54px 24px;border:1px solid var(--f-border);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(13,50,102,.1);text-align:center}.feature-empty h2{margin:16px 0 8px;font-size:22px}.feature-empty p{max-width:480px;margin:auto;color:var(--f-muted);font-size:14px;line-height:1.8}.empty-mark{width:68px;height:68px;display:grid;place-items:center;margin:auto;border-radius:22px;background:linear-gradient(135deg,var(--f-blue),var(--f-blue2));box-shadow:0 14px 30px rgba(31,111,235,.25);color:#fff;font-size:26px;font-weight:900}
.lottery-label{color:var(--f-muted);font-size:13px}.lottery-panel h2{margin:8px 0 24px}.lottery-balls{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:26px}.lottery-balls span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--f-blue),var(--f-blue2));color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(31,111,235,.25)}.feature-button{border:0;border-radius:12px;padding:11px 20px;background:var(--f-blue);color:#fff;font-weight:800;cursor:pointer}
.sim-page{width:100%;max-width:none;display:flex;flex-direction:column}.sim-page .feature-head{width:min(100%,900px);margin:0 auto}.sim-frame{display:block;width:100%;height:calc(100vh - 178px);min-height:520px;border:1px solid var(--f-border);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(13,50,102,.12)}.sim-ad{width:min(100%,900px);margin:0 auto 12px;padding:10px 16px;border-radius:12px;background:linear-gradient(90deg,#1469de,#2aa8ff);color:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:800}.sim-empty{width:min(100%,900px);margin:0 auto}
.sim-embed-only{width:100%;height:calc(100vh - 68px - env(safe-area-inset-bottom,0px));min-height:0;padding:0!important;overflow:hidden}.sim-embed-only .sim-frame{flex:1;width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.sim-embed-only .sim-empty{margin:auto}
@media(max-width:640px){.feature-page,.sim-page{padding:10px 12px 94px}.feature-head{padding:10px 2px 18px}.feature-head h1{font-size:24px}.discover-list{grid-template-columns:1fr;gap:9px}.discover-row{min-height:86px;padding:15px 14px;border-radius:14px}.discover-icon{width:50px;height:50px}.discover-copy b{font-size:16px}.discover-side{padding-left:10px;font-size:11px}.sim-frame{height:calc(100vh - 150px);min-height:420px;border-radius:15px}.feature-empty,.lottery-panel{padding:42px 18px}}
@media(max-width:640px){.sim-embed-only{padding:0!important}.sim-embed-only .sim-frame{height:100%;min-height:0;border-radius:0}}
@media(prefers-reduced-motion:reduce){.discover-row{transition:none}}

/* 客服中心 */
.kf-page{width:min(100%,820px);min-height:100vh;margin:auto;padding:18px 18px 104px;color:var(--f-text)}.kf-head{display:flex;align-items:center;gap:13px;padding:8px 2px 20px}.kf-head>button{width:42px;height:42px;border:1px solid var(--f-border);border-radius:13px;background:#fff;color:#253249;font-size:30px;line-height:1;cursor:pointer}.kf-head h1{margin:0;font-size:26px}.kf-head p{margin:4px 0 0;color:var(--f-muted);font-size:13px}.kf-welcome{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #dbe6f5;border-radius:20px;background:linear-gradient(135deg,#edf6ff,#fff);box-shadow:0 12px 30px rgba(28,78,140,.08)}.kf-avatar{width:58px;height:58px;flex:none;padding:3px;border:1px solid #cfdef0;border-radius:18px;background:#fff}.kf-avatar img{width:100%;height:100%;border-radius:14px;object-fit:cover}.kf-welcome b{font-size:18px}.kf-welcome p{margin:5px 0 0;color:var(--f-muted);font-size:13px}.kf-welcome i{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#28b36b;box-shadow:0 0 0 5px rgba(40,179,107,.12)}.kf-contact-list{display:grid;gap:10px;margin-top:14px}.kf-contact{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--f-border);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(18,43,76,.05)}.kf-contact>img{width:48px;height:48px;flex:none;border-radius:14px;object-fit:cover}.kf-contact>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.kf-contact small{color:var(--f-muted)}.kf-contact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-contact button,.kf-state button{border:1px solid #cfd9e7;border-radius:10px;padding:9px 13px;background:#fff;color:#40516a;font-weight:750;cursor:pointer}.kf-contact button.primary{border-color:#2d73d5;background:#2d73d5;color:#fff}.kf-note,.kf-state{margin-top:14px;padding:20px;border:1px solid var(--f-border);border-radius:18px;background:#fff}.kf-note h2{margin:0 0 10px;font-size:17px}.kf-note p{margin:7px 0;color:var(--f-muted);font-size:13px;line-height:1.75}.kf-state{text-align:center;color:var(--f-muted)}html[data-theme=dark] .kf-head>button,html[data-theme=dark] .kf-welcome,html[data-theme=dark] .kf-contact,html[data-theme=dark] .kf-note,html[data-theme=dark] .kf-state,html[data-theme=dark] .kf-contact button{border-color:#293649;background:#151e2c;color:#e7edf6;box-shadow:none}html[data-theme=dark] .kf-welcome{background:linear-gradient(135deg,#172638,#151e2c)}html[data-theme=dark] .kf-avatar{border-color:#34445b;background:#1b2738}
@media(max-width:640px){.kf-page{padding:10px 12px 94px}.kf-head h1{font-size:22px}.kf-welcome{padding:16px}.kf-contact{display:grid;grid-template-columns:48px 1fr auto auto;padding:13px;gap:9px}.kf-contact button{padding:8px 10px}}

/* 客服中心操作区：复制、联系分别占一整行。 */
.kf-welcome i{flex:0 0 9px;min-width:9px;min-height:9px}
.kf-contact{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:12px;row-gap:5px}
.kf-contact>img{grid-column:1;grid-row:1/3}
.kf-contact>div{grid-column:2;grid-row:1/3}
.kf-contact>button{grid-column:3;width:auto;min-width:76px;justify-self:end;padding:7px 12px}
.kf-contact>button:nth-of-type(1){grid-row:1}
.kf-contact>button:nth-of-type(2){grid-row:2}
@media(max-width:640px){.kf-contact{grid-template-columns:44px minmax(0,1fr) auto;padding:11px;column-gap:9px}.kf-contact>img{width:44px;height:44px}.kf-contact>button{min-width:68px;padding:7px 9px}}

/* 发现与开奖顶部沿用首页 Logo，页面名称靠右。 */
.feature-brand-head{min-height:54px;justify-content:space-between;margin:-18px -18px 16px;padding:5px 20px;border-bottom:1px solid var(--f-border)!important;background:rgba(255,255,255,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.feature-site-logo{display:block;width:auto;height:44px;max-width:176px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(31,111,235,.3));transform:translateY(2px)}
.feature-logo-fallback{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--f-blue);color:#fff;font-weight:900}
.feature-brand-head>h1{margin-left:auto;text-align:right}
.feature-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto}
.feature-head-actions .kj-refresh{margin-left:0}
html[data-theme=dark] .feature-brand-head{border-bottom-color:#293649!important;background:rgba(13,20,32,.5)}
html[data-theme=dark] .feature-site-logo{filter:brightness(1.14) drop-shadow(0 7px 12px rgba(218,228,242,.18))}
html[data-theme-preset=blackgold] .feature-site-logo{filter:brightness(1.2) contrast(1.04) drop-shadow(0 7px 12px rgba(214,168,88,.38))}
html[data-theme-preset=blackgold] .feature-brand-head{border-bottom-color:#3a3123!important;background:rgba(20,21,22,.96)!important;box-shadow:none!important}
@media(max-width:640px){.feature-brand-head{min-height:50px;margin:-10px -12px 14px;padding:5px 12px}.feature-site-logo{height:40px;max-width:156px}.feature-logo-fallback{width:40px;height:40px}.feature-head-actions{gap:10px}}

/* 开奖中心：采用清晰的线框层级，不使用大面积选中高亮或发光效果。 */
.kj-page{width:min(100%,900px);min-height:100vh;margin:auto;padding:18px 18px 104px}.kj-head{display:flex;align-items:center;gap:13px;padding:10px 2px 20px}.kj-head h1{margin:0;font-size:26px;line-height:1.2}.kj-head p{margin:4px 0 0;color:#748094;font-size:13px}.kj-back{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #dce2ea;border-radius:12px;background:#fff;color:#253249}.kj-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kj-refresh{margin-left:auto;border:0;border-bottom:1px solid #9ba5b3;padding:7px 2px;background:transparent;color:#4a5568;font-weight:700;cursor:pointer}.kj-refresh:disabled{opacity:.5}.kj-games{display:flex;border-bottom:1px solid #dfe4eb}.kj-games button{flex:1;padding:12px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6c7687;font-weight:750;cursor:pointer}.kj-games button.current{border-bottom-color:#253249;color:#172033}.kj-categories{display:flex;gap:7px;padding:13px 0 16px;overflow-x:auto;scrollbar-width:none}.kj-categories::-webkit-scrollbar{display:none}.kj-categories button{flex:none;padding:7px 11px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:#596579;font-size:12px;font-weight:650;cursor:pointer}.kj-categories button.current{border-color:#505b6c;color:#172033;background:#f2f4f7}.kj-current,.kj-history,.kj-state{border:1px solid #dfe4eb;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(20,34,54,.07)}.kj-current{padding:20px}.kj-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #e7eaf0;color:#3d4859;font-size:13px;font-weight:750}.kj-meta time{color:#8791a0;font-size:11px;font-weight:500}.kj-current-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.kj-current-grid>div{padding:2px 18px;border-right:1px solid #e7eaf0;text-align:center}.kj-current-grid>div:last-child{border:0}.kj-current-grid small{display:block;margin-bottom:6px;color:#858f9e;font-size:12px}.kj-current-grid strong{font-size:22px;line-height:1.3;word-break:break-word}.kj-algorithms{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7eaf0}.kj-algorithms button{display:flex;flex-direction:column;gap:3px;padding:14px 8px 4px;border:0;background:transparent;color:#7d8796;cursor:pointer}.kj-algorithms button+button{border-left:1px solid #e7eaf0}.kj-algorithms button.current{color:#1f2937;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.kj-algorithms span{font-size:11px;text-decoration:none}.kj-history{margin-top:14px;overflow:hidden}.kj-section-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #e4e8ee}.kj-section-title h2{margin:0;font-size:17px}.kj-section-title span{color:#8b94a2;font-size:12px}.kj-table-wrap{overflow-x:auto}.kj-history table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.kj-history th{padding:11px 13px;background:#f6f7f9;color:#778191;font-size:11px;font-weight:700;text-align:left}.kj-history td{padding:12px 13px;border-top:1px solid #edf0f3;color:#4a5565}.kj-history tbody tr:first-child td{border-top:0}.kj-history .kj-result{color:#182234;font-weight:750}.kj-history .right{color:#28724b;font-weight:800}.kj-history .wrong{color:#a24b4b;font-weight:800}.kj-state{padding:60px 20px;text-align:center;color:#697588}.kj-state b{display:block;margin-bottom:14px;color:#283448}.kj-state button{border:1px solid #cfd5de;border-radius:9px;padding:8px 14px;background:#fff;color:#344054;font-weight:700}
@media(max-width:640px){.kj-page{padding:10px 12px 94px}.kj-head{padding:9px 2px 15px}.kj-head h1{font-size:22px}.kj-current{padding:15px}.kj-current-grid>div{padding:2px 7px}.kj-current-grid strong{font-size:16px}.kj-current-grid small{font-size:10px}.kj-meta time{display:none}.kj-algorithms button{padding:12px 4px 3px}.kj-algorithms span{font-size:9px}.kj-history table{font-size:11px}.kj-history th,.kj-history td{padding:10px 9px}.kj-history th:nth-child(2),.kj-history td:nth-child(2){display:none}}

/* 开奖顶部栏严格复用发现页高度，防止后置 .kj-head 内边距把分隔线向下撑开。 */
.kj-head.feature-brand-head{min-height:54px;padding:5px 20px}
@media(max-width:640px){.kj-head.feature-brand-head{min-height:50px;padding:5px 12px}}

}
/* reward */
@media not all {
:root{--blue:#2979ef;--blue-deep:#1764d8;--ink:#17233a;--muted:#7a8597;--line:#e3eaf4;--bg:#f4f7fc;--surface:#fff;--soft:#eef5ff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[v-cloak]{display:none}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fafcff 0,#f2f6fc 42%,#f5f7fb 100%);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}a,button,input{outline:none}a:focus-visible,button:focus-visible,input:focus-visible{box-shadow:0 0 0 3px rgba(41,121,239,.2)}
.wrap{width:min(1180px,calc(100% - 32px));margin:auto;padding-bottom:86px}.top{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:850;color:var(--ink)}.back{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #dfe7f2;border-radius:11px;background:#fff;color:#40516a;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 5px 16px rgba(36,59,91,.06);transition:.2s}.back:hover{border-color:#b9cbe4;background:#f8fbff;color:var(--blue)}
.hero{overflow:hidden;position:relative;padding:38px 42px;border:1px solid #dfe9fa;border-radius:24px;background:linear-gradient(125deg,#fff 0%,#f2f7ff 65%,#e8f2ff 100%);box-shadow:0 14px 38px rgba(38,89,164,.09)}.hero:after{content:"";position:absolute;width:190px;height:190px;right:-58px;top:-85px;border-radius:50%;background:rgba(65,139,242,.09)}.hero h1,.hero p,.steps{position:relative;z-index:1}.hero h1{margin:0 0 9px;font-size:40px;color:#1b2c49;letter-spacing:-1px}.hero p{margin:0;color:#66758c;font-size:16px}.steps{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.steps span{padding:9px 14px;border:1px solid #dce8f8;border-radius:10px;background:rgba(255,255,255,.86);color:#52647c;font-size:13px;font-weight:750}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.tab{padding:13px 8px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#667286;text-align:center;font-size:14px;font-weight:800;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s}.tab:hover{border-color:#a9c8f3;color:var(--blue);transform:translateY(-1px)}.tab.active{border-color:#7db0f4;background:#edf5ff;color:#1768db;box-shadow:inset 0 0 0 1px rgba(41,121,239,.06)}
.head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:25px 2px 14px}.head h2{margin:0;font-size:22px}.head>b{color:#6a7890;font-size:13px}.muted{color:var(--muted);font-size:13px;margin-top:5px}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:28px}.plan{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(36,59,91,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.plan:hover{border-color:#bed3ef;transform:translateY(-3px);box-shadow:0 15px 34px rgba(36,59,91,.11)}.cover-wrap{display:block;overflow:hidden;width:100%;aspect-ratio:5/3;background:#eaf0f8}.cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.plan:hover .cover{transform:scale(1.025)}.cover-empty{display:grid;place-items:center;width:100%;height:100%;color:#8d9aab;font-size:13px}.plan-body{display:flex;min-width:0;flex:1;flex-direction:column;padding:16px}.plan h3{overflow:hidden;margin:0 0 5px;color:#21304a;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.planinfo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.planinfo div{min-width:0;align-self:stretch;padding:10px;border:1px solid #e8eef6;border-radius:10px;background:#f7f9fc}.planinfo small{display:block;margin-bottom:3px;color:#8994a5;font-size:11px}.planinfo b{display:block;overflow:visible;color:#34445d;font-size:13px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.planinfo .money{color:#2374e5}.view{display:block;margin-top:auto;border:1px solid #cfe0f7;border-radius:11px;padding:11px 15px;background:#edf5ff;color:#1768db;text-align:center;text-decoration:none;font-size:14px;font-weight:850;transition:.2s}.view:hover{border-color:#83b4f3;background:#e3f0ff}
.state{grid-column:1/-1;padding:58px 20px;text-align:center;border:1px dashed #d8e1ed;border-radius:17px;background:#fff;color:var(--muted)}.state strong{display:block;margin-bottom:8px;color:var(--ink);font-size:19px}.retry{margin-top:15px;padding:10px 18px;border:0;border-radius:11px;background:var(--blue);color:#fff;cursor:pointer}
.detail-wrap{width:min(1000px,calc(100% - 32px));margin:auto;padding-bottom:90px}.detail-wrap .summary{display:none}.detail-wrap .summary+.panel{margin-top:18px}.detail-wrap .summary+.panel>h2{display:none}.panel{margin:17px 0;padding:25px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.97);box-shadow:0 9px 28px rgba(36,59,91,.055)}.panel h2{margin:0 0 18px;font-size:21px}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rule{display:flex;min-width:0;gap:12px;padding:14px;border:1px solid #e8eef6;border-radius:13px;background:#f7f9fc;color:#46566d;line-height:1.65;overflow-wrap:anywhere}.num{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e5f0ff;color:#1768db;font-size:13px;font-weight:900}.notice{margin-top:16px;padding:13px 14px;border-left:3px solid #6e94c7;background:#f3f6fa;color:#5f6e81;font-size:13px;line-height:1.65}
.platform-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.search{width:220px;padding:11px 13px;border:1px solid #dce4ef;border-radius:11px;background:#f9fbfd;color:var(--ink)}.search:focus{border-color:#8db8f2;background:#fff}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.app{display:flex;min-width:0;align-items:center;gap:10px;padding:11px;border:1px solid #e3eaf3;border-radius:13px;color:inherit;text-decoration:none;transition:.2s}.app:hover{border-color:#9ec2f1;background:#f3f8ff;transform:translateY(-2px)}.app img{width:42px;height:42px;flex:none;border-radius:11px;object-fit:cover}.app b{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.app small{display:block;color:var(--muted);font-size:10px}.detail-state{margin-top:80px}
.hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}.hero-title-row h1{margin:0!important}.hero-return{position:relative;z-index:2;flex:none;color:#50647f;text-decoration:none;font-size:14px;font-weight:800}.hero-return::before{content:'←';margin-right:5px}.hero-return:hover{color:var(--blue)}.detail-rules-nav{height:auto;margin:-4px 0 18px;padding:0 0 15px;border-bottom:1px solid var(--line)}.detail-rules-nav .detail-return{order:0;color:#50647f;text-decoration:none;font-size:14px;font-weight:800}.detail-rules-nav .detail-return::before{content:'←';margin-right:5px}.detail-rules-nav .detail-return:hover{color:var(--blue)}.detail-rules-nav .brand{order:1;margin-left:auto}
.rule-benefits{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px;padding:15px;border:1px solid #dee8f5;border-radius:14px;background:#f4f8fd}.rule-benefits>div{min-width:0}.rule-benefits small,.rule-benefits b{display:block}.rule-benefits small{margin-bottom:5px;color:#8592a5;font-size:12px}.rule-benefits b{color:#2e405c;font-size:16px;overflow-wrap:anywhere}.rule-benefits>strong{color:#4c8de8;font-size:19px}
@media(max-width:900px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.rules{grid-template-columns:1fr}.platform-head{display:block}.search{width:100%;margin-top:12px}}@media(max-width:600px){.wrap,.detail-wrap{width:min(100% - 20px,1180px)}.top{height:56px}.brand{font-size:18px}.back{padding:8px 11px;font-size:12px}.hero{padding:25px 14px;border-radius:19px}.hero h1{font-size:29px}.hero p{font-size:14px}.hero-title-row{gap:10px}.hero-title-row h1{margin-left:auto!important}.hero-return{font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex-wrap:nowrap;margin-top:18px}.steps span{min-width:0;padding:7px 2px;font-size:10px;text-align:center;white-space:nowrap}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:13px 0}.tab{padding:10px 2px;border-radius:9px;font-size:11px}.head{align-items:flex-start;margin-top:20px}.plans{grid-template-columns:1fr;gap:12px}.plan-body{padding:15px}.panel{padding:19px 15px}.apps{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-benefits{gap:8px;padding:12px}.rule-benefits b{font-size:14px}}@media(prefers-reduced-motion:reduce){.plan,.cover,.view,.tab,.app{transition:none}}

html[data-theme="dark"]{color-scheme:dark;--ink:#e7edf6;--muted:#99a8bc;--line:#293649;--surface:#151e2c;--soft:#19263a;background:#0d1420}
html[data-theme="dark"] body{background:#0d1420;color:#e7edf6}
html[data-theme="dark"] .hero,html[data-theme="dark"] .plan,html[data-theme="dark"] .panel,html[data-theme="dark"] .state{border-color:#293649;background:linear-gradient(135deg,#172232,#131c29);box-shadow:0 12px 30px rgba(0,0,0,.2)}
html[data-theme="dark"] .hero:after{background:rgba(64,137,235,.08)}
html[data-theme="dark"] .hero h1,html[data-theme="dark"] .plan h3,html[data-theme="dark"] .head h2,html[data-theme="dark"] .brand{color:#e7edf6}
html[data-theme="dark"] .hero p,html[data-theme="dark"] .muted{color:#a3b1c4}
html[data-theme="dark"] .steps span,html[data-theme="dark"] .tab,html[data-theme="dark"] .back{border-color:#2d3b50;background:#192536;color:#aebbd0}
html[data-theme="dark"] .tab.active,html[data-theme="dark"] .view{border-color:#3d6594;background:#1c3049;color:#86b9fa}
html[data-theme="dark"] .planinfo div,html[data-theme="dark"] .rule,html[data-theme="dark"] .rule-benefits{border-color:#29384c;background:#111a27;color:#dbe4f0}
html[data-theme="dark"] .planinfo b,html[data-theme="dark"] .rule-benefits b{color:#dbe4f0}
html[data-theme="dark"] .notice{background:#182536;color:#aab7c9}
html[data-theme="dark"] .search,html[data-theme="dark"] .app{border-color:#2d3b50;background:#121b28;color:#e7edf6}

@media(max-width:600px){
.hero{padding:16px 12px;border-radius:15px}
.hero h1{font-size:26px;line-height:1.2}
.hero p{font-size:13px;line-height:1.4}
.hero-title-row{margin-bottom:5px}
.hero-return{padding:5px 3px;font-size:14px}
.steps{gap:3px;margin-top:10px}
.steps span{padding:6px 2px;font-size:10px}
.tabs{gap:4px;margin:8px 0}
.tab{padding:8px 2px;font-size:10px}
.head{margin:11px 2px 8px}
.head h2{font-size:18px}
.head .muted{margin-top:2px;font-size:11px}
.head>b{font-size:11px}
.plans{gap:9px}
.plan{border-radius:14px}
.plan-body{padding:11px 12px}
.plan h3{margin-bottom:2px;font-size:16px}
.plan-body>.muted{margin-top:1px;font-size:11px}
.planinfo{gap:6px;margin:8px 0}
.planinfo div{padding:7px 8px;border-radius:8px}
.planinfo small{font-size:10px}
.planinfo b{font-size:12px;line-height:1.3}
.view{padding:9px 12px;font-size:13px}
}

/* 活动方案图片维持原来的 5:3，只收紧图片下方的卡片内容。 */
.plans .plan .plan-body{padding:12px}
.plans .plan .planinfo{margin:9px 0}
.plans .plan .view{padding:9px 12px}
@media(max-width:600px){.plans .plan .plan-body{padding:9px 10px}.plans .plan .planinfo{margin:5px 0}.plans .plan .view{padding:8px 12px}}

}
/* rewardBenefits */
@media not all {
.planinfo b{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
.planinfo>div{align-self:stretch}
@media(max-width:600px){.rule-benefits{gap:8px;padding:12px}.rule-benefits b{font-size:14px}}

.view{width:100%;font-family:inherit;cursor:pointer}
.reward-drawer{position:fixed;z-index:9100;inset:0;display:flex;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#fff}
.reward-drawer-page{width:100%;height:100%;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;border-radius:0;background:#fff}
.reward-drawer-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fff}.reward-drawer-head>b{font-size:16px}.reward-drawer-back{display:inline-flex;align-items:center;gap:3px;border:0;padding:7px 4px;background:transparent;color:#4c607b;font-size:14px;font-weight:850;cursor:pointer}.reward-drawer-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.reward-drawer-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:18px 18px calc(25px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(25px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px))}.reward-drawer-title{padding:0 2px}.reward-drawer-title>span{color:#59708e;font-size:12px;font-weight:800}.reward-drawer-title h1{margin:7px 0 5px;color:var(--ink);font-size:25px;line-height:1.35;overflow-wrap:anywhere}.reward-drawer-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.reward-drawer .panel{margin-top:15px}.reward-drawer .detail-state{margin:30px 0}
.reward-rule-panel{margin-top:0!important}.reward-rule-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.reward-rule-fixed{z-index:2;flex:none;margin:0;padding:14px max(18px,calc((100% - 1000px)/2 + 18px));border-bottom:1px solid var(--line);background:#fff}.reward-rule-head>b{color:var(--ink);font-size:17px}.reward-rule-facts{grid-template-columns:1fr}.reward-rule-facts>div{padding:2px 5px}.reward-rule-facts b{font-size:14px}.reward-activity-time{margin:-8px 0 18px;padding:0 5px 14px;border-bottom:1px solid #e5ecf5}.reward-activity-time small,.reward-activity-time b{display:block}.reward-activity-time small{margin-bottom:5px;color:#8592a5;font-size:12px}.reward-activity-time b{color:#2e405c;font-size:14px;overflow-wrap:anywhere}
.reward-drawer-enter-active,.reward-drawer-leave-active{transition:opacity .2s ease}.reward-drawer-enter-active .reward-drawer-page,.reward-drawer-leave-active .reward-drawer-page{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.reward-drawer-enter-from,.reward-drawer-leave-to{opacity:0}.reward-drawer-enter-from .reward-drawer-page,.reward-drawer-leave-to .reward-drawer-page{transform:translateY(32px)}
html[data-theme="dark"] .reward-drawer{background:#0d1420}html[data-theme="dark"] .reward-drawer-page{background:#0d1420;box-shadow:none}html[data-theme="dark"] .reward-rule-fixed{border-color:#293649;background:#0d1420}html[data-theme="dark"] .reward-drawer-head>b,html[data-theme="dark"] .reward-drawer-title h1{color:#e7edf6}html[data-theme="dark"] .reward-drawer-back{color:#b8c5d6}html[data-theme="dark"] .reward-drawer-title>span{color:#9db0c9}html[data-theme="dark"] .reward-activity-time{border-color:#293649}html[data-theme="dark"] .reward-activity-time b{color:#e7edf6}
html[data-theme="dark"] .reward-rule-head{border-color:#293649}html[data-theme="dark"] .reward-rule-head>b{color:#e7edf6}
@media(max-width:600px){.reward-drawer-page{height:100%;max-height:none}.reward-rule-fixed{padding:12px 14px}.reward-drawer-body{padding:14px 10px calc(24px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(24px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px))}.reward-drawer-title{padding:0 5px}.reward-drawer-title h1{font-size:22px}.reward-drawer .panel{padding:17px 14px}}
@media(max-width:600px){.reward-rule-facts{grid-template-columns:1fr;gap:8px}.reward-rule-facts>div{padding:3px 0}.reward-rule-head{margin-top:0}}
@media(prefers-reduced-motion:reduce){.reward-drawer,.reward-drawer-page{transition:none!important}}

.reward-drawer-body{display:flex;flex-direction:column}
.reward-drawer-body>.panel:not(.reward-rule-panel){order:1;margin:0;border-bottom:0;border-radius:19px 19px 0 0;padding-bottom:12px;box-shadow:none}
.reward-drawer-body>.reward-rule-panel{order:2;margin:0!important;border-top:0;border-radius:0 0 19px 19px;padding-top:12px;box-shadow:0 9px 28px rgba(36,59,91,.055)}
.reward-drawer-body>.reward-rule-panel:before{content:'活动规则';display:block;margin:0 0 12px;padding:14px 0 0 2px;border-top:1px solid var(--line);color:var(--ink);font-size:18px;font-weight:850}
.reward-drawer-back{gap:5px;padding:9px 7px;font-size:16px}
.reward-drawer-back svg{width:23px;height:23px}

@media(max-width:600px){
.reward-drawer-body{padding:10px 10px calc(20px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(20px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px))}
.reward-drawer-body>.panel:not(.reward-rule-panel){padding:14px 12px 9px;border-radius:15px 15px 0 0}
.reward-drawer-body>.reward-rule-panel{padding:8px 12px 13px;border-radius:0 0 15px 15px}
.reward-drawer-body>.reward-rule-panel:before{margin-bottom:9px;padding-top:11px;font-size:16px}
.reward-drawer-body .platform-head{display:flex;align-items:center;gap:8px}
.reward-drawer-body .platform-head>div{min-width:0;flex:1}
.reward-drawer-body .platform-head h2{margin-bottom:2px;font-size:17px}
.reward-drawer-body .platform-head .muted{font-size:10px}
.reward-drawer-body .search{flex:0 0 128px;width:128px;margin:0;padding:8px 9px;font-size:11px}
.reward-drawer-body .apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.reward-drawer-body .app{gap:8px;min-height:58px;padding:9px 8px;border-radius:11px}
.reward-drawer-body .app img{width:38px;height:38px;border-radius:10px}
.reward-drawer-body .app b{font-size:13px}
.reward-drawer-body .app small{display:none}
.reward-rule-facts{gap:5px;margin-bottom:10px;padding:9px}
.reward-rule-facts small{margin-bottom:3px;font-size:10px}
.reward-rule-facts b{font-size:12px}
.reward-activity-time{margin:-2px 0 10px;padding:0 0 9px}
.reward-activity-time small{margin-bottom:3px;font-size:10px}
.reward-activity-time b{font-size:12px}
.reward-drawer-body .rules{gap:6px}
.reward-drawer-body .rule{align-items:flex-start;gap:8px;padding:9px;font-size:12px;line-height:1.45}
.reward-drawer-body .num{flex:0 0 25px;width:25px;height:25px;border-radius:7px;font-size:11px;line-height:1}
.reward-drawer-body .rule>span:last-child{min-width:0;flex:1;padding-top:3px}
.reward-drawer-body .notice{margin-top:9px;padding:9px 10px;font-size:11px;line-height:1.45}
}

.reward-rule-fixed{height:55px;min-height:55px;padding-top:5px;padding-bottom:5px;box-sizing:border-box}
.reward-rule-fixed .reward-drawer-back{height:36px;padding:5px 7px;font-size:15px;line-height:1}
.reward-rule-fixed .reward-drawer-back svg{width:21px;height:21px}
@media(max-width:600px){.reward-rule-fixed{height:51px;min-height:51px;padding-top:5px;padding-bottom:5px}.reward-rule-fixed .reward-drawer-back{height:34px;padding:4px 5px;font-size:14px}.reward-rule-fixed .reward-drawer-back svg{width:20px;height:20px}}

/* Anchor to the viewport, not the scroll position of the activity list. */
.native-feature-page .xg-pane .reward-drawer{position:fixed!important;top:86px!important;right:0!important;bottom:calc(var(--dock-h,40px) + env(safe-area-inset-bottom,0px))!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important}
.native-feature-page .xg-pane .reward-drawer-page{height:100%!important;min-height:0!important;max-height:none!important}
.native-feature-page .xg-pane .reward-drawer-body{padding-bottom:24px;scroll-padding-bottom:24px}
@media(max-width:640px){.native-feature-page .xg-pane .reward-drawer{top:66px!important}}

/* Let the configured site background show through the activity detail page. */
html[data-theme-preset][data-theme] body .native-feature-page .reward-drawer-page{
  background-color:var(--ui-bg)!important;
  background-image:linear-gradient(color-mix(in srgb,var(--ui-bg) 86%,transparent),color-mix(in srgb,var(--ui-bg) 74%,transparent)),var(--site-bg-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .reward-drawer-body>.panel{
  background:color-mix(in srgb,var(--ui-panel) 91%,transparent)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
html[data-theme-preset][data-theme] body .native-feature-page .reward-rule-fixed,
html[data-theme-preset][data-theme] body .native-feature-page .reward-drawer-back{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .reward-rule-fixed::before,
html[data-theme-preset][data-theme] body .native-feature-page .reward-rule-fixed::after{
  display:none!important;
  content:none!important;
}

}
/* notice */
@media not all {
:root{--gg-blue:#2979ef;--gg-deep:#17233a;--gg-muted:#7a8597;--gg-line:#e6ebf2;--gg-bg:#f4f7fc}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[v-cloak]{display:none}
html,body{min-height:100%}
body{margin:0;background:linear-gradient(180deg,#f9fbff 0,#f2f6fc 45%,#f5f7fb 100%);color:var(--gg-deep);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
button{font:inherit;color:inherit;touch-action:manipulation}
button:focus:not(:focus-visible){outline:0}button:focus-visible{outline:2px solid #56647a;outline-offset:2px}
.gg-page{width:min(100%,900px);min-height:100vh;margin:auto;padding:16px 18px 104px}
.gg-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px}.gg-head h1{margin:0;font-size:26px;text-align:center}.gg-back{justify-self:start;border:0;padding:9px 4px;background:transparent;font-size:14px;font-weight:800;cursor:pointer}.gg-head-space{display:block}
.gg-intro{position:relative;overflow:hidden;margin:8px 0 17px;padding:24px 26px;border:1px solid #dfe9fa;border-radius:22px;background:linear-gradient(125deg,#fff,#eef5ff);box-shadow:0 14px 38px rgba(38,89,164,.1)}.gg-intro:after{content:"";position:absolute;width:130px;height:130px;right:-35px;top:-48px;border-radius:50%;background:rgba(65,139,242,.1)}.gg-intro h2{position:relative;margin:0 0 7px;font-size:25px}.gg-intro p{position:relative;margin:0;color:var(--gg-muted);font-size:13px;line-height:1.6}
.gg-tabs{display:flex;gap:8px;margin:0 0 14px;overflow:auto;scrollbar-width:none}.gg-tabs::-webkit-scrollbar{display:none}.gg-tabs button{flex:none;border:1px solid var(--gg-line);border-radius:10px;padding:8px 14px;background:#fff;color:#667286;font-size:13px;font-weight:750;cursor:pointer}.gg-tabs button.current{border-color:#7f8b9e;color:#1e293b;background:#f2f4f7}
.gg-list{display:grid;gap:12px}.gg-card{width:100%;display:grid;grid-template-columns:112px minmax(0,1fr) 20px;align-items:center;gap:16px;border:1px solid var(--gg-line);border-radius:18px;padding:13px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(36,59,91,.07);text-align:left;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.gg-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(36,59,91,.12)}.gg-cover{width:112px;aspect-ratio:5/3;overflow:hidden;border-radius:12px;background:#e9eef6}.gg-cover img{display:block;width:100%;height:100%;object-fit:cover}.gg-copy{min-width:0}.gg-copy h3{margin:0 0 7px;font-size:17px;line-height:1.35}.gg-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#97a0ae;font-size:11px}.gg-type{color:#4c6d9d}.gg-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#697487;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gg-arrow{color:#a6afbd;font-size:23px}
.gg-empty{padding:60px 20px;text-align:center;color:var(--gg-muted)}
.gg-layer{position:fixed;z-index:9200;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(12,21,36,.55);animation:ggFade .2s ease}.gg-detail{width:min(100%,720px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px 24px 0 0;background:#fff;animation:ggUp .32s cubic-bezier(.2,.8,.2,1)}.gg-detail-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--gg-line);background:rgba(255,255,255,.96)}.gg-detail-head b{font-size:16px}.gg-close{width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f6;font-size:25px;line-height:1;cursor:pointer}.gg-detail-body{overflow:auto;padding:0 22px 25px}.gg-detail-cover{display:block;width:100%;aspect-ratio:5/3;margin:18px 0;border-radius:17px;object-fit:cover;background:#edf1f7}.gg-detail h2{margin:0 0 8px;font-size:26px;line-height:1.35}.gg-detail time{color:#9099a8;font-size:12px}.gg-content{margin-top:20px;color:#4f5b6d;font-size:15px;line-height:1.9;white-space:pre-line}.gg-article-images{display:grid;gap:12px;margin-top:20px}.gg-article-images button{position:relative;overflow:hidden;border:0;border-radius:15px;padding:0;background:#edf1f7;cursor:zoom-in}.gg-article-images img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#f2f4f8}.gg-article-images button>span{position:absolute;right:9px;bottom:9px;border-radius:8px;padding:5px 8px;background:rgba(18,27,42,.72);color:#fff;font-size:10px}.gg-notice{margin-top:20px;padding:13px 15px;border-left:3px solid #6584ad;background:#f4f6f9;color:#59677b;font-size:13px;line-height:1.7}.gg-detail-foot{flex:none;padding:11px 18px calc(11px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--gg-line);background:#fff}.gg-detail-foot button{width:100%;border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,#2476ed,#40a5f3);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(41,121,239,.22)}
.gg-lightbox{position:fixed;z-index:9400;inset:0;display:grid;place-items:center;padding:58px 70px;background:rgba(6,10,17,.94);animation:ggFade .18s ease}.gg-lightbox>header{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#fff}.gg-lightbox>header button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:27px;cursor:pointer}.gg-lightbox>img{max-width:100%;max-height:calc(100vh - 116px);object-fit:contain}.gg-light-prev,.gg-light-next{position:absolute;top:50%;width:46px;height:58px;border:0;border-radius:13px;background:rgba(255,255,255,.13);color:#fff;font-size:38px;line-height:1;transform:translateY(-50%);cursor:pointer}.gg-light-prev{left:14px}.gg-light-next{right:14px}

/* 公告详情及图片预览关闭按钮统一为首页公告弹窗样式。 */
.gg-close,.gg-lightbox>header button{width:34px;height:34px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:50%;background:rgba(15,29,51,.72);color:#fff;font-size:23px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@keyframes ggFade{from{opacity:0}}@keyframes ggUp{from{opacity:.4;transform:translateY(32px)}}
@media(max-width:640px){.gg-page{padding:9px 11px 94px}.gg-head{min-height:46px}.gg-head h1{font-size:22px}.gg-intro{padding:19px;border-radius:18px}.gg-intro h2{font-size:21px}.gg-card{grid-template-columns:88px minmax(0,1fr) 15px;gap:11px;padding:10px;border-radius:15px}.gg-cover{width:88px}.gg-copy h3{font-size:15px}.gg-copy p{-webkit-line-clamp:2;font-size:12px}.gg-detail{height:94vh;max-height:94vh}.gg-detail-body{padding:0 14px 22px}.gg-detail h2{font-size:22px}.gg-lightbox{padding:58px 12px 40px}.gg-light-prev,.gg-light-next{top:auto;bottom:18px;width:54px;height:44px;transform:none}.gg-light-prev{left:calc(50% - 62px)}.gg-light-next{right:calc(50% - 62px)}}
@media(prefers-reduced-motion:reduce){.gg-card,.gg-layer,.gg-detail{animation:none;transition:none}}
.gg-cover{aspect-ratio:1/1}
.gg-card.noimage{grid-template-columns:minmax(0,1fr) 20px}.gg-retry{margin-top:12px;border:1px solid #cfd7e4;border-radius:10px;padding:8px 15px;background:#fff;color:#344054;font-weight:750;cursor:pointer}

/* The notice detail is fixed between the shared logo and the bottom category dock. */
.native-feature-page .xg-pane .gg-layer{position:fixed;top:86px;right:0;bottom:calc(var(--dock-h,40px) + env(safe-area-inset-bottom,0px));left:0;align-items:stretch;padding:0}
.native-feature-page .xg-pane .gg-detail{width:100%;height:100%;max-height:none;min-height:0;border-radius:0;animation:none}
.native-feature-page .xg-pane .gg-detail-head{position:relative;z-index:2;flex:none;min-height:56px;border:0!important;box-shadow:none!important}
.native-feature-page .xg-pane .gg-detail-body{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:28px}
.native-feature-page .xg-pane .gg-detail-foot{flex:none;padding-bottom:11px}
html[data-theme-preset][data-theme] body .native-feature-page .gg-empty{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme-preset][data-theme] body .native-feature-page .gg-detail{
  background-color:var(--ui-bg)!important;
  background-image:linear-gradient(color-mix(in srgb,var(--ui-bg) 86%,transparent),color-mix(in srgb,var(--ui-bg) 74%,transparent)),var(--site-bg-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .gg-detail-head,
html[data-theme-preset][data-theme] body .native-feature-page .gg-detail-foot,
html[data-theme-preset][data-theme] body .native-feature-page .gg-close{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .gg-detail-head::before,
html[data-theme-preset][data-theme] body .native-feature-page .gg-detail-head::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .gg-detail-body{background:transparent!important;background-image:none!important;border:0!important;border-radius:0;max-width:800px;width:100%;margin:0 auto;padding:0 18px 28px;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-width:auto;scrollbar-color:var(--ui-muted) transparent}
.native-feature-page .gg-detail-body::-webkit-scrollbar{width:6px}
.native-feature-page .gg-detail-body::-webkit-scrollbar-thumb{border-radius:6px;background:var(--ui-muted)}
html[data-theme-preset][data-theme] body .native-feature-page .gg-notice{background:transparent!important;border:0!important;padding-inline:0;color:var(--ui-muted)}
.native-feature-page .gg-scroll-guide{flex:none;max-width:800px;width:100%;margin:0 auto;padding:8px 18px 10px;background:transparent;color:var(--ui-text);text-align:center;font-size:12px;line-height:17px}
.native-feature-page .gg-scroll-track{height:4px;margin-top:7px;border-radius:4px;background:color-mix(in srgb,var(--ui-text) 22%,transparent);overflow:hidden}
.native-feature-page .gg-scroll-track i{display:block;height:100%;border-radius:inherit;background:var(--ui-text);transition:width .12s linear}
@media(max-width:640px){.native-feature-page .xg-pane .gg-layer{top:66px}.native-feature-page .xg-pane .gg-detail-head{min-height:52px}.native-feature-page .xg-pane .gg-detail-body{width:100%;padding:0 14px 24px}.native-feature-page .gg-scroll-guide{padding-inline:14px}}

}
/* movie */
@media not all {
:root{--dy-red:#d92b2f;--dy-text:#15171b;--dy-muted:#747981;--dy-line:#ececef;--feature-bottom-h:68px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[v-cloak]{display:none}
html,body{min-height:100%}
body{margin:0;background:#fff;color:var(--dy-text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
button,input{font:inherit}button{color:inherit}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:0}button:focus-visible,input:focus-visible{outline:2px solid #555;outline-offset:2px}
.dy-search-btn{flex:none;border:0;border-radius:10px;padding:7px 13px;background:#fff;color:#b5252a;font-weight:800;cursor:pointer}.dy-more{display:block;margin:28px auto 0;border:1px solid #dddde1;border-radius:12px;padding:11px 30px;background:#fff;color:#33363c;font-weight:800;cursor:pointer;box-shadow:0 5px 16px rgba(20,20,25,.06)}.dy-more:disabled{cursor:wait;opacity:.55}
.dy-page{width:min(100%,1080px);min-height:100vh;margin:auto;padding:18px 22px 108px}
.dy-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px}.dy-head h1{margin:0;text-align:center;font-size:27px;letter-spacing:.04em}.dy-back{justify-self:start;border:0;padding:9px 5px;background:transparent;color:#3f4248;font-size:14px;font-weight:800;cursor:pointer}.dy-head-space{display:block}
.dy-search{height:52px;display:flex;align-items:center;gap:10px;margin:10px 0 20px;padding:0 17px;border-radius:16px;background:#f4f4f6;color:#73777f}.dy-search svg{width:21px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.dy-search input{width:100%;border:0;outline:0;background:transparent;color:#25272c;font-size:15px}.dy-search input::placeholder{color:#999da4}
.dy-hero{position:relative;height:310px;overflow:hidden;border-radius:22px;background:#252525;cursor:pointer}.dy-hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.04) 72%),url("/ssss/img/discover/demo-posters.png");background-size:cover;background-position:center center;background-repeat:no-repeat}.dy-hero-copy{position:absolute;z-index:1;left:28px;right:40%;bottom:28px;color:#fff}.dy-hero-copy h2{margin:0 0 9px;font-size:33px;line-height:1.1}.dy-hero-copy p{margin:0 0 17px;color:rgba(255,255,255,.78);font-size:14px}.dy-play{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:10px 16px;background:#fff;color:#202126;font-size:13px;font-weight:800;cursor:pointer}.dy-play svg{width:15px;fill:currentColor}
.dy-major-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 9px}.dy-major-categories button{min-width:0;border:1px solid #e4e5e8;border-radius:14px;padding:12px 6px;background:#f5f5f6;color:#40444c;font-weight:850;cursor:pointer}.dy-major-categories button.current{border-color:#d7d8dc;background:#fff;color:var(--dy-red);box-shadow:0 5px 16px rgba(20,20,24,.08)}.dy-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 20px;padding:10px;border-radius:15px;background:#f7f7f8;overflow:visible}.dy-categories button{min-width:0;width:100%;border:0;border-radius:10px;padding:8px 5px;overflow:hidden;background:transparent;color:#777c84;font-size:13px;font-weight:720;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.dy-categories button.current{background:#fff;color:var(--dy-red);box-shadow:0 3px 10px rgba(20,20,24,.08)}
.dy-categories button:focus,.dy-card:focus,.dy-play:focus,.dy-watch:focus,.dy-close:focus{outline:0}
.dy-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.dy-section-title h2{margin:0;font-size:21px}.dy-section-title span{color:var(--dy-muted);font-size:12px}
.dy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}.dy-card{min-width:0;overflow:hidden;border:0;padding:0;background:none;text-align:left;cursor:pointer}.dy-poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:15px;background:#e6e7ea url("/ssss/img/discover/demo-posters.png") no-repeat;background-size:cover;background-position:center;box-shadow:0 8px 22px rgba(25,28,34,.13);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.dy-card:hover .dy-poster{transform:translateY(-4px)}.dy-status{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);border-radius:7px;padding:4px 7px;overflow:hidden;background:rgba(20,20,23,.72);color:#fff;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(5px)}.dy-card h3{height:40px;margin:10px 0 4px;overflow:hidden;font-size:16px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.dy-card p{height:18px;margin:0;overflow:hidden;color:var(--dy-muted);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.dy-hero-copy h2{display:-webkit-box;max-height:74px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}
.poster-1{background-position:0 0}.poster-2{background-position:100% 0}.poster-3{background-position:0 50%}.poster-4{background-position:100% 50%}.poster-5{background-position:0 100%}.poster-6{background-position:100% 100%}
.dy-empty{padding:70px 20px;text-align:center;color:var(--dy-muted)}.dy-empty b{display:block;margin-bottom:8px;color:#303238;font-size:18px}
.dy-sheet{position:fixed;z-index:9100;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(12,13,16,.55);animation:dy-fade .2s ease;overscroll-behavior:contain}.dy-detail{width:min(100%,680px);max-height:min(96vh,100%);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0;background:#fff;animation:dy-up .35s cubic-bezier(.2,.8,.2,1)}.dy-detail-art{position:relative;height:270px;background:#ddd url("/ssss/img/discover/demo-posters.png") no-repeat;background-size:cover;background-position:center center}.dy-detail-art:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#fff)}.dy-close{position:sticky;z-index:2;top:14px;float:right;width:38px;height:38px;margin:14px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:25px;line-height:1;cursor:pointer}.dy-detail-copy{position:relative;margin-top:-54px;padding:0 22px calc(34px + env(safe-area-inset-bottom,0px))}.dy-detail-copy h2{margin:0 0 7px;font-size:28px}.dy-detail-copy .meta{color:var(--dy-muted);font-size:13px}.dy-detail-copy p{margin:16px 0;color:#555b64;font-size:14px;line-height:1.8}.dy-watch{width:100%;margin-top:16px;border:0;border-radius:13px;padding:13px;background:var(--dy-red);color:#fff;font-weight:850;cursor:pointer}.dy-tip{margin-top:10px!important;text-align:center;font-size:11px!important;color:#9a9da3!important}
.dy-episodes{display:flex;gap:7px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.dy-episodes button,.dy-player-episodes button{flex:none;border:1px solid #e1e2e5;border-radius:9px;padding:7px 11px;background:#fff;color:#565b63;font-size:12px;cursor:pointer}.dy-player-layer{position:fixed;z-index:9300;inset:0;display:grid;place-items:center;padding:12px;background:rgba(8,9,11,.86)}.dy-player-dialog{width:min(calc(100vw - 24px),1180px);max-height:97vh;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 26px 80px rgba(0,0,0,.42)}.dy-player-dialog>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 18px;border-bottom:1px solid var(--dy-line)}.dy-player-heading{min-width:0;display:flex;flex-direction:column;gap:2px}.dy-player-heading small{color:#999da4;font-size:11px}.dy-player-heading b{overflow:hidden;font-size:17px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.dy-player-dialog>header button{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:#f1f1f3;font-size:26px;cursor:pointer}.dy-player-box{width:100%;aspect-ratio:16/9;background:#000}.dy-player-box iframe{display:block;width:100%;height:100%;border:0}.dy-player-episodes{display:flex;gap:7px;max-height:104px;padding:12px 15px;overflow:auto}.dy-player-episodes button.current{border-color:#b6262b;color:#b6262b;background:#fff4f4}
.dy-player-state{width:100%;height:100%;min-height:220px;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--ui-bg,#fff);color:var(--ui-muted,#747981);text-align:center}.dy-player-state i{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--ui-primary,#d92b2f) 20%,transparent);border-top-color:var(--ui-primary,#d92b2f);border-radius:50%;animation:dy-player-spin .7s linear infinite}.dy-player-state b{font-size:13px}
@keyframes dy-player-spin{to{transform:rotate(360deg)}}@keyframes dy-up{from{transform:translateY(35px);opacity:.5}}@keyframes dy-fade{from{opacity:0}}
@media(max-width:700px){.dy-page{padding:10px 12px 96px}.dy-head{min-height:43px}.dy-head h1{font-size:23px}.dy-search{height:48px;margin:7px 0 14px;border-radius:14px}.dy-hero{height:210px;border-radius:17px}.dy-hero-copy{left:19px;right:30%;bottom:18px}.dy-hero-copy h2{font-size:27px;line-height:1.12;max-height:61px}.dy-hero-copy p{font-size:12px}.dy-major-categories{margin:14px 0 8px;gap:6px}.dy-major-categories button{padding:10px 4px}.dy-categories{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px;gap:6px;padding:8px}.dy-categories button{min-width:0;padding:8px 4px}.dy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.dy-poster{border-radius:12px}.dy-card h3{height:38px;font-size:15px;line-height:19px}.dy-detail{max-height:96%}.dy-detail-art{height:225px}.dy-player-layer{padding:0}.dy-player-dialog{width:100%;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column}.dy-player-dialog>header{min-height:62px}.dy-player-box{flex:none}.dy-player-episodes{max-height:none;min-height:0;flex:1;align-content:flex-start;flex-wrap:wrap;padding-bottom:calc(var(--feature-bottom-h,68px) + 24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dy-player-heading b{font-size:15px}} 

.dy-close,.dy-player-dialog>header button{width:34px;height:34px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:50%;background:rgba(15,29,51,.72);color:#fff;font-size:23px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* 保留 dh 播放器弹窗结构，只把弹层限制在顶部 Logo 下方的内容区。 */
/* Film details and playback are viewport overlays. The movie pane scrolls, so an
   absolute overlay would scroll away or appear only partly when opened lower down. */
.native-feature-page .xg-pane .dy-sheet,
.native-feature-page .xg-pane .dy-player-layer{position:fixed;top:86px;right:0;bottom:calc(var(--dock-h,40px) + env(safe-area-inset-bottom,0px));left:0;width:100%;height:auto}
.native-feature-page .xg-pane .dy-detail{max-height:100%;min-height:0}
.dy-detail-copy{display:flex;flex-direction:column}
.dy-detail-copy h2{order:-2}
.dy-detail-copy .dy-watch{order:-1;margin-top:6px;margin-bottom:10px}
.native-feature-page .xg-pane .dy-player-layer{display:flex;align-items:stretch;justify-content:stretch;padding:0}
.native-feature-page .xg-pane .dy-player-dialog{width:100%;height:100%;max-height:none;min-height:0;display:flex;flex-direction:column;border-radius:0}
.native-feature-page .xg-pane .dy-player-dialog>header{flex:none}
.native-feature-page .xg-pane .dy-player-box{flex:none;height:min(56.25vw,52dvh);aspect-ratio:auto}
.native-feature-page .xg-pane .dy-player-episodes{flex:1;min-height:0;max-height:none;align-content:flex-start;flex-wrap:wrap;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
@media(max-width:640px){.native-feature-page .xg-pane .dy-sheet,.native-feature-page .xg-pane .dy-player-layer{top:66px}}
@media(prefers-reduced-motion:reduce){.dy-sheet,.dy-detail,.dy-poster{animation:none;transition:none}}

html[data-theme="dark"] .dy-detail,html[data-theme="dark"] .dy-player-dialog,html[data-theme="dark"] .dy-player-dialog>header,html[data-theme="dark"] .dy-player-episodes{border-color:#293649;background:#151e2c;color:#e7edf6}
html[data-theme="dark"] .dy-major-categories button,html[data-theme="dark"] .dy-categories{border-color:#293649;background:#151e2c;color:#cbd5e1}html[data-theme="dark"] .dy-major-categories button.current,html[data-theme="dark"] .dy-categories button.current{border-color:#46566d;background:#202b3b;color:#fff}
html[data-theme="dark"] .dy-detail-copy h2,html[data-theme="dark"] .dy-player-heading b{color:#f1f4f8}html[data-theme="dark"] .dy-detail-copy .meta,html[data-theme="dark"] .dy-player-heading small,html[data-theme="dark"] .dy-tip{color:#9da9ba!important}html[data-theme="dark"] .dy-player-episodes button{border-color:#344258;background:#1d2939;color:#cbd5e1}html[data-theme="dark"] .dy-player-episodes button.current{border-color:#657891;background:#273548;color:#fff}
html[data-theme-preset="blackgold"] .dy-detail,html[data-theme-preset="blackgold"] .dy-player-dialog,html[data-theme-preset="blackgold"] .dy-player-dialog>header,html[data-theme-preset="blackgold"] .dy-player-episodes{border-color:#3c3120!important;background:#151515!important;color:#eee7da!important;box-shadow:none!important}
html[data-theme-preset="blackgold"] .dy-major-categories button,html[data-theme-preset="blackgold"] .dy-categories{border-color:#3c3120!important;background:#151515!important;color:#bdb19d!important}html[data-theme-preset="blackgold"] .dy-major-categories button.current,html[data-theme-preset="blackgold"] .dy-categories button.current{background:#2a241b!important;color:#edc578!important}
html[data-theme-preset="blackgold"] .dy-detail-art:after{background:linear-gradient(transparent,#151515)!important}html[data-theme-preset="blackgold"] .dy-detail-copy h2,html[data-theme-preset="blackgold"] .dy-player-heading b{color:#f2dfb5!important}html[data-theme-preset="blackgold"] .dy-detail-copy p{color:#c8beae!important}html[data-theme-preset="blackgold"] .dy-detail-copy .meta,html[data-theme-preset="blackgold"] .dy-player-heading small,html[data-theme-preset="blackgold"] .dy-tip{color:#aaa092!important}html[data-theme-preset="blackgold"] .dy-watch{background:#b78739!important;color:#111!important}html[data-theme-preset="blackgold"] .dy-episodes button,html[data-theme-preset="blackgold"] .dy-player-episodes button{border-color:#3c3120!important;background:#211c14!important;color:#d8c39a!important}html[data-theme-preset="blackgold"] .dy-player-episodes button.current{border-color:#d6a858!important;background:#302719!important;color:#f2dfb5!important}

/* 播放器标题栏与当前主题面板融为一体，不再显示独立蓝色色块。 */
html[data-theme-preset][data-theme] body .dy-player-dialog>header{background:transparent!important;color:var(--ui-text)!important;border-bottom-color:var(--ui-line)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body .dy-player-heading,html[data-theme-preset][data-theme] body .dy-player-heading small,html[data-theme-preset][data-theme] body .dy-player-heading b{background:transparent!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body .dy-player-heading small{color:var(--ui-muted)!important}
html[data-theme-preset][data-theme] body .dy-player-heading b{color:var(--ui-text)!important}
html[data-theme-preset][data-theme] body .dy-player-dialog>header button,html[data-theme-preset][data-theme] body .dy-player-dialog>header button:is(:hover,:active,:focus,:focus-visible){border:0!important;background:transparent!important;color:var(--ui-text)!important;box-shadow:none!important;outline:0!important}

/* 播放状态、关闭按钮和集数均使用当前主题色，只保留文字层级，不显示蓝色方格。 */
html[data-theme-preset][data-theme] body .dy-player-dialog,html[data-theme-preset][data-theme] body .dy-player-dialog>header,html[data-theme-preset][data-theme] body .dy-player-episodes{background:var(--ui-panel)!important;background-image:none!important}
html[data-theme-preset][data-theme] body .dy-player-dialog>header{border:0!important}
html[data-theme-preset][data-theme] body .dy-player-heading b,html[data-theme-preset][data-theme] body .dy-player-dialog>header button{color:var(--ui-primary)!important}
html[data-theme-preset][data-theme] body .dy-player-episodes button,html[data-theme-preset][data-theme] body .dy-player-episodes button:is(:hover,:active,:focus){border-color:transparent!important;background:transparent!important;background-image:none!important;color:var(--ui-muted)!important;box-shadow:none!important;outline:0!important}
html[data-theme-preset][data-theme] body .dy-player-episodes button.current{border-color:transparent!important;background:transparent!important;background-image:none!important;color:var(--ui-primary)!important;box-shadow:inset 0 -2px 0 var(--ui-primary)!important}

/* Reuse the configured site artwork in the full-screen player. */
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-dialog{
  background-color:var(--ui-bg)!important;
  background-image:linear-gradient(color-mix(in srgb,var(--ui-bg) 88%,transparent),color-mix(in srgb,var(--ui-bg) 76%,transparent)),var(--site-bg-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-dialog>header,
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-episodes{background:transparent!important}
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-dialog>header,
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-heading,
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-dialog>header button{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-dialog>header::before,
html[data-theme-preset][data-theme] body .native-feature-page .dy-player-dialog>header::after{
  display:none!important;
  content:none!important;
}

/* Film and late-night list errors have no dark rectangular panel. */
html[data-theme-preset][data-theme] body .native-feature-page .dy-empty{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme-preset][data-theme] body .native-feature-page .dy-empty b{color:var(--ui-text)!important}

/* Equal-width episode cells: fifteen on desktop, five on phones. */
.native-feature-page .xg-pane .dy-player-episodes{
  display:grid;
  grid-template-columns:repeat(15,minmax(0,1fr));
  align-content:start;
  gap:6px;
}
.native-feature-page .xg-pane .dy-player-episodes button{
  display:block;
  width:100%;
  min-width:0;
  height:34px;
  margin:0;
  padding:0 2px;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:34px;
}
@media(max-width:700px){
  .native-feature-page .xg-pane .dy-player-episodes{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .native-feature-page .xg-pane .dy-player-episodes button{height:36px;font-size:11px;line-height:36px}
}

}
/* recommend */
@media not all {
.tj-category-scroll{display:flex!important;grid-template-columns:none!important;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
.tj-category-scroll::-webkit-scrollbar{display:none}
.tj-category-scroll button{min-width:84px;flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}

}
/* shortvideoCommon */
@media not all {
:root {
    --primary-color: #ff3b30;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    overscroll-behavior: none;
}

.app-container {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    position: relative;
    overflow: hidden;
    padding: 0;
    overscroll-behavior: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

.xg-video-pane,
.swiper-container,
.video-slide,
#video-element {
    overscroll-behavior: none;
    touch-action: none;
}

button, a { touch-action: manipulation; outline: none; -webkit-tap-highlight-color: transparent; }
button:focus:not(:focus-visible), a:focus:not(:focus-visible) { outline: none; }
.video-empty { position:absolute; z-index:30; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:24px; background:#090a0c; color:#fff; text-align:center; }
.video-empty[hidden] { display:none; }
.video-empty b { font-size:18px; }
.video-empty span { color:rgba(255,255,255,.58); font-size:13px; }
.video-empty button { position:relative;z-index:2;margin-top:7px;padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#fff;font-family:inherit;font-size:13px;font-weight:700;line-height:1;touch-action:manipulation;cursor:pointer; }

.wechat-tip {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    z-index: 998;
    display: none;
}

.toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.toast.show {
    opacity: 1;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.loading-ring {
    display: block;
    width: 42px;
    height: 42px;
    border: 4px solid rgba(255,255,255,.22);
    border-top-color: #fff;
    border-radius: 50%;
    animation: loading-ring-spin .8s linear infinite;
}
@keyframes loading-ring-spin {
    to { transform: rotate(360deg); }
}

}
/* shortvideoVideo */
@media not all {
.swiper-container {
    position:absolute; width:100%; height:100%;
    top:0; left:0; transition:none;
}
.swiper-container.anim { transition:transform .26s cubic-bezier(.2,.72,.24,1),opacity .2s ease }
.video-slide { width:100%; height:100%; position:relative; overflow:hidden; }
#video-element {
    display:block; width:100%; height:100%; object-fit:cover; object-position:center center; background:#000;
    opacity:0; transition:opacity .4s;
    transform:translateZ(0);
    backface-visibility:hidden;
}
#video-pre {
    position:absolute;
    inset:0;
    z-index:6;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#000;
    visibility:hidden;
    pointer-events:none;
    will-change:transform;
}
.video-info { position:absolute; left:20px; bottom:14px; z-index:10; max-width:72%; color:#fff!important; }
.video-username { color:#fff!important; font-size:17px; font-weight:800; margin-bottom:8px; text-shadow:none!important; }
.video-desc { color:#fff!important; font-size:14px; font-weight:700; line-height:1.4; text-shadow:none!important; }

}
/* shortvideoRight */
@media not all {
.floating-controls {
    position: absolute;
    right: 14px;
    bottom: 2px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}

.avatar-wrap {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff;
    background: #000;
    transform: translateY(15px);
}

#soundBtn,
#likeBtn,
#rewardBtn {
    transform: translateY(15px);
}

#soundBtn:hover,
#likeBtn:hover,
#rewardBtn:hover {
    transform: translateY(15px) scale(1.08);
}
.avatar-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-wrap + #soundBtn {
    margin-top: -6px;
}
.avatar-plus {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    background: #ff3b30;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #000;
}

.control-btn {
    background: transparent !important;
    border: none;
    width: 50px;   
    height: 50px;  
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.control-btn:hover {
    transform: scale(1.08);
}

.icon-img {
    width: 32px;
    height: 32px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0 1.5px rgba(0,0,0,0.5));
}

#soundBtn .icon-img,
#rewardBtn .icon-img {
    width: 36px;
    height: 36px;
}

.like-count {
    margin-top: 2px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 1.5px rgba(0,0,0,0.8);
    font-weight: 500;
}

.like-btn.active .icon-img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(93%) saturate(7471%) hue-rotate(356deg);
}

.reward-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}
.reward-content {
    background: #17181b;
    color: #f5f5f5;
    border: 1px solid rgba(255,255,255,.13);
    padding: 20px;
    border-radius: 15px;
    max-width: 300px;
    text-align: center;
}
.reward-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.reward-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,.12);
    margin-bottom: 15px;
}
.reward-tab {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.62);
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.reward-tab.active {
    color: #fff;
    border-bottom: 2px solid rgba(255,255,255,.82);
}
.reward-qrcode {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    object-fit: contain;
}
.reward-close {
    margin-top: 15px;
    padding: 8px 20px;
    background: rgba(255,255,255,.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    cursor: pointer;
}

}
/* lottery */
@media not all {
:root{--bg:#f4f7fb;--panel:#fff;--panel-soft:#f7f9fc;--primary:#1f6feb;--primary-strong:#0b5ad9;--accent:#59a8ff;--text:#10213a;--muted:#718096;--line:rgba(31,111,235,.14);--ok:#1d9b68;--bad:#d95964;--warn:#e4a23b;--radius:18px;--lot-shadow:0 12px 32px rgba(17,42,78,.09)}
html[data-theme=dark]{--bg:#0d1420;--panel:#151e2c;--panel-soft:#111a27;--text:#e7edf6;--muted:#99a8bc;--line:#293649;--lot-shadow:none;color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#lotteryApp{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;transition:background .2s,color .2s}button,input,select{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit}[v-cloak]{display:none!important}
.predict-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.predict-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.predict-card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 5%,var(--panel));transform:translateY(-1px)}.predict-card-top,.predict-card-stats{display:flex;align-items:center;justify-content:space-between;gap:8px}.predict-card-top>em{flex:none;color:var(--muted);font-size:10px;font-style:normal}.predict-card-value{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;padding:10px 11px;border-radius:10px;background:var(--panel-soft)}.predict-card-value small,.predict-card-stats small{display:block;color:var(--muted);font-size:10px}.predict-card-value>b{color:var(--primary);font-size:16px}.predict-card-stats>span:last-child{text-align:right}.predict-card-stats b{display:block;margin-top:3px;font-size:13px}.predict-card-stats>span:last-child b{color:var(--primary)}
.lottery-page{width:min(100%,900px);min-height:100vh;margin:auto;padding:18px 18px 108px}.lottery-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;margin:-18px -18px 16px;padding:5px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lottery-site-logo{display:block;width:auto;height:44px;max-width:176px;object-fit:contain;transform:translateY(2px)}.lottery-logo-fallback{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:#fff;font-weight:900}.lottery-head-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:14px}.lottery-head-actions h1{margin:0;font-size:26px;line-height:1.2;white-space:nowrap}.lottery-refresh,.lottery-tool{border:1px solid var(--line);border-radius:11px;padding:9px 13px;background:var(--panel);color:var(--primary);font-weight:750;cursor:pointer}.lottery-refresh:disabled{opacity:.55}
.lottery-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:14px 0 10px}.lottery-tabs button{min-width:0;border:1px solid var(--line);border-radius:11px;padding:10px 6px;background:var(--panel);color:var(--muted);font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer}.lottery-tabs button.current{border-color:color-mix(in srgb,var(--primary) 65%,var(--line));background:color-mix(in srgb,var(--primary) 13%,var(--panel));color:var(--primary)}
.lottery-games{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.lottery-games button{border:0;border-radius:12px;padding:13px 8px;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}.lottery-games button.current{background:var(--primary);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 22%,transparent)}
.lottery-main{padding-top:14px}.lottery-state{min-height:260px;display:grid;place-items:center;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);text-align:center}.lottery-state button{display:block;margin:14px auto 0}.lottery-warning{margin-bottom:10px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--warn) 40%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--warn) 9%,var(--panel));color:var(--text);font-size:12px}
.lottery-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:650;text-align:center}.lottery-loading.compact{min-height:170px}.lottery-loading-spinner{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--primary) 18%,transparent);border-top-color:var(--primary);border-radius:50%;animation:lottery-loading-spin .8s linear infinite}@keyframes lottery-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lottery-loading-spinner{animation-duration:2s}}
.lot-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--lot-shadow);overflow:hidden}.lot-panel+.lot-panel{margin-top:14px}.panel-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:17px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.panel-head>span{color:var(--muted);font-size:12px}.draw-card{padding:18px}.draw-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.draw-top strong{color:var(--primary);font-size:20px}.status-tag{margin-left:7px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,var(--panel));color:var(--primary);font-size:11px}.draw-actions{display:flex;gap:7px}.draw-actions button{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--panel-soft);color:var(--primary);font-weight:700;cursor:pointer}.draw-equation{display:flex;align-items:center;justify-content:center;gap:11px;padding:25px 0 18px}.draw-ball{width:62px;height:62px;display:grid;place-items:center;border:4px solid color-mix(in srgb,var(--primary) 32%,var(--panel));border-radius:50%;background:var(--primary);color:#fff;font-size:25px;font-weight:900;box-shadow:0 5px 15px rgba(22,35,54,.2)}.draw-ball:nth-child(3){background:#39aa75}.draw-ball:nth-child(5){background:#efa43b}.draw-ball.sum{background:#db5365}.draw-op{color:var(--muted);font-size:21px;font-weight:900}.draw-result{display:flex;justify-content:center;gap:9px}.draw-result b,.draw-result span{padding:8px 15px;border-radius:10px;background:var(--panel-soft)}.draw-result b{color:var(--primary);font-size:19px}.draw-result span{color:var(--primary)}.draw-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.draw-meta div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.draw-meta small{display:block;color:var(--muted)}.draw-meta strong{display:block;margin-top:5px;color:var(--primary);font-size:14px}.latest-draw{display:grid;grid-template-columns:1.2fr 2fr .8fr;gap:8px;margin-top:8px}.latest-draw>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.latest-draw small{display:block;color:var(--muted);font-size:11px}.latest-draw strong{display:block;margin-top:5px;overflow:hidden;color:var(--primary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.latest-numbers>span{display:flex;align-items:center;gap:5px;margin-top:5px}.latest-numbers i{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-style:normal;font-weight:850}.latest-numbers i.sum{background:var(--accent)}.latest-numbers b{flex:none;color:var(--muted);font-size:14px}.keno{padding:16px}.keno-list{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.keno-list i{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel-soft);font-size:12px;font-style:normal;font-weight:800}.keno-empty{padding:8px;color:var(--muted);font-size:12px;text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.summary-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.summary-card small{display:block;color:var(--muted)}.summary-card strong{display:block;margin-top:6px;color:var(--primary);font-size:20px}
.table-wrap{overflow:auto}.lot-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.lot-table th{padding:11px 13px;background:var(--panel-soft);color:var(--muted);text-align:left;font-size:11px}.lot-table td{padding:12px 13px;border-top:1px solid var(--line)}.lot-table .number-list{display:flex;align-items:center;gap:4px}.mini-ball{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:850}.right{color:var(--ok);font-weight:850}.wrong{color:var(--bad);font-weight:850}
.prediction-tokens{display:inline-flex!important;align-items:center;gap:4px}.prediction-tokens i{min-width:24px;padding:2px 5px;border-radius:6px;background:var(--panel-soft);font-style:normal;font-weight:900;text-align:center}.prediction-tokens i.hit{color:var(--ok)}.prediction-tokens i.miss{color:var(--bad)}.prediction-tokens i.pending{color:var(--primary)}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.section-intro>div{min-width:0}.section-intro>b{flex:none;white-space:nowrap}.section-intro h2{margin:0;font-size:22px}.section-intro p{margin:5px 0 0;color:var(--muted);font-size:12px}.prediction-types,.trend-periods,.dragon-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.prediction-types button,.trend-periods button,.dragon-filters button{border:1px solid var(--line);border-radius:10px;padding:10px 6px;background:var(--panel);color:var(--muted);font-weight:750;cursor:pointer}.prediction-types button.current,.trend-periods button.current,.dragon-filters button.current{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--panel));color:var(--primary)}.predict-row{display:grid;grid-template-columns:48px minmax(130px,1fr) minmax(110px,1fr) 90px 72px 82px;align-items:center;gap:9px;padding:11px 15px;border-top:1px solid var(--line);font-size:12px}.predict-row.head{border:0;background:var(--panel-soft);color:var(--muted);font-size:11px}.predict-person{display:flex;min-width:0;flex:1;align-items:center;gap:8px}.predict-person>span{min-width:0;flex:1}.predict-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:color-mix(in srgb,var(--primary) 20%,var(--panel));color:var(--primary);font-weight:900}.predict-person b{display:block;white-space:nowrap}.predict-person small{display:block;color:var(--muted)}.predict-value{font-weight:850}.predict-rate{color:var(--primary);font-weight:900}.rank{font-weight:900}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px}.pagination button{border:1px solid var(--line);border-radius:9px;padding:7px 11px;background:var(--panel);cursor:pointer}.pagination button:disabled{opacity:.4}.disclaimer{margin-top:11px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--muted);font-size:11px;line-height:1.6}
.filters{display:grid;grid-template-columns:1.4fr repeat(4,1fr) auto;gap:8px;padding:13px}.filters input,.filters select{min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--panel);color:var(--text);outline:0}.filters button{border:0;border-radius:9px;padding:9px 14px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}
.chart-box{padding:17px}.chart-box svg{display:block;width:100%;height:240px;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1}.chart-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--panel);stroke:var(--primary);stroke-width:2}.chart-label{fill:var(--muted);font-size:10px}.distribution{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.dist-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.dist-card h3{margin:0 0 11px;font-size:14px}.dist-row{display:grid;grid-template-columns:55px 1fr 36px;align-items:center;gap:8px;margin-top:8px;font-size:11px}.dist-bar{height:7px;border-radius:999px;background:var(--line);overflow:hidden}.dist-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.omission-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:11px}.omission-tabs button{flex:none;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--panel);color:var(--muted);cursor:pointer}.omission-tabs button.current{border-color:var(--primary);color:var(--primary)}.omission-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:15px}.omission-item{padding:12px 5px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);text-align:center}.omission-item b{display:block}.omission-item small{display:block;margin-top:4px;color:var(--muted)}
.predict-entry{width:100%;border:0;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.predict-entry:hover{background:color-mix(in srgb,var(--primary) 7%,var(--panel))}.predictor-layer{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:18px 18px calc(18px + var(--feature-bottom-h,68px) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(6px)}.predictor-dialog{display:flex;flex-direction:column;width:min(100%,720px);max-height:88vh;max-height:calc(100dvh - 36px - var(--feature-bottom-h,68px) - env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--lot-shadow);overflow:hidden}.predictor-dialog>header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line);background:var(--panel-soft)}.predictor-dialog>header>div{display:flex;align-items:center;gap:10px}.predictor-dialog>header b,.predictor-dialog>header small{display:block}.predictor-dialog>header small{color:var(--muted)}.predictor-dialog>header button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:23px;cursor:pointer}.predictor-summary{display:flex;justify-content:space-between;gap:10px;padding:12px 17px;border-bottom:1px solid var(--line);color:var(--muted)}.predictor-summary b{color:var(--primary)}.predictor-history{min-height:0;overflow:auto}.predictor-history-row{display:grid;grid-template-columns:1.1fr 1fr 1.4fr 52px;align-items:center;gap:8px;padding:11px 17px;border-top:1px solid var(--line);font-size:12px}.predictor-history-row.head{position:sticky;top:0;z-index:1;border-top:0;background:var(--panel-soft);color:var(--muted)}.predictor-history-row em{font-style:normal}
.native-feature-page .xg-pane .predictor-layer{z-index:9400;inset:86px 0 calc(var(--dock-h,68px) + env(safe-area-inset-bottom,0px));padding:12px;background:color-mix(in srgb,var(--ui-bg,var(--bg)) 72%,transparent)}.native-feature-page .xg-pane .predictor-dialog{max-height:100%;background:var(--ui-panel,var(--panel));border-color:var(--ui-line,var(--line))}.native-feature-page .xg-pane .predictor-dialog>header{background:var(--ui-soft,var(--panel-soft));color:var(--ui-text,var(--text))}.native-feature-page .xg-pane .predictor-dialog>header button{background:var(--ui-panel,var(--panel));color:var(--ui-text,var(--text));border-color:var(--ui-line,var(--line))}
.dragon-intro{align-items:center}.dragon-filters{grid-template-columns:repeat(3,1fr)}.dragon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dragon-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--lot-shadow)}.dragon-card-head,.dragon-card-head>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.dragon-card-head b{font-size:15px}.dragon-card-head span,.dragon-card-head em,.dragon-card-head i{border-radius:999px;padding:4px 8px;background:var(--panel-soft);color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.dragon-card-head em.running{background:color-mix(in srgb,var(--ok) 14%,var(--panel));color:var(--ok)}.dragon-card-head i.level-热门{color:var(--warn)}.dragon-card-head i.level-极端{background:color-mix(in srgb,var(--bad) 13%,var(--panel));color:var(--bad)}.dragon-card p{margin:11px 0 9px;color:var(--muted);font-size:12px}.dragon-card p strong{color:var(--primary);font-size:15px}.dragon-sequence{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.dragon-sequence span{min-width:34px;flex:none;border:1px solid var(--line);border-radius:9px;padding:6px 8px;background:var(--panel-soft);color:var(--text);font-size:11px;font-weight:850;text-align:center}.dragon-card footer{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.dragon-card footer b{color:var(--primary)}.dragon-note{margin:12px 2px 0;color:var(--muted);font-size:11px;line-height:1.6}
.scratch-layer{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,8,16,.7);backdrop-filter:blur(5px)}.scratch-card{position:relative;width:min(100%,420px)}.scratch-card>img{display:block;width:100%;border-radius:18px}.scratch-close{position:absolute;z-index:3;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:22px;cursor:pointer}.scratch-content{position:absolute;left:50%;bottom:7%;width:64%;transform:translateX(-50%);color:#fff;text-align:center;text-shadow:0 1px 4px #000}.scratch-result{position:relative;height:78px;display:grid;place-items:center;margin:10px 0;border-radius:10px;background:#fff;color:#d64555;text-shadow:none;font-size:24px;font-weight:900}.scratch-result canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;touch-action:none}.scratch-tools{display:flex;justify-content:center;gap:7px}.scratch-reset{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.4);border-radius:9px;padding:7px 11px;background:rgba(0,0,0,.28);color:#fff;cursor:pointer}.scratch-reset img{width:16px;height:16px;object-fit:contain}
@media(max-width:640px){.lottery-page{padding:10px 12px 94px}.lottery-head{min-height:50px;margin:-10px -12px 14px;padding:5px 12px}.lottery-site-logo{height:40px;max-width:156px}.lottery-head-actions{gap:10px}.lottery-head-actions h1{font-size:20px}.lottery-refresh{padding:7px 9px}.lottery-tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 0 8px}.lottery-tabs button{padding:9px 3px;font-size:11px}.lottery-games{padding:6px}.lottery-games button{padding:10px 5px}.draw-card{padding:14px}.draw-top{align-items:flex-start}.draw-top strong{font-size:16px}.draw-actions button{padding:7px;font-size:11px}.draw-equation{gap:6px;padding:21px 0 15px}.draw-ball{width:45px;height:45px;border-width:3px;font-size:18px}.draw-op{font-size:15px}.draw-meta{grid-template-columns:1fr}.latest-draw{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-numbers{grid-column:1/-1;grid-row:2}.latest-numbers>span{justify-content:center}.keno-list{grid-template-columns:repeat(5,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr);gap:7px}.summary-card{padding:12px}.summary-card strong{font-size:16px}.section-intro h2{font-size:19px}.predict-table{overflow:auto}.predict-row{min-width:690px}.filters{grid-template-columns:repeat(2,1fr)}.filters input:first-child{grid-column:1/-1}.distribution{grid-template-columns:1fr}.omission-grid{grid-template-columns:repeat(4,1fr)}.panel-head{padding:12px}.lot-table th,.lot-table td{padding:10px 9px}.scratch-content{bottom:5%;font-size:12px}.scratch-result{height:62px;font-size:18px}.native-feature-page .xg-pane .predictor-layer{top:66px;bottom:calc(var(--dock-h,40px) + env(safe-area-inset-bottom,0px));padding:8px}.predictor-dialog{border-radius:15px}.dragon-list{grid-template-columns:1fr}.dragon-card{padding:12px}.dragon-card-head{align-items:flex-start}.dragon-sequence span{min-width:31px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 预测详情沿用公告的半透明毛玻璃层，不显示蓝色实心底板或网格纹理。 */
html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-layer{background:rgba(0,0,0,.32)!important;background-image:none!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-dialog{border:1px solid color-mix(in srgb,var(--ui-line) 55%,transparent)!important;background:color-mix(in srgb,var(--ui-panel) 72%,transparent)!important;background-image:none!important;color:var(--ui-text)!important;box-shadow:0 22px 60px rgba(0,0,0,.2)!important;backdrop-filter:blur(16px) saturate(1.1)!important;-webkit-backdrop-filter:blur(16px) saturate(1.1)!important}
html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-dialog>header,html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-summary,html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-history-row.head{background:transparent!important;background-image:none!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-dialog>header button{border:0!important;background:transparent!important;background-image:none!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-dialog>header::before,html[data-theme-preset][data-theme] body .native-feature-page .xg-pane .predictor-dialog>header::after{display:none!important;content:none!important}
.predictor-summary,.predictor-dialog>.predictor-history-row.head{flex:none}
.predictor-dialog>.predictor-history-row.head{position:relative;top:auto;z-index:1;border-top:0;border-bottom:1px solid var(--ui-line,var(--line))}
.predictor-dialog>.predictor-history{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

}