/* t4 default skin: SY包网 (hcc look). Colors from hcc95588.com :root (2026-09-30). No remote images. */
html.hcc-skin {
  --hcc-primary: #FF6700;
  --hcc-primary-rgb: 255, 103, 0;
  --hcc-primary-2: #FF9E27;
  --hcc-primary-press: #E05A00;
  --hcc-gold: #FFC000;
  --hcc-cream: #FFEFE3;
  --hcc-cream-2: #FFDFC7;
  --hcc-page: #F8F7F7;
  --hcc-card: #FFFFFF;
  --hcc-text: #282828;
  --hcc-muted: #666666;
  --hcc-muted-2: #999999;
  --hcc-line: #E3E3E3;
  --hcc-success: #1FE11F;
  --hcc-danger: #FF0000;
  --hcc-soft: #F3F2F0;
  --Accent-Accent-RGB: 255, 103, 0;
  --Accent-Accent: #FF6700;
  --Accent-Accent_hover: #FF9E27;
  --Accent-Accent_Pressed: #E05A00;
  --Accent-Accent_56: rgba(255, 103, 0, .56);
  --Accent-Accent_32: rgba(255, 103, 0, .32);
  --Accent-Accent_16: rgba(255, 103, 0, .16);
  --Accent-Tonal-Bright: #FFEFE3;
  --Accent-Tonal-Bright_2: #FF9E27;
  --Accent-Tonal-Tonal_56: rgba(255, 103, 0, .56);
  --Accent-Tonal-Tonal_32: rgba(255, 103, 0, .32);
  --Accent-Tonal-Tonal_16: rgba(255, 103, 0, .16);
  --Accent: linear-gradient(90deg, #FF9E27 0%, #FF6700 100%);
  --Base-Accent: #282828;
  --Base-Background: #F8F7F7;
  --Base-Background-RGB: 248, 247, 247;
  --Base-Inverse: #282828;
  --Base-Background_Dark: #FFFFFF;
  --Base-Background_Dark_0: rgb(255 255 255 / 0%);
  --Base-Background_Light: #FFFFFF;
  --Base-Background_Light_0: rgb(255 255 255 / 0%);
  --Neutral-Neutral_1: rgba(40, 40, 40, .56);
  --Neutral-Neutral_2: rgba(40, 40, 40, .03);
  --Neutral-Neutral_4: rgba(40, 40, 40, .04);
  --Neutral-Neutral_8: rgba(255, 103, 0, .06);
  --Neutral-Neutral_12: rgba(255, 103, 0, .10);
  --Neutral-Neutral_20: rgba(255, 103, 0, .16);
  --Neutral-Neutral_32: rgba(255, 103, 0, .28);
  --Neutral-Neutral_56: rgba(40, 40, 40, .56);
  --Neutral-Neutral_72: rgba(40, 40, 40, .72);
  --Neutral-Neutral_80: rgba(40, 40, 40, .80);
  --Neutral-Neutral_100: #282828;
  --Green-Green_Hover: #FF9E27;
  --Green-Green: #FF6700;
  --Green-Green_Pressed: #E05A00;
  --Green-Green_56: rgba(255, 103, 0, .56);
  --Green-Green_32: rgba(255, 103, 0, .32);
  --Green-Green_16: rgba(255, 103, 0, .16);
  --Green-Green_12: rgba(255, 103, 0, .12);
  --green-tonal-green-bright-1: #FFDFC7;
  --Yellow-Yellow_Hover: #FFE566;
  --Yellow-Yellow: #FFC000;
  --Yellow-Yellow_Pressed: #E0A800;
  --Yellow-Yellow_56: rgba(255, 192, 0, .56);
  --Yellow-Yellow_32: rgba(255, 192, 0, .32);
  --Yellow-Yellow_16: rgba(255, 192, 0, .16);
  --Yellow-Yellow_12: rgba(255, 192, 0, .12);
  --color-yellow: #FFC000;
  --Gold: linear-gradient(276deg, #FFC000 0%, #FFEFC8 50%, #FFC000 100%);
  --Red-Red_Hover: #FF4D4D;
  --Red-Red: #FF0000;
  --Red-Red_Pressed: #CC0000;
  --TabBar-ActiveIconColor: #FF6700;
  --tpl-primary: #FF6700;
  --tpl-primary-rgb: 255, 103, 0;
  --tpl-bg: #F8F7F7;
  --tpl-card: #FFFFFF;
  --tpl-text: #282828;
  --tpl-text-2: #666666;
  --tpl-line: #E3E3E3;
  color-scheme: light;
}
html.hcc-skin, html.hcc-skin body { background:#F8F7F7 !important; color:#282828 !important; max-width:100%; overflow-x:hidden !important; }
html.hcc-skin #boot { background:#F8F7F7 !important; color:#282828 !important; }
html.hcc-skin #boot .woai-boot__logo, html.hcc-skin #woai52-tg-title, html.hcc-skin img[src*="52-logo"], html.hcc-skin img[src*="52-splash"], html.hcc-skin img[src*="52-upload"] { display:none !important; }
html.hcc-skin #boot .woai-boot__box::before { content:"SY包网"; display:block; margin-bottom:10px; font-size:28px; font-weight:700; letter-spacing:.18em; color:#FF6700; }
@media (min-width:768px) {
  html.hcc-skin { background:#F3F2F0 !important; }
  html.hcc-skin body { background:transparent !important; }
}
html.hcc-skin #app, html.hcc-skin .app-container, html.hcc-skin main, html.hcc-skin main .page { background:#F8F7F7 !important; color:#282828 !important; max-width:100%; }
html.hcc-skin #app { overflow-x:hidden; }
html.hcc-skin .loader { background:#F8F7F7 !important; color:#282828 !important; }
html.hcc-skin .page-header { background:#FFFFFF !important; color:#282828 !important; box-shadow:inset 0 3px 0 #FF6700, 0 1px 0 #E3E3E3 !important; max-width:100%; box-sizing:border-box; padding-left:8px !important; padding-right:8px !important; }
html.hcc-skin .page-header-safe-mask { background:#FFFFFF !important; }
html.hcc-skin .page-header__name, html.hcc-skin .page-header__wallet-balance, html.hcc-skin .page-header__action-label { color:#282828 !important; }
html.hcc-skin .page-header__level { background:#FFC000 !important; color:#282828 !important; }
html.hcc-skin .page-header__deposit, html.hcc-skin .page-header__wallet, html.hcc-skin .page-header__invite { background:#FFEFE3 !important; color:#FF6700 !important; border:1px solid rgba(255,103,0,.28) !important; }
html.hcc-skin .page-header__user { width:auto !important; max-width:46vw; min-width:0; }
html.hcc-skin .page-header__actions { min-width:0; flex-shrink:1; }
html.hcc-skin #bottom-menu.menu { width:100% !important; max-width:min(430px, 100%) !important; left:50% !important; right:auto !important; bottom:0 !important; transform:translateX(-50%) !important; border-radius:0 !important; padding:0 !important; gap:0 !important; background:#FFFFFF !important; border-top:1px solid #E3E3E3 !important; box-shadow:0 -4px 16px rgba(40,40,40,.06) !important; box-sizing:border-box !important; }
html.hcc-skin #bottom-menu .menu__nav, html.hcc-skin .menu__nav { height:calc(56px + env(safe-area-inset-bottom, 0px)) !important; padding:4px 4px env(safe-area-inset-bottom, 0px) !important; border-radius:0 !important; background:#FFFFFF !important; border:none !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-sizing:border-box !important; width:100%; }
html.hcc-skin .menu__btn { color:#282828 !important; min-width:0 !important; flex:1 1 0 !important; }
html.hcc-skin .menu__label { color:#666666 !important; opacity:1 !important; }
html.hcc-skin .menu__btn.active .menu__label, html.hcc-skin .menu__btn.router-link-active .menu__label { color:#FF6700 !important; }
html.hcc-skin .menu__btn:not(.active):not(.router-link-active) .menu__icon-inactive, html.hcc-skin .menu__btn:not(.active):not(.router-link-active) .icon--color { background-color:#282828 !important; }
html.hcc-skin .menu__btn.active .icon--color, html.hcc-skin .menu__btn.active .menu__icon-active, html.hcc-skin .menu__btn.router-link-active .icon--color, html.hcc-skin .menu__btn.router-link-active .menu__icon-active { background-color:#FF6700 !important; }
html.hcc-skin .menu__indicator { top:auto !important; bottom:calc(6px + env(safe-area-inset-bottom, 0px)) !important; height:3px !important; background:#FF6700 !important; border:none !important; border-radius:2px !important; box-shadow:none !important; }
html.hcc-skin .menu__search, html.hcc-skin .menu__merge-btn, html.hcc-skin .menu__search-bar { background:#FFFFFF !important; border-color:#E3E3E3 !important; color:#282828 !important; }
html.hcc-skin main .page { padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px)); box-sizing:border-box; }
html.hcc-skin .app-container.is-game-page, html.hcc-skin .app-container.is-game-page main, html.hcc-skin .app-container.is-game-page main .page { background:#000 !important; color:#fff !important; }
html.hcc-skin .app-container.is-game-page main .page { padding-bottom:0 !important; }
html.hcc-skin .modal-overlay { background:rgba(40,40,40,.45) !important; }
html.hcc-skin .modal-container, html.hcc-skin .modal-content, html.hcc-skin .modal-header, html.hcc-skin .modal-body { background:#FFFFFF !important; color:#282828 !important; border-color:#E3E3E3 !important; }
html.hcc-skin .modal-container::before { display:none !important; }
html.hcc-skin .modal-title, html.hcc-skin .modal-close { color:#282828 !important; }
html.hcc-skin input, html.hcc-skin textarea, html.hcc-skin select, html.hcc-skin .form-input, html.hcc-skin .input__inner { background:#FFFFFF !important; color:#282828 !important; border-color:#E3E3E3 !important; max-width:100%; box-sizing:border-box; }
html.hcc-skin input::placeholder, html.hcc-skin textarea::placeholder { color:#999999 !important; }
html.hcc-skin .btn-primary, html.hcc-skin .button_primary, html.hcc-skin .button_white, html.hcc-skin button.primary { background:linear-gradient(180deg,#FF9E27,#FF6700) !important; color:#FFFFFF !important; border-color:transparent !important; }
html.hcc-skin .button_grey, html.hcc-skin .btn-secondary { background:#FFEFE3 !important; color:#FF6700 !important; border-color:rgba(255,103,0,.28) !important; }
html.hcc-skin a { color:#FF6700; }
html.hcc-skin .intro__text > span { background:linear-gradient(360deg,#FF6700 0%,#FF9E27 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; }
html.hcc-skin .banner-section, html.hcc-skin .banner-swiper, html.hcc-skin .banner-item, html.hcc-skin .banner-image { background:#FFEFE3 !important; max-width:100%; }
html.hcc-skin .recent-games-section { background:#FFFFFF !important; border-color:#E3E3E3 !important; }
html.hcc-skin .recent-game-card, html.hcc-skin .prize-item, html.hcc-skin .game-card, html.hcc-skin .spin-item { background:#FFFFFF !important; border-color:#E3E3E3 !important; color:#282828 !important; max-width:100%; }
html.hcc-skin .game-card__title, html.hcc-skin .game-name, html.hcc-skin .recent-game-card__title, html.hcc-skin .prize-item__title { color:#FFFFFF !important; }
html.hcc-skin .switch-balance { background:#FFEFE3 !important; }
html.hcc-skin .switch-balance__item.active, html.hcc-skin .bets-list .bet.active, html.hcc-skin .demo__container { background:#FFFFFF !important; color:#FF6700 !important; }
html.hcc-skin .switch--checked .switch__button-handle::before { background-color:#FF6700 !important; }
html.hcc-skin .spin-tab, html.hcc-skin .prize-subtab, html.hcc-skin .btn-tab, html.hcc-skin .btn-tabs { background:#FFFFFF !important; color:#666666 !important; border-color:#E3E3E3 !important; }
html.hcc-skin .spin-tab.active, html.hcc-skin .prize-subtab.active, html.hcc-skin .btn-tab--active { background:#FF6700 !important; color:#FFFFFF !important; border-color:#FF6700 !important; }
html.hcc-skin .subtab-pager, html.hcc-skin .prize-category__pager { background:#FFFFFF !important; color:#282828 !important; border-color:#E3E3E3 !important; }
html.hcc-skin .prize-category__subtabs-wrap::before, html.hcc-skin .prize-category__list-wrap::before { background:linear-gradient(90deg,#F8F7F7,rgba(248,247,247,0)) !important; }
html.hcc-skin .prize-category__subtabs-wrap::after, html.hcc-skin .prize-category__list-wrap::after { background:linear-gradient(270deg,#F8F7F7,rgba(248,247,247,0)) !important; }
html.hcc-skin table, html.hcc-skin .recent-bets__table-container { background:#FFFFFF !important; color:#282828 !important; }
html.hcc-skin .global-logo { display:none !important; }
html.hcc-skin img, html.hcc-skin video, html.hcc-skin canvas, html.hcc-skin iframe { max-width:100%; }
@media (max-width:390px) {
  html.hcc-skin .page-header__deposit, html.hcc-skin .page-header__wallet, html.hcc-skin .page-header__invite { padding-left:6px !important; padding-right:6px !important; font-size:11px !important; }
  html.hcc-skin .menu__label { font-size:10px !important; }
}

html.hcc-skin{
  --tpl-primary:#FF6700 !important;
  --tpl-primary-rgb:255,103,0 !important;
  --tpl-primary-2:#FF9E27 !important;
  --tpl-primary-dark:#E05A00 !important;
  --tpl-primary-soft:rgba(255,103,0,.12) !important;
  --tpl-on-primary:#fff !important;
  --Accent-Accent:#FF6700 !important;
  --Accent-Accent-RGB:255,103,0 !important;
  --Base-Background:#F8F7F7 !important;
  --Base-Accent:#282828 !important;
  --Neutral-Neutral_100:#282828 !important;
  --Green-Green:#FF6700 !important;
  --Yellow-Yellow:#FFC000 !important;
}

/* re-read 2026-10-01 from hcc95588.com inline :root: --skin__home_bg #F8F7F7 --skin__primary #FF6700 --skin__web_topbg_1 #FF9E27 --skin__web_topbg_3 #FF6700 --skin__btmnav_def #282828 --skin__btmnav_active #FF6700 --skin__web_btmnav_db #FFFFFF --skin__bg_2 #FFFFFF --skin__border #E3E3E3 --skin__neutral_1 #666666 --skin__alt_lead #282828 --skin__label_accent3 #FFC000 --skin__bg_1 #F8F8F8 */