/* 电玩娱乐：精品街机、奖励反馈、立体按钮。 */
html[data-ui-theme="arcade"] { --ng-theme-color:#190a29; --ng-accent:#7d4dff; --ng-accent-2:#ff8b32; --ng-accent-rgb:125,77,255; --ng-on-accent:#fff; --ng-page:#11071d; --ng-page-deep:#28103d; --ng-panel:rgba(35,15,54,.86); --ng-panel-solid:#2b1740; --ng-ink:#fff9ff; --ng-muted:#d0b7d9; --ng-line:rgba(163,105,255,.39); --ng-shadow:0 12px 0 rgba(58,28,92,.34),0 24px 50px rgba(8,1,17,.43),inset 0 1px rgba(255,255,255,.08); --ng-radius:22px; --ng-radius-small:14px; --ng-blur:13px; --ng-title-mark:linear-gradient(180deg,#8a52ff,#ff9638); --ng-button:linear-gradient(125deg,#6b3fe9,#8e50ff 48%,#ff8137); --ng-broadcast:"!"; --ng-broadcast-bg:linear-gradient(145deg,#8a50ff,#ff7f38); --ng-empty-glyph:"★"; --ng-modal-head:linear-gradient(125deg,#5530b8,#8147ed 46%,#e76c25); --ng-tab-indicator:linear-gradient(90deg,#8a52ff,#ff9638); --ng-button-decoration:radial-gradient(circle at 13% 50%,#ffe174 0 2px,transparent 3px),radial-gradient(circle at 87% 25%,rgba(255,255,255,.72) 0 1.4px,transparent 2.3px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); --ng-button-edge:rgba(255,214,112,.66); --ng-button-shadow:0 6px 0 rgba(68,29,116,.4),0 14px 27px rgba(80,36,130,.3),inset 0 1px rgba(255,255,255,.28); --ng-float-radius:18px; --ng-float-decoration:radial-gradient(circle at 50% 50%,transparent 42%,rgba(255,209,87,.25) 44% 48%,transparent 50%),radial-gradient(circle at 32% 23%,rgba(255,255,255,.32),transparent 28%); --ng-float-shadow:0 5px 0 rgba(69,30,116,.42),0 15px 30px rgba(69,24,113,.38),0 0 21px rgba(255,139,50,.18),inset 0 1px rgba(255,255,255,.3); }
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:#6f43dc; --ng-accent-2:#ef7528; --ng-accent-rgb:111,67,220; --ng-page:#fff9fd; --ng-page-deep:#f2e9ff; --ng-panel:rgba(255,255,255,.91); --ng-panel-solid:#fff; --ng-ink:#34203d; --ng-muted:#816d88; --ng-line:rgba(121,72,218,.25); --ng-shadow:0 8px 0 rgba(133,92,202,.08),0 20px 44px rgba(92,53,121,.12); }
html[data-ui-theme="arcade"] body::before { opacity:.23; background-image:radial-gradient(circle,rgba(255,151,54,.55) 0 2px,transparent 2.8px),linear-gradient(90deg,rgba(128,77,255,.07) 1px,transparent 1px),linear-gradient(rgba(128,77,255,.07) 1px,transparent 1px); background-size:84px 84px,30px 30px,30px 30px; animation:arcade-coins calc(19s / var(--ng-motion-speed)) linear infinite; }
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,.common-tool-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:14px!important; border-bottom-width:3px!important; }
html[data-ui-theme="arcade"] :is(.game-card img,.common-tool-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,.collector-detail-dialog) { border:2px solid color-mix(in srgb,var(--ng-accent) 66%,#fff)!important; background:radial-gradient(circle at 85% 12%,rgba(255,139,50,.2),transparent 25%),linear-gradient(145deg,rgba(138,80,255,.16),transparent 42%),var(--ng-panel-solid)!important; box-shadow:0 9px 0 rgba(73,34,119,.48),0 34px 86px rgba(8,1,17,.5)!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:"BONUS"; padding:4px 7px; border-radius:999px; color:#4d203d; background:#ffd35b; font:900 9px/1 ui-monospace,monospace; box-shadow:0 3px 0 #bd7638; }
html[data-ui-theme="arcade"] :is(.empty,.collector-empty,.common-tools-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,.common-tool-card,.collector-card):hover { transform:translateY(-5px); box-shadow:0 8px 0 rgba(82,38,137,.18),0 28px 58px rgba(79,39,121,.22)!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; } }