/* ç”µçŽ©å¨±ä¹ï¼šç²¾å“è¡—æœºã€å¥–åŠ±åé¦ˆã€ç«‹ä½“æŒ‰é’®ã€‚ */
html[data-ui-theme="arcade"] { --ng-theme-color:#190a29; --ng-accent:#7448ee; --ng-accent-2:#e98143; --ng-accent-rgb:116,72,238; --ng-on-accent:#fff; --ng-page:#11071d; --ng-page-deep:#28103d; --ng-panel:rgba(35,15,54,.88); --ng-panel-solid:#2b1740; --ng-ink:#fff9ff; --ng-muted:#d0b7d9; --ng-line:rgba(163,105,255,.32); --ng-shadow:0 18px 46px rgba(8,1,17,.32),inset 0 1px rgba(255,255,255,.07); --ng-radius:20px; --ng-radius-small:13px; --ng-blur:11px; --ng-title-mark:linear-gradient(180deg,#7f5cf2,#db8050); --ng-button:linear-gradient(125deg,#6743d9,#8957e7 62%,#d97b4a); --ng-broadcast:"!"; --ng-broadcast-bg:linear-gradient(145deg,#7650df,#d37649); --ng-empty-glyph:"\2605"; --ng-modal-head:linear-gradient(125deg,#493091,#7045bd 58%,#aa5f3d); --ng-tab-indicator:linear-gradient(90deg,#7955e7,#d77b49); --ng-button-decoration:linear-gradient(180deg,rgba(255,255,255,.11),transparent 55%); --ng-button-edge:rgba(204,186,244,.42); --ng-button-shadow:0 10px 24px rgba(57,24,100,.28),inset 0 1px rgba(255,255,255,.22); --ng-float-radius:16px; --ng-float-decoration:radial-gradient(circle at 30% 22%,rgba(255,255,255,.22),transparent 31%); --ng-float-shadow:0 13px 30px rgba(54,22,96,.32),inset 0 1px rgba(255,255,255,.25); }
html[data-ui-theme="arcade"] { --ng-control-radius:14px; --ng-focus-ring:rgba(255,139,50,.3); --ng-row-hover:rgba(125,77,255,.14); --ng-row-stripe:rgba(255,139,50,.05); --ng-skeleton-mid:rgba(255,139,50,.2); }
html[data-ui-theme="arcade"][data-theme="light"] { --ng-theme-color:#fff8fb; --ng-accent:#6640cf; --ng-accent-2:#d96e35; --ng-accent-rgb:102,64,207; --ng-page:#fff9fd; --ng-page-deep:#f2e9ff; --ng-panel:rgba(255,255,255,.93); --ng-panel-solid:#fff; --ng-ink:#34203d; --ng-muted:#816d88; --ng-line:rgba(121,72,218,.22); --ng-shadow:0 18px 42px rgba(92,53,121,.11),inset 0 1px rgba(255,255,255,.8); }
html[data-ui-theme="arcade"] body::before { opacity:.16; background-image:linear-gradient(90deg,rgba(128,77,255,.055) 1px,transparent 1px),linear-gradient(rgba(128,77,255,.055) 1px,transparent 1px); background-size:34px 34px; animation:none; }
html[data-ui-theme="arcade"] .ng-theme-scene { opacity:.49; mix-blend-mode:screen; }
html[data-ui-theme="arcade"][data-theme="light"] .ng-theme-scene { opacity:.24; mix-blend-mode:multiply; }
html[data-ui-theme="arcade"] :is(.site-header,.page-shell>header,.marquee-wrap,.popup-modal,.ng-home-popup-card) { background:linear-gradient(145deg,rgba(128,75,255,.15),transparent 38%,rgba(255,132,49,.12)),var(--ng-panel)!important; box-shadow:var(--ng-shadow),inset 0 -3px rgba(118,70,220,.13)!important; }
html[data-ui-theme="arcade"] :is(.card,.game-card,.collector-card,.activity-card) { background:radial-gradient(circle at 88% 12%,rgba(255,139,50,.18),transparent 24%),linear-gradient(145deg,rgba(132,75,255,.13),transparent 45%),var(--ng-panel)!important; }
html[data-ui-theme="arcade"] :is(.category-button,.trial-categories button,.go,.game-card button) { border-radius:13px!important; border-bottom-width:1px!important; }
html[data-ui-theme="arcade"] :is(.game-card img) { border-radius:18px!important; box-shadow:0 5px 0 rgba(87,45,145,.23),0 0 20px rgba(255,132,53,.14)!important; }
html[data-ui-theme="arcade"] :is(.popup-modal,.ng-home-popup-card,.activity-hall-panel,.site-share-panel) { border:1px solid color-mix(in srgb,var(--ng-accent) 42%,#fff)!important; background:radial-gradient(circle at 85% 12%,rgba(255,139,50,.11),transparent 28%),linear-gradient(145deg,rgba(138,80,255,.11),transparent 45%),var(--ng-panel-solid)!important; box-shadow:0 30px 80px rgba(8,1,17,.42),inset 0 1px rgba(255,255,255,.08)!important; animation-name:arcade-modal-enter!important; }
html[data-ui-theme="arcade"] :is(.popup-header h3,.activity-hall-title strong,.site-share-head strong,.collector-player-title)::after { content:none; display:none; }
html[data-ui-theme="arcade"] :is(.empty,.collector-empty,.activity-empty,.empty-state)::before { border-radius:12px; box-shadow:0 4px 0 rgba(99,51,158,.28),0 0 18px rgba(255,139,50,.2); }
@media (hover:hover) { html[data-ui-theme="arcade"] :is(.card,.game-card,.collector-card):hover { transform:translateY(-2px); box-shadow:0 22px 52px rgba(40,20,68,.24)!important; } }
@keyframes arcade-coins { to { background-position:0 168px,30px 0,0 30px; } }
@keyframes arcade-modal-enter { 0% { opacity:0; transform:translateY(22px) scale(.9); } 62% { transform:translateY(-3px) scale(1.015); } 100% { opacity:1; transform:none; } }
html[data-ui-theme="arcade"] { --ng-radius:22px; --ng-radius-small:12px; --ng-control-radius:12px; }
