:root { --wsb-ink: #181818; --wsb-muted: #666b76; --wsb-line: #e5e0d7; --wsb-paper: #fff; --wsb-surface: #f6f7fa; --wsb-dark: #202020; --wsb-red: #d63b3b; --wsb-red-dark: #9d2828; --wsb-gold: #d9a546; --wsb-gold-light: #f4c85f; --wsb-blue: #2c66aa; --wsb-green: #0d8f70; --wsb-shadow: 0 18px 45px rgba(24, 24, 24, .12); --wsb-radius: 8px; } /* V3 fix116: wallet/member-center narrow layout guard, scoped to /center only. */ .wsb-theme #userCenter-body, .wsb-theme #userCenter-body * { box-sizing: border-box !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0 0 14px !important; padding: 14px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 12px 28px rgba(18, 18, 20, .06) !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 42px !important; margin: 0 !important; padding: 0 12px !important; overflow: hidden !important; border: 1px solid #eadfcd !important; border-radius: 10px !important; background: #fffaf3 !important; color: #626b76 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a.on, .wsb-theme #userCenter-body .userCenter-bankSavings-nav a:hover { border-color: transparent !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; color: #fff !important; box-shadow: 0 12px 22px rgba(181, 31, 42, .14) !important; } .wsb-theme #userCenter-body .paytablist, .wsb-theme #userCenter-body .paytablist .tablist, .wsb-theme #userCenter-body .paytablist .tablist > form, .wsb-theme #userCenter-body .paytablist .tablist .registerform { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; overflow: visible !important; } .wsb-theme #userCenter-body .paytablist .tablist > form { padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist table, .wsb-theme #userCenter-body .paytablist .tablist table tbody { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr { display: grid !important; grid-template-columns: 136px minmax(0, 1fr) !important; align-items: start !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .paytablist .tablist table th, .wsb-theme #userCenter-body .paytablist .tablist table td { display: block !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--wsb-ink) !important; text-shadow: none !important; vertical-align: top !important; } .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 10px !important; color: #626b76 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .paytablist .tablist table td { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; font-size: 14px !important; line-height: 1.65 !important; } .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select { float: none !important; width: 100% !important; max-width: 520px !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose, .wsb-theme #userCenter-body .paytablist .paymenty-choose3, .wsb-theme #userCenter-body .paytablist .tablist table td .paymenty-choose { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose select { flex: 1 1 220px !important; max-width: 520px !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose span, .wsb-theme #userCenter-body .paytablist .paymenty-choose a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; margin: 0 !important; white-space: normal !important; line-height: 1.5 !important; } .wsb-theme #userCenter-body .paytablist .tablist .formbtn td, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn td { display: flex !important; flex-flow: row wrap !important; align-items: center !important; gap: 10px !important; } .wsb-theme #userCenter-body .paytablist .backSaving-tips-con { width: 100% !important; max-width: 100% !important; margin: 16px 0 0 !important; } @media (max-width: 1180px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)) !important; } .wsb-theme #userCenter-body .paytablist { padding: 16px !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 10px !important; gap: 8px !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t { min-height: 40px !important; padding: 0 8px !important; font-size: 14px !important; } .wsb-theme #userCenter-body .paytablist .input-item, .wsb-theme #userCenter-body .paytablist .tablist table tr { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 0 !important; text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select { max-width: none !important; } } @media (max-width: 420px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: 1fr !important; } } /* V3 fix117: final wallet payment guard for narrow PC/H5 viewports. */ .wsb-theme #userCenter-body, .wsb-theme #userCenter-body * { box-sizing: border-box !important; } .wsb-theme #userCenter-body .container, .wsb-theme #userCenter-body .userCenter-box, .wsb-theme #userCenter-body .row, .wsb-theme #userCenter-body .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content, .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .paytablist { max-width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-content { overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important; align-items: stretch !important; } .wsb-theme #userCenter-body .paytablist { padding: 18px !important; border-radius: 16px !important; background: #fff !important; } .wsb-theme #userCenter-body .paytablist .tablist { padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .input-item { display: grid !important; grid-template-columns: 136px minmax(0, 520px) !important; align-items: start !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; clear: both !important; } .wsb-theme #userCenter-body .paytablist .input-title { width: auto !important; min-width: 0 !important; padding-top: 10px !important; text-align: right !important; white-space: normal !important; } .wsb-theme #userCenter-body .paytablist .input-box { width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select { float: none !important; display: block !important; width: 100% !important; max-width: 520px !important; min-width: 0 !important; margin: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist table { overflow: visible !important; } .wsb-theme #userCenter-body .paytablist .tablist table td .Validform_checktip { display: block !important; width: auto !important; min-width: 0 !important; margin: 4px 0 0 !important; color: #a11f2d !important; } .wsb-theme #userCenter-body .paytablist .tablist table td[style*="color"], .wsb-theme #userCenter-body .paytablist .tablist table .pay3Msg td, .wsb-theme #userCenter-body .paytablist .notice { color: #8f5a00 !important; font-weight: 800 !important; line-height: 1.65 !important; } .wsb-theme #userCenter-body .paytablist .tablist .formbtn td, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn td { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; } .wsb-theme #userCenter-body .paytablist .tablist .formbtn .combtn, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn .combtn, .wsb-theme #userCenter-body .paytablist input[type="button"], .wsb-theme #userCenter-body .paytablist input[type="submit"] { width: auto !important; min-width: 138px !important; max-width: 100% !important; } .wsb-theme #userCenter-body .paytablist .backSaving-tips-con { width: 100% !important; max-width: 100% !important; margin-top: 16px !important; } @media (max-width: 900px) { .wsb-theme #userCenter-body .userCenter-box > .row { display: block !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .promottons-leftbg { display: none !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content { float: none !important; width: 100% !important; max-width: 100% !important; } } @media (max-width: 640px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme #userCenter-body .paytablist { padding: 12px !important; } .wsb-theme #userCenter-body .paytablist .input-item, .wsb-theme #userCenter-body .paytablist .tablist table tr { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 0 !important; text-align: left !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select, .wsb-theme #userCenter-body .paytablist .tablist .formbtn .combtn, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn .combtn { max-width: none !important; width: 100% !important; } } @media (max-width: 390px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: 1fr !important; } } /* V3 fix120 EOF: final payment note rows override legacy table/flex rules. */ .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg { display: grid !important; grid-template-columns: 136px minmax(0, 1fr) !important; align-items: start !important; width: 100% !important; margin: 0 0 12px !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg th { min-height: 1px !important; padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td[style*="color"] { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 8px 0 !important; color: #8a5a05 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.8 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td span, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td font, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td a { display: inline !important; width: auto !important; min-width: 0 !important; margin: 0 !important; white-space: normal !important; } @media (max-width: 640px) { .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg th { display: none !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td[style*="color"] { padding: 10px 0 !important; font-size: 13px !important; line-height: 1.75 !important; } } /* V3 fix123 EOF: member center copy and compressed layout polish. */ @media (max-width: 760px) { .wsb-theme .wsb-accountbar { overflow: hidden !important; } .wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: clamp(116px, 28vw, 168px) minmax(0, 1fr) !important; align-items: center !important; gap: 8px 10px !important; width: calc(100% - 18px) !important; min-height: 122px !important; padding: 10px 58px 12px 0 !important; } .wsb-theme .wsb-brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .wsb-theme .wsb-brand img { display: block !important; width: clamp(110px, 26vw, 156px) !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-rows: 34px !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; background-image: none !important; } .wsb-theme .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar #membergrade, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-theme .wsb-userbar .nick { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; max-width: 100% !important; height: 34px !important; padding: 0 !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 34px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: 100% !important; height: 34px !important; min-height: 0 !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; text-align: center !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 2 !important; grid-row: 1 !important; font-size: 0 !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"]::after { content: "账户"; font-size: 13px; line-height: 34px; } .wsb-theme .wsb-userbar .link-cz { grid-column: 3 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 3 !important; grid-row: 2 !important; font-size: 0 !important; } .wsb-theme .wsb-userbar #logout_submit::after { content: "退出"; font-size: 13px; line-height: 34px; } } @media (max-width: 430px) { .wsb-theme .wsb-accountbar-inner { grid-template-columns: 102px minmax(0, 1fr) !important; padding-right: 50px !important; } .wsb-theme .wsb-brand img { width: 100px !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 32px !important; gap: 7px !important; } .wsb-theme .wsb-userbar .nick, .wsb-theme .wsb-userbar a { height: 32px !important; font-size: 12px !important; line-height: 32px !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 2 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-cz { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 1 !important; grid-row: 3 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 2 !important; grid-row: 3 !important; } } @media (max-width: 900px) { .wsb-theme #userCenter-body .userCenter-box > .row { display: block !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .userCenter-box-left { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav { display: block !important; width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 12px !important; border: 1px solid rgba(214, 198, 172, .72) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .94) !important; box-shadow: 0 12px 28px rgba(53, 39, 23, .08) !important; } .wsb-theme #userCenter-body .userCenter-nav-hd { display: none !important; } .wsb-theme #userCenter-body .userCenter-nav ul { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav li, .wsb-theme #userCenter-body .userCenter-nav li.n6, .wsb-theme #userCenter-body .userCenter-nav li.n7, .wsb-theme #userCenter-body .userCenter-nav li.n8, .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { position: relative !important; display: block !important; width: auto !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(218, 207, 190, .9) !important; border-radius: 10px !important; background: #fffdf8 !important; box-shadow: none !important; } .wsb-theme #userCenter-body .userCenter-nav li:before, .wsb-theme #userCenter-body .userCenter-nav li:after { display: none !important; } .wsb-theme #userCenter-body .userCenter-nav li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-height: 42px !important; padding: 8px 6px !important; color: #606975 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important; text-align: center !important; text-indent: 0 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { border-color: rgba(190, 31, 48, .72) !important; background: linear-gradient(180deg, #c92b39 0%, #9d1825 100%) !important; } .wsb-theme #userCenter-body .userCenter-nav li.on a, .wsb-theme #userCenter-body .userCenter-nav li a:hover { color: #fff !important; } } @media (max-width: 520px) { .wsb-theme #userCenter-body .userCenter-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .wsb-theme #userCenter-body .paytablist .tablist form > .userCenter-comnav2 + .input-item, .wsb-theme #userCenter-body .paytablist .tablist form > .userCenter-comnav2 + .input-item + .input-item { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 8px 0 !important; color: #5f5750 !important; background: transparent !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.8 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .paytablist .backSaving-tips-con, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con p, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con li { display: block !important; width: 100% !important; max-width: none !important; color: #5f5750 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.8 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* V3 fix126: make the guest login dropdown visible in compact PC/tablet headers. */ .wsb-theme .wsb-login-wrap { position: relative !important; z-index: 1048 !important; } .wsb-theme .wsb-accountbar, .wsb-theme .wsb-accountbar-inner, .wsb-theme .wsb-accountbar:has(.wsb-login-wrap), .wsb-theme .wsb-accountbar-inner:has(.wsb-login-wrap) { overflow: visible !important; } .wsb-theme .wsb-login-wrap.is-login-open { z-index: 1200 !important; } .wsb-theme .wsb-login-wrap.is-login-open .wsb-login-form { display: grid !important; z-index: 1201 !important; } @media (max-width: 1400px) { .wsb-theme .wsb-login-wrap.is-login-open .wsb-login-form { top: calc(100% + 10px) !important; right: 0 !important; width: min(92vw, 360px) !important; } } /* V3 fix125: keep guest PC header compact and aligned before login. */ @media (min-width: 761px) and (max-width: 1400px) { .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; align-self: center !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; max-width: min(100%, 260px) !important; min-width: 0 !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-mobile-login-toggle, .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 96px !important; max-width: none !important; height: 48px !important; min-height: 48px !important; padding: 0 20px !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { margin: 0 !important; } } @media (max-width: 760px) { .wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { min-height: 76px !important; padding: 10px 58px 10px 0 !important; } .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-mobile-login-toggle, .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 68px !important; max-width: none !important; height: 38px !important; min-height: 38px !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } } @media (max-width: 430px) { .wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { grid-template-columns: 96px minmax(0, 1fr) !important; padding-right: 50px !important; } .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { gap: 6px !important; } .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-mobile-login-toggle, .wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { min-width: 58px !important; height: 34px !important; min-height: 34px !important; padding: 0 9px !important; font-size: 13px !important; } } /* V3 fix122 EOF: final narrow account header and member-center layout guard. */ @media (max-width: 760px) { .wsb-theme .wsb-accountbar { overflow: hidden !important; } .wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: clamp(116px, 28vw, 168px) minmax(0, 1fr) !important; align-items: center !important; gap: 8px 10px !important; width: calc(100% - 18px) !important; min-height: 122px !important; padding: 10px 58px 12px 0 !important; } .wsb-theme .wsb-brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; } .wsb-theme .wsb-brand img { display: block !important; width: clamp(110px, 26vw, 156px) !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-rows: 34px !important; align-items: stretch !important; justify-content: stretch !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; background-image: none !important; } .wsb-theme .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar #membergrade, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-theme .wsb-userbar .nick { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; max-width: 100% !important; min-height: 0 !important; height: 34px !important; padding: 0 !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 34px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: 100% !important; height: 34px !important; min-height: 0 !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; text-align: center !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 2 !important; grid-row: 1 !important; font-size: 0 !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"]::after { content: "账户"; font-size: 13px; line-height: 34px; } .wsb-theme .wsb-userbar .link-cz { grid-column: 3 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 3 !important; grid-row: 2 !important; font-size: 0 !important; } .wsb-theme .wsb-userbar #logout_submit::after { content: "退出"; font-size: 13px; line-height: 34px; } } @media (max-width: 430px) { .wsb-theme .wsb-accountbar-inner { grid-template-columns: clamp(92px, 30vw, 124px) minmax(0, 1fr) !important; min-height: 136px !important; gap: 6px 8px !important; padding: 8px 52px 10px 0 !important; } .wsb-theme .wsb-brand img { width: clamp(88px, 28vw, 116px) !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 30px !important; gap: 6px !important; } .wsb-theme .wsb-userbar .nick { grid-column: 1 !important; grid-row: 1 !important; height: 30px !important; font-size: 13px !important; line-height: 30px !important; } .wsb-theme .wsb-userbar .link-cz { grid-column: 2 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 1 !important; grid-row: 3 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 2 !important; grid-row: 3 !important; } .wsb-theme .wsb-userbar a { height: 30px !important; padding: 0 6px !important; border-radius: 8px !important; font-size: 12px !important; line-height: 30px !important; } } @media (max-width: 900px) { .wsb-theme #userCenter-body .userCenter-box > .row { display: flex !important; flex-direction: column !important; gap: 12px !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left { order: 0 !important; display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; visibility: visible !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content { order: 1 !important; float: none !important; width: 100% !important; max-width: 100% !important; } .wsb-theme #userCenter-body .userCenter-nav { position: static !important; top: auto !important; width: 100% !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 10px !important; overflow: visible !important; border: 1px solid rgba(215, 205, 190, .9) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .96) !important; box-shadow: 0 12px 28px rgba(55, 43, 34, .08) !important; } .wsb-theme #userCenter-body .userCenter-nav-hd { height: auto !important; min-height: 0 !important; margin: 0 0 8px !important; padding: 0 !important; background: transparent !important; line-height: 1.3 !important; } .wsb-theme #userCenter-body .userCenter-nav-hd .tit { padding: 0 !important; background: none !important; color: #9d1b2a !important; font-size: 14px !important; font-weight: 900 !important; } .wsb-theme #userCenter-body .userCenter-nav ul { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav li, .wsb-theme #userCenter-body .userCenter-nav li.n6, .wsb-theme #userCenter-body .userCenter-nav li.n7, .wsb-theme #userCenter-body .userCenter-nav li.n8, .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { display: flex !important; align-items: stretch !important; height: auto !important; min-height: 38px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(215, 205, 190, .9) !important; border-radius: 10px !important; background: #fff !important; } .wsb-theme #userCenter-body .userCenter-nav li:before, .wsb-theme #userCenter-body .userCenter-nav li:after { content: none !important; display: none !important; } .wsb-theme #userCenter-body .userCenter-nav li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 38px !important; padding: 0 8px !important; color: #606b76 !important; background: transparent !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; } .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { border-color: rgba(183, 31, 45, .35) !important; background: #fff1f0 !important; } .wsb-theme #userCenter-body .userCenter-nav li.on a, .wsb-theme #userCenter-body .userCenter-nav li a:hover { color: #9d1b2a !important; } } @media (max-width: 520px) { .wsb-theme #userCenter-body .userCenter-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .wsb-theme #userCenter-body .paytablist .tablist form > .userCenter-comnav2 + .input-item, .wsb-theme #userCenter-body .paytablist .tablist form > .userCenter-comnav2 + .input-item + .input-item { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 8px 0 !important; color: #5f5750 !important; background: transparent !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.8 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .paytablist .backSaving-tips-con, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con .item, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con .p20 { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } .wsb-theme #userCenter-body .paytablist .backSaving-tips-con p, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con li { width: 100% !important; max-width: none !important; margin: 0 0 8px !important; color: #5f5750 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.75 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* V3 fix121 EOF: compact logged-in header for narrow desktop/mobile web views. */ @media (max-width: 760px) { .wsb-theme .wsb-accountbar { overflow: hidden !important; } .wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: clamp(116px, 28vw, 168px) minmax(0, 1fr) !important; align-items: center !important; gap: 8px 10px !important; width: calc(100% - 18px) !important; min-height: 122px !important; padding: 10px 58px 12px 0 !important; } .wsb-theme .wsb-brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; } .wsb-theme .wsb-brand img { display: block !important; width: clamp(110px, 26vw, 156px) !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-rows: 34px !important; align-items: stretch !important; justify-content: stretch !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; background-image: none !important; } .wsb-theme .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar #membergrade, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-theme .wsb-userbar .nick { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; max-width: 100% !important; min-height: 0 !important; height: 34px !important; padding: 0 !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 34px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: 100% !important; height: 34px !important; min-height: 0 !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; text-align: center !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 2 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-cz { grid-column: 3 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 3 !important; grid-row: 2 !important; } } @media (max-width: 430px) { .wsb-theme .wsb-accountbar-inner { grid-template-columns: clamp(92px, 30vw, 124px) minmax(0, 1fr) !important; min-height: 136px !important; gap: 6px 8px !important; padding: 8px 52px 10px 0 !important; } .wsb-theme .wsb-brand img { width: clamp(88px, 28vw, 116px) !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 30px !important; gap: 6px !important; } .wsb-theme .wsb-userbar .nick { grid-column: 1 !important; grid-row: 1 !important; height: 30px !important; font-size: 13px !important; line-height: 30px !important; } .wsb-theme .wsb-userbar .link-cz { grid-column: 2 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 1 !important; grid-row: 3 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 2 !important; grid-row: 3 !important; } .wsb-theme .wsb-userbar a { height: 30px !important; padding: 0 6px !important; border-radius: 8px !important; font-size: 12px !important; line-height: 30px !important; } } /* V3 fix119 EOF: payment limit notes stay as readable sentences. */ .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg { display: grid !important; grid-template-columns: 136px minmax(0, 1fr) !important; align-items: start !important; margin: 0 0 12px !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg th { min-height: 1px !important; padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td[style*="color"] { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 8px 0 !important; color: #8a5a05 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.8 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td span, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td font, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td a { display: inline !important; width: auto !important; min-width: 0 !important; margin: 0 !important; white-space: normal !important; } @media (max-width: 640px) { .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg th { display: none !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td[style*="color"] { padding: 10px 0 !important; font-size: 13px !important; line-height: 1.75 !important; } } /* V3 refresh overrides: keep JSP functions/links intact, upgrade visual shell */ :root { --wsb-ink: #141416; --wsb-muted: #666d76; --wsb-line: #ddd6c8; --wsb-paper: #fff; --wsb-surface: #f2f3ef; --wsb-dark: #111214; --wsb-red: #c62b34; --wsb-red-dark: #8d1d26; --wsb-gold: #c7912c; --wsb-gold-light: #f4c85e; --wsb-blue: #1f66a6; --wsb-green: #0f765f; --wsb-shadow: 0 16px 34px rgba(14, 14, 16, .12); --wsb-radius: 10px; } .wsb-theme { background: linear-gradient(180deg, #111214 0, #111214 318px, #f2f3ef 318px, #f2f3ef 100%); } #scrollHeader { background: #111214; border-bottom: 1px solid rgba(255, 255, 255, .12); box-shadow: none; } .wsb-topbar, .wsb-accountbar, .wsb-nav-wrap { background: #111214; } .wsb-topbar { border-bottom: 1px solid rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .72); } .wsb-accountbar-inner { min-height: 74px; } .wsb-brand img, .header-logo2 img { width: 178px; } .wsb-login-form .inp { height: 40px; border-color: rgba(255, 255, 255, .18); border-radius: 9px; color: #fff; background: rgba(255, 255, 255, .08); } .wsb-login-form .inp::placeholder { color: rgba(255, 255, 255, .62); } .wsb-login-links a, .wsb-userbar, .wsb-userbar .nick { color: rgba(255, 255, 255, .82); } .wsb-userbar a { color: var(--wsb-gold-light); background: rgba(244, 200, 94, .1); } .add-account, .wsb-login-form .login-btn, .wsb-btn, .combtn, .btn-red, input.btn-red, button.btn-red { border-radius: 9px; background: linear-gradient(135deg, #d33a42, #8d1d26); box-shadow: 0 12px 22px rgba(141, 29, 38, .24); } .wsb-nav-inner { min-height: 62px; align-items: center; } .header-menu { gap: 8px; } .header-menu > li > a { min-height: 48px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 9px; color: #f8f8f8 !important; background: rgba(255, 255, 255, .08); line-height: 46px; } .header-menu > li.on > a, .header-menu > li > a[aria-current="page"], .header-menu > li > a:hover { border-color: rgba(198, 43, 52, .34); background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .header-menu > li > a:after { display: none; } .header-menu .en { color: rgba(255, 255, 255, .62); } .wsb-notice { background: rgba(255, 255, 255, .98); } .notice-bd { border-left: 4px solid var(--wsb-red); border-radius: 12px; background: #fff; box-shadow: 0 12px 28px rgba(16, 18, 20, .08); } #f-content { background: var(--wsb-surface); } .wsb-hero { min-height: 420px; border-radius: 0 0 16px 16px; background: #111214; } .wsb-hero:after { background: linear-gradient(90deg, rgba(12, 12, 14, .94) 0%, rgba(32, 19, 22, .78) 45%, rgba(15, 70, 61, .52) 100%), linear-gradient(135deg, transparent 0 42%, rgba(244, 200, 94, .22) 42% 43%, transparent 43% 100%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 72px); } .wsb-hero-content { min-height: 420px; grid-template-columns: minmax(0, 1fr) 330px; gap: 32px; padding: 38px 0 54px; } .wsb-hero h1 { max-width: 11em; font-size: 58px; line-height: 1.04; } .wsb-hero p { max-width: 31em; margin-top: 14px; font-size: 18px; line-height: 1.6; } .wsb-hero-actions { gap: 9px; margin-top: 20px; } .wsb-hero-panel { grid-template-columns: 1fr; gap: 12px; overflow: visible; border: 0; background: transparent; box-shadow: none; } .wsb-hero-panel div { min-height: 92px; align-content: center; padding: 18px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 10px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(12px); } .wsb-quick-links { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: -30px; } .wsb-quick-card { min-height: 112px; padding: 16px; border-radius: 12px; } .wsb-quick-card strong { margin-top: 22px; font-size: 20px; } .wsb-quick-sport { background: linear-gradient(135deg, #0f6f60, #123a35); } .wsb-quick-live { background: linear-gradient(135deg, #9d2828, #3a1518); } .wsb-quick-promo { background: linear-gradient(135deg, #9b7122, #3b2710); } .wsb-quick-download { background: linear-gradient(135deg, #2467a8, #122c48); } .wsb-section { padding: 58px 0; } .wsb-section-head h2 { font-size: 30px; } .wsb-game-grid, .wsb-service-grid { gap: 14px; } .wsb-game-card, .wsb-service-grid > div, .promottons-box, .register-main, .download-box, .userCenter-content, .userCenter-comnav, .userCenter-com-bd, #download .mobilemain { border: 1px solid rgba(20, 20, 22, .1); border-radius: 12px; box-shadow: 0 12px 28px rgba(16, 18, 20, .08); } .wsb-game-card img { aspect-ratio: 16 / 7.6; } .wsb-game-card h3 { font-size: 22px; } .promottons-nav a, .userCenter-comnav a, .userCenter-subnav a { border-radius: 999px; } .promottons-nav li.on a, .promottons-nav a:hover, .userCenter-comnav .on a, .userCenter-subnav .on a { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .promottons-activity .item-photo img { border-radius: 12px; } #download .mobilemain { background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 246, 240, .96)), #fff; } #download .main { min-height: 420px; } #download .text h1 { color: var(--wsb-ink); } #app-nav-btn li { border-radius: 10px; } #app-nav-btn li.on { background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .slide-menu { filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .2)); } @media (max-width: 1080px) { .header-menu > li > a { min-width: 0; color: var(--wsb-ink) !important; background: #f7f5ef; } .header-menu > li.on > a, .header-menu > li > a[aria-current="page"], .header-menu > li > a:hover { color: #fff !important; } .wsb-hero-content { grid-template-columns: 1fr; } .wsb-hero-panel { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 760px) { .wsb-theme { background: linear-gradient(180deg, #111214 0, #111214 172px, #f2f3ef 172px, #f2f3ef 100%); } .wsb-accountbar-inner { min-height: 64px; gap: 12px; } .wsb-brand img, .header-logo2 img { width: 148px; } .wsb-login-wrap { display: none; } .wsb-nav-inner { min-height: 56px; } .wsb-nav-toggle { border-color: rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .08); } .wsb-nav-toggle span { background: #fff; } .wsb-hero { min-height: 0; border-radius: 0 0 14px 14px; } .wsb-hero-content { min-height: 0; gap: 16px; padding: 22px 0 28px; } .wsb-hero h1 { font-size: 34px; } .wsb-hero p { font-size: 15px; line-height: 1.58; } .wsb-hero-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .wsb-hero-panel div { min-height: 72px; padding: 11px 9px; } .wsb-hero-panel strong { font-size: 17px; } .wsb-hero-panel span { font-size: 11px; } .wsb-quick-links { grid-template-columns: repeat(4, minmax(86px, 1fr)); overflow-x: auto; margin-top: 12px; padding-bottom: 2px; scrollbar-width: none; } .wsb-quick-links::-webkit-scrollbar { display: none; } .wsb-quick-card { min-height: 92px; } .wsb-quick-card strong { margin-top: 20px; font-size: 18px; } .wsb-section { padding: 34px 0; } .wsb-game-card, .wsb-game-large { min-height: 0; } #download .swiper-container, #download .main { min-height: 0; } } .wsb-theme { min-width: 0; color: var(--wsb-ink); background: var(--wsb-surface); font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; line-height: 1.5; } .wsb-theme *, .wsb-theme *:before, .wsb-theme *:after { box-sizing: border-box; } .wsb-theme a { text-decoration: none; } .wsb-theme img { max-width: 100%; } .wsb-theme .container { width: min(1180px, calc(100% - 32px)); max-width: none; padding-left: 0; padding-right: 0; } #scrollHeader { position: sticky; top: 0; z-index: 999; background: rgba(255, 255, 255, .96); border-bottom: 1px solid rgba(229, 224, 215, .9); box-shadow: 0 10px 30px rgba(20, 20, 20, .06); backdrop-filter: blur(16px); } .wsb-topbar { color: #f7efe3; background: var(--wsb-dark); font-size: 13px; } .wsb-topbar-inner, .wsb-contact, .wsb-toplinks, .wsb-accountbar-inner, .wsb-login-wrap, .wsb-login-form, .wsb-userbar, .wsb-nav-inner, .header-menu, .notice-bd { display: flex; align-items: center; } .wsb-topbar-inner { min-height: 36px; justify-content: space-between; gap: 18px; } .wsb-contact, .wsb-toplinks { gap: 18px; flex-wrap: wrap; } .wsb-topbar a, .wsb-topbar strong { color: var(--wsb-gold-light); font-weight: 700; } .wsb-accountbar { background: #fff; } .wsb-accountbar-inner { min-height: 76px; justify-content: space-between; gap: 24px; } .wsb-brand img, .header-logo2 img { width: 162px; height: auto; } .wsb-login-wrap { justify-content: flex-end; gap: 12px; flex: 1; } .wsb-login-form { gap: 8px; margin: 0; } .wsb-login-form .link-inp { display: block; } .wsb-login-form .inp { width: 150px; height: 38px; padding: 0 12px; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); color: var(--wsb-ink); background: #fff; outline: 0; box-shadow: none; } .wsb-login-form .inp-code { width: 92px; padding-right: 8px; } .wsb-login-form .ZhuCode { display: flex; align-items: center; gap: 6px; } .wsb-login-form .code-img img { width: 74px; height: 34px; border: 1px solid var(--wsb-line); border-radius: 6px; object-fit: cover; cursor: pointer; } .wsb-login-form .inp:focus { border-color: var(--wsb-gold); box-shadow: 0 0 0 3px rgba(217, 165, 70, .18); } .wsb-login-form .login-btn, .add-account, .wsb-btn, .combtn, .btn-red, input.btn-red, button.btn-red { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 18px; border: 0; border-radius: var(--wsb-radius); color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); box-shadow: 0 10px 22px rgba(214, 59, 59, .24); font-weight: 700; line-height: 1; cursor: pointer; } .wsb-login-links { display: flex; gap: 10px; white-space: nowrap; } .wsb-login-links a { color: var(--wsb-red-dark); font-size: 13px; font-weight: 700; } .wsb-userbar { justify-content: flex-end; gap: 12px; flex: 1; color: var(--wsb-muted); } .wsb-userbar .nick { color: var(--wsb-ink); font-size: 16px; } .wsb-userbar a { padding: 8px 10px; border-radius: var(--wsb-radius); color: var(--wsb-red-dark); background: #fff4f0; font-weight: 700; } .wsb-nav-wrap { background: #fff; } #header { background: #fff; } .wsb-nav-inner { min-height: 64px; gap: 20px; } .header-logo2 { display: none; } .header-menu { float: none; width: 100%; min-height: 0; margin: 0; padding: 0; list-style: none; justify-content: center; gap: 2px; } .header-menu > li { float: none; height: auto; margin: 0; padding: 0; background: none; } .header-menu > li > a { position: relative; display: block; min-width: 98px; padding: 17px 10px 15px; color: #282828; text-align: center; font-size: 15px; font-weight: 700; } .header-menu > li > a:after { position: absolute; right: 15px; bottom: 8px; left: 15px; height: 3px; border-radius: 999px; background: var(--wsb-red); transform: scaleX(0); transform-origin: left; transition: transform .18s ease; content: ""; } .header-menu i { display: block; font-style: normal; } .header-menu .en { display: block; margin-top: 2px; color: #9a9a9a; font-size: 10px; font-weight: 600; letter-spacing: 0; } .header-menu > li.on > a, .header-menu > li > a[aria-current="page"], .header-menu > li > a:hover { color: var(--wsb-red-dark); background: #fff6f2; } .header-menu > li.on > a:after, .header-menu > li > a[aria-current="page"]:after, .header-menu > li > a:hover:after { transform: scaleX(1); } .wsb-nav-toggle { display: none; width: 42px; height: 42px; margin-left: auto; padding: 0; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); background: #fff; } .wsb-nav-toggle span { display: block; width: 18px; height: 2px; margin: 4px auto; background: var(--wsb-ink); } .wsb-notice { border-top: 1px solid var(--wsb-line); border-bottom: 1px solid var(--wsb-line); background: #fbfaf7; } .notice-bd { min-height: 46px; gap: 14px; overflow: hidden; } .notice-bd strong { flex: 0 0 auto; color: var(--wsb-red-dark); font-weight: 800; } .notice-bd .str4 { min-width: 0; flex: 1; height: 28px; overflow: hidden; } .notice-bd .marquee-content { color: var(--wsb-muted); font-size: 14px !important; line-height: 28px; } .wsb-notice-more { flex: 0 0 auto; color: var(--wsb-blue); font-size: 14px; font-weight: 700; } #f-content { min-height: 560px; background: var(--wsb-surface); } .wsb-hero { position: relative; min-height: 620px; overflow: hidden; color: #fff; background: #111; } .wsb-hero-swiper, .wsb-hero-swiper .swiper-wrapper, .wsb-hero-swiper .swiper-slide, .wsb-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; } .wsb-hero-bg { display: block; background-position: center; background-size: cover; } .wsb-hero:after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 12, 12, .9), rgba(12, 12, 12, .45) 50%, rgba(12, 12, 12, .12)), linear-gradient(0deg, rgba(0, 0, 0, .35), transparent 44%); content: ""; } .wsb-hero .swiper-pagination, .wsb-hero .swiper-button-prev, .wsb-hero .swiper-button-next { z-index: 3; } .wsb-hero .swiper-pagination-bullet { width: 34px; height: 4px; border-radius: 999px; background: rgba(255, 255, 255, .62); opacity: 1; } .wsb-hero .swiper-pagination-bullet-active { background: var(--wsb-gold-light); } .wsb-hero-content { position: relative; z-index: 2; display: grid; min-height: 620px; grid-template-columns: minmax(0, 650px) minmax(280px, 360px); align-items: center; justify-content: space-between; gap: 44px; padding: 72px 0 90px; } .wsb-eyebrow { margin: 0 0 10px; color: var(--wsb-gold-light); font-size: 12px; font-weight: 900; letter-spacing: 0; text-transform: uppercase; } .wsb-hero h1 { margin: 0; color: #fff !important; font-size: 88px; font-weight: 900; line-height: 1.06; } .wsb-hero p { max-width: 560px; margin: 18px 0 0; color: rgba(255, 255, 255, .86) !important; font-size: 20px; } .wsb-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; } .wsb-btn { min-height: 46px; padding: 0 22px; } .wsb-btn-ghost { color: #fff !important; border: 1px solid rgba(255, 255, 255, .46); background: rgba(255, 255, 255, .12); box-shadow: none; } .wsb-hero-panel { display: grid; gap: 1px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--wsb-radius); background: rgba(255, 255, 255, .12); box-shadow: var(--wsb-shadow); backdrop-filter: blur(14px); } .wsb-hero-panel div { padding: 20px 22px; background: rgba(18, 18, 18, .45); } .wsb-hero-panel span { display: block; color: rgba(255, 255, 255, .68); font-size: 13px; } .wsb-hero-panel strong { display: block; margin-top: 4px; color: #fff; font-size: 18px; } .wsb-quick-links { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: -44px; } .wsb-quick-card { min-height: 132px; padding: 20px; border-radius: var(--wsb-radius); color: #fff !important; box-shadow: var(--wsb-shadow); } .wsb-quick-card span { font-size: 12px; font-weight: 900; } .wsb-quick-card strong { display: block; margin-top: 26px; font-size: 22px; line-height: 1.2; } .wsb-quick-card p { margin: 6px 0 0; color: rgba(255, 255, 255, .78); } .wsb-quick-sport { background: linear-gradient(135deg, #1f663f, #123622); } .wsb-quick-live { background: linear-gradient(135deg, #8f2c2c, #411818); } .wsb-quick-promo { background: linear-gradient(135deg, #9b7122, #3d2910); } .wsb-quick-download { background: linear-gradient(135deg, #275889, #132b43); } .wsb-section { padding: 82px 0; } .wsb-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; } .wsb-section h2, .wsb-join h2 { margin: 0; color: var(--wsb-ink); font-size: 42px; font-weight: 900; line-height: 1.15; } .wsb-section-head > a { color: var(--wsb-red-dark); font-weight: 900; } .wsb-game-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 16px; } .wsb-game-card { position: relative; min-height: 244px; overflow: hidden; border-radius: var(--wsb-radius); background: #181818; box-shadow: 0 12px 30px rgba(24, 24, 24, .12); } .wsb-game-large { grid-row: span 2; min-height: 504px; } .wsb-game-wide { grid-column: span 2; } .wsb-game-card img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: transform .32s ease; } .wsb-game-card:after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 64%); content: ""; } .wsb-game-card:hover img { transform: scale(1.04); } .wsb-game-card > div { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 22px; color: #fff; } .wsb-game-card span { color: var(--wsb-gold-light); font-size: 12px; font-weight: 900; } .wsb-game-card h3 { margin: 4px 0 8px; font-size: 28px; font-weight: 900; line-height: 1.12; } .wsb-game-card p { max-width: 360px; margin: 0 0 14px; color: rgba(255, 255, 255, .78); } .wsb-game-card a { display: inline-flex; min-height: 34px; align-items: center; margin: 3px 4px 0 0; padding: 0 13px; border-radius: var(--wsb-radius); color: var(--wsb-ink) !important; background: var(--wsb-gold-light); font-size: 14px; font-weight: 900; } .wsb-service { background: #fff; border-top: 1px solid var(--wsb-line); border-bottom: 1px solid var(--wsb-line); } .wsb-service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .wsb-service-grid div { padding: 22px; border-left: 4px solid var(--wsb-gold); border-radius: var(--wsb-radius); background: var(--wsb-surface); } .wsb-service-grid strong { display: block; font-size: 18px; } .wsb-service-grid p { margin: 8px 0 0; color: var(--wsb-muted); } .wsb-join { padding: 50px 0; color: #fff; background: linear-gradient(110deg, rgba(24, 24, 24, .97), rgba(101, 46, 39, .88)), url(/res/images/banner/vipsys.jpg) center / cover; } .wsb-join .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .wsb-join h2 { color: #fff; } .wsb-join p:not(.wsb-eyebrow) { max-width: 650px; margin: 10px 0 0; color: rgba(255, 255, 255, .78); } .wsb-footer { margin-top: 0; color: rgba(255, 255, 255, .74); background: #171717; } .wsb-footer-main { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.4fr); gap: 48px; padding: 46px 0; } .wsb-footer-brand img { width: 150px; margin-bottom: 14px; } .wsb-footer-brand p { margin: 0 0 18px; } .wsb-footer-contact { display: grid; gap: 8px; } .wsb-footer a { color: #fff; } .wsb-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } .wsb-footer-grid h3 { margin: 0 0 12px; color: var(--wsb-gold-light); font-size: 16px; } .wsb-footer-grid a { display: block; margin: 8px 0; color: rgba(255, 255, 255, .78); } .wsb-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .12); } .wsb-footer-bottom .container { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 18px; } .wsb-footer-bottom p { margin: 0; } .wsb-footer-bottom a { margin-left: 16px; } .wsb-theme .wsb-userbar, .wsb-theme .wsb-userbar span, .wsb-theme .wsb-userbar .nick { color: rgba(255, 255, 255, .84) !important; } .wsb-theme .wsb-userbar .nick { color: var(--wsb-gold-light) !important; font-weight: 900; } .wsb-theme .wsb-userbar a { min-height: 36px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 10px; color: #fff !important; font-weight: 900; line-height: 34px; background: rgba(255, 255, 255, .1); } .wsb-theme .wsb-userbar .link-cz { color: #18b35c !important; background: #fffaf4; } .wsb-theme .wsb-userbar .link-zz { color: #e28f00 !important; background: #fffaf4; } .wsb-theme .wsb-userbar a:hover { color: #fff !important; border-color: rgba(198, 43, 52, .35); background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .wsb-theme .wsb-footer { border-top: 1px solid rgba(244, 200, 94, .18); background: linear-gradient(180deg, #17110e 0%, #120e0c 100%) !important; } .wsb-theme .wsb-footer-main { display: grid !important; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important; gap: 40px !important; align-items: start !important; padding: 30px 0 26px !important; } .wsb-theme .wsb-footer-brand { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; } .wsb-theme .wsb-footer-grid { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; display: grid !important; grid-template-columns: repeat(4, minmax(112px, 1fr)) !important; gap: 18px 22px !important; margin: 0 !important; } .wsb-theme .wsb-footer-brand img { width: 150px; margin: 0 0 12px; } .wsb-theme .wsb-footer-brand p { max-width: 520px; margin: 0 0 14px; color: rgba(255, 255, 255, .7); font-size: 14px; line-height: 1.8; } .wsb-theme .wsb-footer-contact { display: grid; gap: 8px; color: rgba(255, 255, 255, .74); font-size: 15px; } .wsb-theme .wsb-footer-grid h3 { margin: 0 0 10px; color: var(--wsb-gold-light); font-size: 16px; font-weight: 900; line-height: 1.3; } .wsb-theme .wsb-footer-grid a { display: block; margin: 0; padding: 5px 0; color: rgba(255, 255, 255, .72) !important; font-size: 14px; line-height: 1.55; } .wsb-theme .wsb-footer-grid a:hover, .wsb-theme .wsb-footer-contact a:hover { color: #fff !important; } .wsb-theme .wsb-footer-bottom .container { min-height: 44px; font-size: 13px; } .slide-menu { position: fixed !important; right: 18px !important; bottom: 96px !important; top: auto !important; left: auto !important; z-index: 80; width: auto !important; } .slide-menu .se ul { display: grid !important; gap: 8px; margin: 0; padding: 0; } .slide-menu li { width: 54px !important; height: 44px !important; overflow: visible !important; border-radius: var(--wsb-radius); background: rgba(24, 24, 24, .9); box-shadow: 0 8px 18px rgba(0, 0, 0, .18); } .slide-menu li a { display: flex !important; width: 54px !important; height: 44px !important; align-items: center; justify-content: center; color: #fff; font-size: 0; } .slide-menu li a:after { display: block; content: attr(data-label); font-size: 13px; font-weight: 900; } .slide-menu img.t1, .slide-menu img.t2 { display: none !important; } .slide-menu .qrcodecs { position: absolute; right: 62px; bottom: 0; display: none; padding: 10px; border-radius: var(--wsb-radius); background: #fff; box-shadow: var(--wsb-shadow); } .slide-menu .ewm:hover .qrcodecs { display: block !important; } #userCenter-body, #promottons-body, #help-body, #download, #content, #lobby, #download-body, #aboutUs-body, #notice-body { background: var(--wsb-surface) !important; } #inner-userCenter, #inner-promottons, #inner-help, #inner-aboutUs, #inner-download, #inner-notice { padding: 36px 0 54px; } .userCenter-box, .promottons-box, .register-main, .aboutUs-box, .download-box, .notice-box { position: relative; overflow: hidden; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); background: #fff; box-shadow: 0 12px 30px rgba(24, 24, 24, .08); } .userCenter-box .row, .promottons-box .row { margin-left: 0; margin-right: 0; } .userCenter-box-left, .promottons-leftbg, .promottons-rightbg { display: none; } .member-top-list, .userCenter-top, .member_top_list { margin-bottom: 16px; } .userCenter-box [class*="col-"], .promottons-box [class*="col-"] { padding: 0; } .userCenter-box .col-sm-3, .promottons-box .col-sm-3 { background: #202020; } .userCenter-box .col-sm-9, .promottons-box .col-sm-9 { background: #fff; } .userCenter-content, .promottons-activity { min-height: 520px; padding: 26px; background: #fff; } .reg-banner { overflow: hidden; margin-bottom: 18px; border-radius: var(--wsb-radius); box-shadow: var(--wsb-shadow); } .reg-banner img { width: 100%; display: block; } .inner-guide { margin-bottom: 14px; color: var(--wsb-muted); font-size: 14px; } .inner-guide a { color: var(--wsb-red-dark); font-weight: 800; } .wsb-theme #help-body { color: #221917; background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(246, 241, 233, .96)), var(--wsb-surface) !important; } .wsb-theme #inner-help { padding: 30px 0 64px !important; background: radial-gradient(circle at 86% 0, rgba(193, 42, 52, .12), transparent 30%), linear-gradient(180deg, #faf7f1 0, #f1eadf 100%) !important; } .wsb-theme #help-body .container { width: min(1180px, calc(100% - 32px)); padding-left: 0; padding-right: 0; } .wsb-theme #help-body .help-banner { position: relative; width: min(1180px, calc(100% - 32px)); margin: 0 auto 18px; overflow: hidden; border: 1px solid rgba(118, 98, 65, .24); border-radius: var(--wsb-radius); background: #191714; box-shadow: 0 18px 46px rgba(24, 24, 24, .14); } .wsb-theme #help-body .help-banner:before, .wsb-theme #help-body .help-banner:after { position: absolute; left: 34px; z-index: 1; color: #fff; letter-spacing: 0; } .wsb-theme #help-body .help-banner:before { content: "帮助中心"; bottom: 58px; font-size: 36px; font-weight: 900; line-height: 1.1; } .wsb-theme #help-body .help-banner:after { content: "关于我们 · 常见问题 · 规则条款"; bottom: 28px; color: rgba(255, 255, 255, .78); font-size: 16px; font-weight: 700; } .wsb-theme #help-body .help-banner img { display: block; width: 100%; height: clamp(150px, 22vw, 238px); object-fit: cover; opacity: .28; filter: saturate(.35) contrast(.78); } .wsb-theme #help-body .inner-guide { margin: 0 0 14px; padding: 0; border: 0; color: #7b7168; line-height: 22px; } .wsb-theme #help-body .inner-guide:after { display: none; } .wsb-theme #help-body .help-main { clear: both; overflow: visible !important; padding: 0 0 54px !important; max-width: 100%; } .wsb-theme #help-body .help-main > .row { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; width: 100%; margin-left: 0; margin-right: 0; } .wsb-theme #help-body .help-main > .row:before, .wsb-theme #help-body .help-main > .row:after { display: none !important; content: none !important; } .wsb-theme #help-body .fixed-menu, .wsb-theme #help-body .scroll-content { float: none !important; width: auto !important; max-width: 100%; min-width: 0; min-height: 0; padding-left: 0; padding-right: 0; } .wsb-theme #help-body .fixed-menu { position: sticky !important; top: 86px !important; z-index: 2; } .wsb-theme #help-body .help-nav { width: 100%; overflow: hidden; padding: 10px; border: 1px solid rgba(128, 112, 86, .2); border-radius: var(--wsb-radius); background: rgba(255, 255, 255, .9); box-shadow: 0 12px 30px rgba(24, 24, 24, .08); } .wsb-theme #help-body .help-nav a { display: flex; align-items: center; width: 100%; min-height: 42px; height: auto; margin: 0 0 6px; padding: 0 14px; border: 1px solid transparent; border-radius: 8px; background: #f7f2ea !important; color: #5b5148; font-size: 15px; font-weight: 800; line-height: 20px; white-space: normal; } .wsb-theme #help-body .help-nav a:hover, .wsb-theme #help-body .help-nav a.on { border-color: rgba(178, 34, 43, .28); background: linear-gradient(135deg, #c92934, #9d1721) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(178, 34, 43, .16); } .wsb-theme #help-body .help-nav a:last-child { margin-bottom: 0; } .wsb-theme #help-body .help-content { position: relative; overflow: hidden; margin: 0 0 18px; padding: 30px 34px; width: 100%; max-width: 100%; min-width: 0; border: 1px solid rgba(128, 112, 86, .18); border-radius: var(--wsb-radius); background: rgba(255, 255, 255, .94); box-shadow: 0 12px 30px rgba(24, 24, 24, .08); } .wsb-theme #help-body .help-content h1 { margin: 0 0 22px; padding-bottom: 16px; border-bottom: 1px solid #eadfcd; color: #161412; font-size: 30px; font-weight: 900; line-height: 1.2; letter-spacing: 0; } .wsb-theme #help-body .help-content h2 { display: flex; align-items: center; margin: 26px 0 12px; padding: 12px 16px; border-radius: 8px; background: linear-gradient(135deg, #c92934, #9d1721); color: #fff; font-size: 18px; font-weight: 900; line-height: 1.35; } .wsb-theme #help-body .help-content h3 { margin: 18px 0 8px; padding: 0 0 0 13px; border-left: 4px solid #c92934; color: #2c2420; font-size: 16px; font-weight: 900; line-height: 1.5; } .wsb-theme #help-body .help-content p, .wsb-theme #help-body .help-content li { color: #5f5750; font-size: 15px; line-height: 1.85; letter-spacing: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .wsb-theme #help-body .help-content p { margin: 10px 0 0; } .wsb-theme #help-body .help-content a { color: #b2222b; font-weight: 800; text-decoration: none; word-break: break-all; } .wsb-theme #help-body .help-content ul, .wsb-theme #help-body .help-content ol { margin: 10px 0 16px; padding-left: 22px; } .wsb-theme #help-body .help-con-item { margin-bottom: 18px; padding-left: 0; } .wsb-theme #help-body .help-con-item + .help-con-item { padding-top: 12px; border-top: 1px solid #efe6d8; } .wsb-theme #help-body .help-content img { max-width: 100%; height: auto; display: block; margin: 12px 0; border-radius: 8px; box-shadow: 0 10px 24px rgba(24, 24, 24, .12); } .wsb-theme #help-body .help-content table { width: 100% !important; margin: 12px 0 18px; border-collapse: separate; border-spacing: 0; border: 1px solid #eadfcd; border-radius: 8px; overflow: hidden; background: #fff; } .wsb-theme #help-body .help-content th, .wsb-theme #help-body .help-content td { padding: 10px 12px; border-right: 1px solid #eadfcd; border-bottom: 1px solid #eadfcd; color: #514941; font-size: 14px; line-height: 1.55; } .wsb-theme #help-body .help-content th { background: #a81922 !important; color: #fff; font-weight: 900; } .wsb-theme #help-body .help-content tr:last-child td { border-bottom: 0; } .wsb-theme #help-body .help-content td:last-child, .wsb-theme #help-body .help-content th:last-child { border-right: 0; } @media (max-width: 900px) { .wsb-theme #help-body .container, .wsb-theme #help-body .help-banner { width: calc(100% - 24px); } .wsb-theme #help-body .help-main > .row { grid-template-columns: 1fr; gap: 12px; overflow: hidden; } .wsb-theme #help-body .fixed-menu { position: static !important; } .wsb-theme #help-body .help-nav { display: flex; overflow-x: auto; gap: 8px; padding: 8px; -webkit-overflow-scrolling: touch; } .wsb-theme #help-body .help-nav a { flex: 0 0 auto; width: auto; min-height: 38px; margin: 0; padding: 0 13px; white-space: nowrap; font-size: 14px; } .wsb-theme #help-body .help-content { padding: 22px 18px; } .wsb-theme #help-body .help-content h1 { font-size: 24px; } .wsb-theme #help-body .help-content h2 { font-size: 16px; } .wsb-theme #help-body .help-content h3, .wsb-theme #help-body .help-content p, .wsb-theme #help-body .help-content li { font-size: 14px; } } .register-main { padding: 30px; } .form-reg .item { display: flex; align-items: flex-start; margin: 0 0 18px; } .form-reg .tit { display: block; padding-top: 10px; color: var(--wsb-muted); font-weight: 800; text-align: right; } .form-reg .Validform_checktip { clear: both; padding-top: 7px; } .phone-note { width: auto !important; margin: 8px 0 0 25% !important; color: var(--wsb-red-dark) !important; letter-spacing: 0 !important; } .ip-alert { color: var(--wsb-muted) !important; } .userCenter-banner, .userCenter-quick, .userCenter-gameInfo { margin-bottom: 16px; overflow: hidden; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); background: #fff; box-shadow: 0 10px 24px rgba(24, 24, 24, .08); } .userCenter-banner { padding: 20px; } .userCenter-banner .row, .userCenter-quick .row { margin-left: 0; margin-right: 0; } .userCenter-banner .faceImg img { width: 58px; height: 58px; object-fit: contain; } .userCenter-banner .info-1, .userCenter-banner .info-2 { color: var(--wsb-muted); } .userCenter-banner .nick, .userCenter-banner .zhumoney { color: var(--wsb-red-dark); font-weight: 900; } .userCenter-banner .refresh-alert { margin: 10px 0 0; color: var(--wsb-muted); } .userCenter-gameInfo ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 16px; list-style: none; } .userCenter-gameInfo li { padding: 14px; border-radius: var(--wsb-radius); background: var(--wsb-surface); } .userCenter-gameInfo .t1 { color: var(--wsb-ink); font-weight: 900; } .userCenter-gameInfo .t2 { margin-top: 6px; color: var(--wsb-red-dark); } .userCenter-quick { padding: 16px 20px; } .userCenter-quick .tit { color: var(--wsb-ink); font-weight: 900; } .userCenter-quick .text-block a { display: inline-flex; margin: 3px 4px; padding: 6px 10px; border-radius: var(--wsb-radius); color: var(--wsb-red-dark); background: #fff4f0; font-weight: 800; } .userCenter-nav { min-height: 100%; padding: 22px 18px; background: #202020; } .userCenter-nav-hd { margin-bottom: 12px; color: var(--wsb-gold-light); font-size: 16px; font-weight: 900; } .userCenter-nav ul { margin: 0; padding: 0; list-style: none; } .userCenter-nav li { margin-bottom: 8px; } .userCenter-nav a { display: block; min-height: 42px; padding: 0 14px; border-radius: var(--wsb-radius); color: rgba(255, 255, 255, .78); font-weight: 800; line-height: 42px; } .userCenter-nav li.on a, .userCenter-nav a:hover { color: #fff; background: var(--wsb-red); } .userCenter-comnav { display: flex; gap: 8px; margin-bottom: 20px; padding: 8px; border-radius: var(--wsb-radius); background: var(--wsb-surface); } .userCenter-comnav a, .userCenter-comnav a.on { float: none !important; width: auto; height: auto !important; min-height: 38px; padding: 0 16px !important; border-radius: var(--wsb-radius); line-height: 38px !important; } .userCenter-comnav a { color: var(--wsb-muted) !important; background: transparent; } .userCenter-comnav a.on, .userCenter-comnav a:hover { color: #fff !important; background: var(--wsb-red); } .userCenter-account-form, .userCenter-account-form-item, .registerform, .infoForm, .pwdForm { width: 100%; } .userCenter-content table, .promottons-activity table, .table-list, .list-table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } .userCenter-content tr, .userCenter-content tr[style], .promottons-activity tr, .promottons-activity tr[style] { background: transparent !important; } .userCenter-content th, .userCenter-content td, .promottons-activity th, .promottons-activity td { padding: 8px 10px; color: var(--wsb-ink); font-size: 14px; vertical-align: middle; } .userCenter-content th { width: 150px; color: var(--wsb-muted); text-align: right; font-weight: 700; } .cominp, .comselect, .userCenter-content input[type="text"], .userCenter-content input[type="password"], .userCenter-content select, .userCenter-content textarea, .promottons-activity input[type="text"], .promottons-activity select, .promottons-activity textarea { width: min(100%, 360px); min-height: 40px; padding: 0 12px; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); color: var(--wsb-ink); background: #fff; outline: 0; box-shadow: none; } .cominp:focus, .comselect:focus, .userCenter-content input:focus, .userCenter-content select:focus, .userCenter-content textarea:focus { border-color: var(--wsb-gold); box-shadow: 0 0 0 3px rgba(217, 165, 70, .16); } .alert-msg, .Validform_checktip { color: var(--wsb-red-dark) !important; font-size: 13px; } .promottons-nav { padding: 20px; background: #202020; } .promottons-nav ul { margin: 0; padding: 0; list-style: none; } .promottons-nav li { margin-bottom: 8px; } .promottons-nav a { display: block; min-height: 42px; padding: 0 14px; border-radius: var(--wsb-radius); color: rgba(255, 255, 255, .78); font-weight: 800; line-height: 42px; } .promottons-nav li.on a, .promottons-nav a:hover { color: #fff; background: var(--wsb-red); } .promottons-activity { display: grid; gap: 16px; } .promottons-activity-item { display: grid; gap: 16px; } .promottons-activity .item-hd { overflow: hidden; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); background: #fff; box-shadow: 0 10px 24px rgba(24, 24, 24, .08); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; } .promottons-activity .item-hd:hover { transform: translateY(-2px); box-shadow: var(--wsb-shadow); } .promottons-activity .item-photo img { width: 100%; display: block; } #content { padding: 46px 0 !important; background: var(--wsb-surface) !important; } #lobby { width: min(1180px, calc(100% - 32px)) !important; margin: 0 auto !important; } #lobby:after { display: none !important; } ul.game-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; width: auto !important; margin: 0; padding: 0 !important; list-style: none; text-align: left; } ul.game-list li { float: none !important; width: auto !important; height: auto !important; min-height: 390px; overflow: hidden; border-radius: var(--wsb-radius); background: #202020 !important; box-shadow: var(--wsb-shadow); } ul.game-list li .pic { width: 100% !important; height: 245px !important; background-position: center; background-size: cover; } ul.game-list li h2 { height: auto !important; margin: 22px 22px 10px !important; color: var(--wsb-gold-light) !important; background: none !important; font-size: 24px !important; font-weight: 900 !important; } ul.game-list li p { margin: 0 !important; padding: 0 22px 24px !important; color: rgba(255, 255, 255, .72) !important; font-size: 14px !important; line-height: 1.7 !important; text-align: left !important; } ul.game-list li .pic span { width: auto !important; height: 38px !important; margin: -19px 0 0 -48px !important; padding: 0 18px; border-radius: var(--wsb-radius) !important; color: var(--wsb-ink) !important; background: var(--wsb-gold-light) !important; font-weight: 900; line-height: 38px !important; } #download { padding: 48px 0 70px; background: var(--wsb-surface) !important; } #download .mobilemain { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 34px !important; border: 1px solid var(--wsb-line); border-radius: var(--wsb-radius); background: #fff; box-shadow: var(--wsb-shadow); } #download .center { width: 100%; } #download .swiper-container { width: 100%; min-height: 520px; border-radius: var(--wsb-radius); background: linear-gradient(110deg, rgba(24, 24, 24, .96), rgba(62, 34, 33, .9)), url(/res/images/banner/banner8.jpg) center / cover; } #download .main { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(300px, 1fr); align-items: center; gap: 34px; min-height: 520px; padding: 42px; color: #fff; } #download .pic img { max-height: 430px; object-fit: contain; } #download .text h1 { margin: 0 0 8px; color: #fff; font-size: 42px; font-weight: 900; } #download .text p { color: rgba(255, 255, 255, .78); } #download .read-rule { width: auto !important; margin: 18px 0 !important; color: rgba(255, 255, 255, .82) !important; letter-spacing: 0 !important; } #download .text > img { width: 140px; height: 140px; padding: 8px; border-radius: var(--wsb-radius); background: #fff; } #download .btn ul, #download .menu ul { margin: 0; padding: 0; list-style: none; } #download .btn li { display: inline-flex; min-height: 42px; align-items: center; margin: 6px 8px 0 0; padding: 0 16px; border-radius: var(--wsb-radius); color: #fff; background: var(--wsb-red); font-weight: 900; cursor: pointer; } #download .menu { margin-top: 18px; } #app-nav-btn { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; } #app-nav-btn li { min-height: 42px; padding: 0 10px; border-radius: var(--wsb-radius); color: var(--wsb-muted); background: var(--wsb-surface); font-weight: 900; line-height: 42px; text-align: center; cursor: pointer; } #app-nav-btn li.on { color: #fff; background: var(--wsb-red); } @media (max-width: 1080px) { .wsb-accountbar-inner, .wsb-login-wrap { align-items: flex-start; flex-direction: column; } .wsb-login-form { flex-wrap: wrap; } .header-logo2, .wsb-nav-toggle { display: block; } .header-menu { display: none; order: 5; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 8px; } .header-menu.is-open { display: grid !important; } .header-menu > li > a { min-width: 0; padding: 12px; border-radius: var(--wsb-radius); background: var(--wsb-surface); } .header-menu > li > a:after { display: none; } .wsb-hero-content { grid-template-columns: 1fr; } .wsb-hero-panel { grid-template-columns: repeat(3, 1fr); } .wsb-quick-links, .wsb-service-grid { grid-template-columns: repeat(2, 1fr); } .wsb-game-grid { grid-template-columns: repeat(2, 1fr); } .wsb-game-large { grid-row: auto; } .wsb-footer-main, .wsb-footer-grid { grid-template-columns: repeat(2, 1fr); } .userCenter-gameInfo ul { grid-template-columns: repeat(2, 1fr); } #download .main { grid-template-columns: 1fr; text-align: center; } #download .pic img, #download .text > img { margin: 0 auto; } #app-nav-btn { grid-template-columns: repeat(4, 1fr); } ul.game-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 760px) { .wsb-theme .container { width: min(100% - 24px, 1180px); } .wsb-topbar-inner, .wsb-contact, .wsb-toplinks { align-items: flex-start; flex-direction: column; gap: 4px; } .wsb-topbar-inner { padding: 8px 0; } .wsb-login-form, .wsb-login-wrap, .wsb-userbar { width: 100%; align-items: stretch; } .wsb-login-form .inp, .wsb-login-form .login-btn, .add-account { width: 100%; } .wsb-login-form .ZhuCode { align-items: stretch; } .wsb-login-form .ZhuCode .inp { flex: 1; } .header-menu { grid-template-columns: repeat(2, 1fr); } .wsb-hero, .wsb-hero-content { min-height: 640px; } .wsb-hero h1 { font-size: 54px; } .wsb-hero p { font-size: 17px; } .wsb-hero-panel, .wsb-quick-links, .wsb-game-grid, .wsb-service-grid, .wsb-footer-main, .wsb-footer-grid, .userCenter-gameInfo ul, ul.game-list { grid-template-columns: 1fr; } .wsb-quick-links { margin-top: 16px; } .wsb-game-card, .wsb-game-large { min-height: 286px; } .wsb-game-wide { grid-column: auto; } .wsb-section { padding: 56px 0; } .wsb-section-head, .wsb-join .container, .wsb-footer-bottom .container { align-items: flex-start; flex-direction: column; } .wsb-section h2, .wsb-join h2 { font-size: 30px; } .userCenter-box .col-sm-3, .promottons-box .col-sm-3, .userCenter-box .col-sm-9, .promottons-box .col-sm-9 { width: 100%; } .userCenter-content, .promottons-activity { padding: 18px; } .form-reg .item { display: block; } .form-reg .tit { padding: 0 0 6px; text-align: left; } .phone-note { margin-left: 0 !important; } .userCenter-comnav { overflow-x: auto; } .userCenter-content th, .userCenter-content td { display: block; width: 100%; padding: 6px 0; text-align: left; } .cominp, .comselect, .userCenter-content input[type="text"], .userCenter-content input[type="password"], .userCenter-content select, .userCenter-content textarea { width: 100%; } .slide-menu { right: 10px !important; bottom: 14px !important; } #download .mobilemain { width: min(100% - 24px, 1180px); padding: 18px !important; } #download .swiper-container, #download .main { min-height: 520px; } #download .main { padding: 24px 18px; } #download .text h1 { font-size: 30px; } #app-nav-btn { grid-template-columns: repeat(2, 1fr); } } /* V3 final collision fix: placed last to beat legacy header/menu rules */ .wsb-theme #scrollHeader { position: sticky; top: 0; z-index: 999; background: #111214; } .wsb-theme .wsb-topbar, .wsb-theme .wsb-accountbar, .wsb-theme .wsb-nav-wrap, .wsb-theme #header { background: #111214 !important; } .wsb-theme .wsb-accountbar-inner, .wsb-theme .wsb-nav-inner, .wsb-theme .header-menu { display: flex !important; align-items: center; } .wsb-theme .wsb-accountbar-inner, .wsb-theme .wsb-nav-inner { justify-content: space-between; } .wsb-theme .header-menu { flex: 1 1 auto; flex-wrap: nowrap; gap: 8px; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow-x: auto; scrollbar-width: none; } .wsb-theme .header-menu::-webkit-scrollbar { display: none; } .wsb-theme .header-menu > li { float: none !important; position: static !important; flex: 0 0 auto; width: auto !important; min-width: 104px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: center; } .wsb-theme .header-menu > li:after, .wsb-theme .header-menu > li:before, .wsb-theme .header-menu > li > a:after, .wsb-theme .header-menu > li > a:before { display: none !important; content: none !important; } .wsb-theme .header-menu > li > a { display: flex !important; min-height: 52px !important; align-items: center; justify-content: center; padding: 0 16px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 9px !important; color: #f7f7f7 !important; background: rgba(255, 255, 255, .09) !important; font-size: 15px !important; font-weight: 900; line-height: 1.15 !important; } .wsb-theme .header-menu > li.on > a, .wsb-theme .header-menu > li > a[aria-current="page"], .wsb-theme .header-menu > li > a:hover { color: #fff !important; border-color: rgba(198, 43, 52, .34) !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme .header-menu > li > a i { display: flex !important; flex-direction: column; align-items: center; gap: 2px; padding: 0 !important; background: none !important; font-style: normal; } .wsb-theme .header-menu .en { display: block !important; color: rgba(255, 255, 255, .62) !important; font-size: 11px !important; white-space: nowrap; } .wsb-theme .header-logo2 { display: none !important; } .wsb-theme .wsb-nav-toggle { display: none !important; width: 44px; height: 44px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; padding: 0; border-radius: 10px; border-color: rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .96); box-shadow: 0 10px 22px rgba(0, 0, 0, .12); } .wsb-theme .wsb-nav-toggle span { display: block; width: 19px; height: 2px; flex: 0 0 auto; margin: 0; border-radius: 2px; background: var(--wsb-ink); } .wsb-theme .wsb-notice { clear: both; background: rgba(255, 255, 255, .98) !important; } .wsb-theme #f-content { clear: both; min-height: 560px; background: var(--wsb-surface); } @media (max-width: 1080px) { .wsb-theme .wsb-nav-inner { flex-wrap: wrap; } .wsb-theme .header-logo2, .wsb-theme .wsb-nav-toggle { display: flex !important; } .wsb-theme .header-menu { display: none !important; flex: 1 0 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-top: 10px !important; overflow: visible; } .wsb-theme .header-menu.is-open { display: grid !important; } .wsb-theme .header-menu > li { min-width: 0 !important; } .wsb-theme .header-menu > li > a { min-height: 46px !important; color: var(--wsb-ink) !important; background: #f7f5ef !important; } .wsb-theme .header-menu > li.on > a, .wsb-theme .header-menu > li > a[aria-current="page"], .wsb-theme .header-menu > li > a:hover { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } } @media (max-width: 760px) { .wsb-theme .header-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* V3 download page refresh */ .wsb-theme #download.wsb-download-page { padding: 34px 0 68px; background: linear-gradient(180deg, #f6f1e8 0%, #f9f7f1 46%, #f2eee4 100%) !important; } .wsb-theme #download.wsb-download-page, .wsb-theme #download.wsb-download-page * { box-sizing: border-box; } .wsb-download-topline, .wsb-download-hero, .wsb-download-tabs, .wsb-download-section { width: min(1180px, calc(100% - 32px)); margin-right: auto; margin-left: auto; } .wsb-download-topline { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 12px; padding: 24px 28px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; color: #fff; background: linear-gradient(105deg, rgba(15, 15, 16, .98) 0%, rgba(86, 28, 32, .96) 58%, rgba(28, 64, 58, .94) 100%), url(/res/images/banner/desk_world-cup_1920x660_cs.png) center / cover; box-shadow: 0 16px 34px rgba(28, 19, 12, .16); } .wsb-download-topline h1 { margin: 0 0 8px; color: #fff; font-size: 34px; font-weight: 900; line-height: 1.12; } .wsb-download-topline p:not(.wsb-kicker) { max-width: 720px; margin: 0; color: rgba(255, 255, 255, .76); font-size: 15px; line-height: 1.7; } .wsb-download-topline > a { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0 20px; border-radius: 8px; color: var(--wsb-ink); background: var(--wsb-gold-light); font-weight: 900; line-height: 1; text-decoration: none; box-shadow: 0 10px 24px rgba(0, 0, 0, .16); } .wsb-download-topline > a:hover { color: #fff; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .wsb-download-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); align-items: center; gap: 30px; min-height: 430px; margin-bottom: 16px; padding: 46px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; color: #fff; background: linear-gradient(105deg, rgba(15, 15, 16, .96) 0%, rgba(72, 24, 28, .94) 54%, rgba(30, 70, 62, .9) 100%), url(/res/images/banner/desk_world-cup_1920x660_cs.png) center / cover; box-shadow: 0 22px 54px rgba(28, 19, 12, .22); } .wsb-kicker { margin: 0 0 10px; color: var(--wsb-gold); font-size: 13px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .wsb-download-copy h1 { margin: 0; color: #fff; font-size: 58px; font-weight: 900; line-height: 1.05; } .wsb-download-lead { max-width: 610px; margin: 18px 0 0; color: rgba(255, 255, 255, .82); font-size: 18px; line-height: 1.85; } .wsb-download-actions, .wsb-app-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; } .wsb-download-actions a, .wsb-app-buttons a, .wsb-app-buttons button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 20px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); font-weight: 900; line-height: 1; text-decoration: none; cursor: pointer; } .wsb-download-actions a + a, .wsb-app-buttons a.android, .wsb-app-buttons button.android { color: var(--wsb-ink); background: var(--wsb-gold-light); } .wsb-download-device { position: relative; display: flex; min-height: 330px; align-items: center; justify-content: center; } .wsb-download-device > img { display: block; width: min(74%, 340px); max-height: 380px; object-fit: contain; filter: drop-shadow(0 28px 35px rgba(0, 0, 0, .36)); } .wsb-download-qr { position: absolute; right: 8px; bottom: 24px; display: grid; gap: 8px; width: 156px; padding: 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; background: rgba(255, 255, 255, .95); box-shadow: 0 16px 36px rgba(0, 0, 0, .2); } .wsb-download-qr img, .wsb-download-qrline img, .wsb-download-dynamic-qr img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; } .wsb-download-qr span { color: var(--wsb-ink); font-size: 13px; font-weight: 900; text-align: center; } .wsb-download-tabs { position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; padding: 10px; border: 1px solid var(--wsb-line); border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 12px 32px rgba(43, 35, 24, .08); } .wsb-download-tabs a { display: flex; min-height: 42px; align-items: center; justify-content: center; border-radius: 8px; color: var(--wsb-ink); background: #f4efe5; font-weight: 900; text-decoration: none; } .wsb-download-tabs a:hover { color: #fff; background: var(--wsb-red); } .wsb-download-section { margin-bottom: 16px; padding: 30px; border: 1px solid var(--wsb-line); border-radius: 12px; background: rgba(255, 255, 255, .96); box-shadow: 0 18px 44px rgba(43, 35, 24, .08); } .wsb-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; } .wsb-section-heading h2 { margin: 0; color: var(--wsb-ink); font-size: 30px; font-weight: 900; line-height: 1.2; } .wsb-download-feature { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr); gap: 26px; align-items: center; padding: 26px; border-radius: 12px; background: linear-gradient(135deg, #171717, #442023 58%, #24483f); color: #fff; } .wsb-download-feature-phone { display: flex; align-items: center; justify-content: center; min-height: 260px; border-radius: 12px; background: rgba(255, 255, 255, .06); } .wsb-download-feature-phone img, .wsb-download-card > img { display: block; width: min(100%, 260px); max-height: 300px; object-fit: contain; } .wsb-download-feature-copy h3 { margin: 0 0 10px; color: #fff; font-size: 28px; font-weight: 900; line-height: 1.25; } .wsb-download-feature-copy p { margin: 0; color: rgba(255, 255, 255, .78); font-size: 16px; line-height: 1.8; } .wsb-download-qrline { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 16px; align-items: center; margin-top: 22px; padding: 14px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px; background: rgba(255, 255, 255, .08); } .wsb-download-qrline img, .wsb-download-dynamic-qr img { padding: 8px; border-radius: 10px; background: #fff; } .wsb-download-qrline a { display: block; width: max-content; } .wsb-download-qrline strong { display: block; color: #fff; font-size: 18px; font-weight: 900; } .wsb-download-qrline span { display: block; margin-top: 4px; color: rgba(255, 255, 255, .7); line-height: 1.6; } .wsb-download-dynamic-qr { display: none; } .wsb-download-feature-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; } .wsb-download-feature-actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; height: 46px; padding: 0 22px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 10px; color: #fff; font-size: 16px; font-weight: 800; text-decoration: none; background: rgba(255, 255, 255, .08); } .wsb-download-feature-actions a.primary { border-color: transparent; background: linear-gradient(135deg, #c82132, #a71825); box-shadow: 0 16px 34px rgba(175, 27, 40, .28); } .wsb-download-feature-actions a:hover { color: #fff; transform: translateY(-1px); } .wsb-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .wsb-download-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wsb-download-card { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px; align-items: center; min-height: 250px; padding: 20px; border: 1px solid rgba(42, 38, 31, .1); border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #fbf8f0 100%); box-shadow: 0 10px 24px rgba(43, 35, 24, .06); } .wsb-download-card span { display: inline-flex; margin-bottom: 8px; color: var(--wsb-red); font-size: 12px; font-weight: 900; text-transform: uppercase; } .wsb-download-card h3 { margin: 0; color: var(--wsb-ink); font-size: 23px; font-weight: 900; line-height: 1.25; } .wsb-download-card p { margin: 10px 0 0; color: var(--wsb-muted); line-height: 1.7; } .wsb-download-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .wsb-download-tool { display: block; min-height: 130px; padding: 20px; border: 1px solid rgba(42, 38, 31, .1); border-radius: 12px; color: var(--wsb-ink); background: #f8f3e9; text-decoration: none; } .wsb-download-tool strong { display: block; margin-bottom: 10px; font-size: 20px; font-weight: 900; } .wsb-download-tool span { color: var(--wsb-muted); line-height: 1.7; } .wsb-download-tool:hover { color: #fff; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .wsb-download-tool:hover span { color: rgba(255, 255, 255, .78); } .wsb-theme #appdownload { position: fixed; inset: 0; z-index: 2000; display: none; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, .55); } .wsb-theme #appdownload .main { display: flex; width: 100%; min-height: 100%; align-items: center; justify-content: center; padding: 20px; } .wsb-theme #appdownload .pop-up { width: min(920px, calc(100vw - 32px)); overflow: hidden; border-radius: 12px; background: #f6f1e8; box-shadow: 0 28px 80px rgba(0, 0, 0, .38); opacity: 0; transform: translateY(-18px); transition: opacity .24s ease, transform .24s ease; } .wsb-theme #appdownload .pop-up.on { opacity: 1; transform: translateY(0); } .wsb-theme #appdownload .hd { position: relative; min-height: 58px; padding: 0 58px 0 20px; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .wsb-theme #appdownload .hd h1 { margin: 0; color: #fff; font-size: 18px; font-weight: 900; line-height: 58px; text-align: center; } .wsb-theme #close-appdownload, .wsb-theme #appdownload .hd i { position: absolute; top: 14px; right: 16px; width: 30px; height: 30px; color: #fff; font-size: 26px; line-height: 28px; text-align: center; cursor: pointer; } .wsb-theme #appdownload .nav { padding: 14px; background: #fff; } .wsb-theme #appdownload .nav ul { display: flex; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; } .wsb-theme #appdownload .nav li { width: 70px; min-height: 58px; padding: 8px 6px; border-radius: 10px; background: #f4efe5; cursor: pointer; } .wsb-theme #appdownload .nav li.on { background: var(--wsb-red); } .wsb-theme #appdownload .nav li span { display: block; width: 100%; height: 26px; } .wsb-theme #appdownload .nav li b { display: block; margin-top: 4px; color: #3d3327; font-size: 12px; font-weight: 900; line-height: 1.1; text-align: center; } .wsb-theme #appdownload .nav li.on b { color: #fff; } .wsb-theme #appdownload .bd { padding: 18px; background: #f6f1e8; } .wsb-theme #appdownload .bd .code { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; text-align: center; } .wsb-theme #appdownload .bd .code span { display: block; padding: 16px; border: 1px solid var(--wsb-line); border-radius: 12px; background: #fff; } .wsb-theme #appdownload .bd .code h1 { margin: 0 0 6px; color: var(--wsb-red); font-size: 17px; font-weight: 900; } .wsb-theme #appdownload .bd .code p { margin: 0; color: var(--wsb-muted); line-height: 1.6; } .wsb-theme #appdownload .bd .code p a { color: var(--wsb-red); font-weight: 900; word-break: break-all; } .wsb-theme #appdownload .bd .code img { display: block; width: 150px; height: 150px; margin: 12px auto 0; object-fit: contain; } .wsb-theme #appdownload .bd .code .wsb-no-qr { display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; margin: 12px auto 0; border-radius: 12px; background: #f4efe5; color: var(--wsb-red); font-size: 14px; line-height: 1.4; } .wsb-theme #appdownload .bd .code em { grid-column: 1 / -1; color: var(--wsb-muted); font-size: 12px; line-height: 1.6; } .wsb-theme #appdownload .prev, .wsb-theme #appdownload .next, .wsb-theme #appdownload .previous, .wsb-theme #appdownload .pager, .wsb-theme #appdownload .pagination, .wsb-theme #appdownload #app-ios-tutorial, .wsb-theme #appdownload .tutorialback, .wsb-theme #appdownload .tutorialNext, .wsb-theme #appdownload .tutorialhome, .wsb-theme #appdownload .swiper-pagination, .wsb-theme #appdownload .bd > a, .wsb-theme #appdownload .pop-up > a { display: none !important; } .wsb-target-modal { position: fixed; inset: 0; z-index: 1990; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, .58); } .wsb-target-modal:target { display: flex; } .wsb-target-backdrop { position: absolute; inset: 0; } .wsb-target-dialog { position: relative; z-index: 1; width: min(520px, calc(100vw - 24px)); overflow: hidden; border-radius: 12px; background: #f6f1e8; box-shadow: 0 28px 80px rgba(0, 0, 0, .38); } .wsb-target-dialog h3 { margin: 0; padding: 18px 58px 18px 20px; color: #fff; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); font-size: 18px; font-weight: 900; line-height: 1.25; text-align: center; } .wsb-target-close { position: absolute; top: 12px; right: 16px; z-index: 2; width: 30px; height: 30px; color: #fff !important; font-size: 26px; line-height: 28px; text-align: center; text-decoration: none; } .wsb-target-code { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 18px; text-align: center; } .wsb-target-code span { display: block; padding: 16px; border: 1px solid var(--wsb-line); border-radius: 12px; background: #fff; } .wsb-target-code strong, .wsb-target-code small, .wsb-target-code a { display: block; } .wsb-target-code strong { color: var(--wsb-red); font-size: 17px; font-weight: 900; } .wsb-target-code small { margin-top: 6px; color: var(--wsb-muted); font-size: 14px; line-height: 1.5; } .wsb-target-code a { margin-top: 12px; color: var(--wsb-red) !important; font-weight: 900; line-height: 1.5; word-break: break-all; } .wsb-target-code img { display: block; width: 150px; height: 150px; margin: 12px auto 0; object-fit: contain; } .wsb-target-dialog em { display: block; padding: 0 18px 18px; color: var(--wsb-muted); font-size: 12px; font-style: normal; line-height: 1.6; text-align: center; } @media (max-width: 1080px) { .wsb-download-hero { grid-template-columns: 1fr; min-height: 0; } .wsb-download-device { min-height: 260px; } .wsb-download-grid, .wsb-download-grid.two, .wsb-download-tools { grid-template-columns: 1fr; } } @media (max-width: 760px) { .wsb-theme #download.wsb-download-page { padding: 18px 0 84px; } .wsb-download-topline, .wsb-download-hero, .wsb-download-tabs, .wsb-download-section { width: calc(100% - 24px); } .wsb-download-topline { display: block; padding: 20px 18px; border-radius: 10px; } .wsb-download-topline h1 { font-size: 30px; } .wsb-download-topline > a { width: 100%; margin-top: 16px; } .wsb-download-hero { gap: 18px; padding: 24px 18px; border-radius: 10px; } .wsb-download-copy h1 { font-size: 40px; } .wsb-download-lead { font-size: 15px; line-height: 1.7; } .wsb-download-actions a, .wsb-app-buttons a, .wsb-app-buttons button { flex: 1 1 130px; padding: 0 14px; } .wsb-download-device { min-height: 220px; } .wsb-download-device > img { width: min(72%, 230px); max-height: 250px; } .wsb-download-qr { right: 0; bottom: 0; width: 126px; padding: 9px; } .wsb-download-tabs { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); } .wsb-download-section { padding: 20px 16px; border-radius: 10px; } .wsb-section-heading { display: block; } .wsb-section-heading h2 { font-size: 24px; } .wsb-download-feature, .wsb-download-card { grid-template-columns: 1fr; } .wsb-download-feature { padding: 18px; } .wsb-download-feature-phone { min-height: 210px; } .wsb-download-feature-phone img, .wsb-download-card > img { width: min(100%, 230px); margin: 0 auto; } .wsb-download-feature-copy h3 { font-size: 23px; } .wsb-download-qrline { grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 12px; } .wsb-download-card { min-height: 0; padding: 18px; text-align: left; } .wsb-download-card h3 { font-size: 21px; } .wsb-theme #appdownload .main { align-items: flex-start; padding: 14px 12px; } .wsb-theme #appdownload .bd .code { grid-template-columns: 1fr; } .wsb-target-modal { align-items: flex-start; padding: 14px 12px; } .wsb-target-code { grid-template-columns: 1fr; } } /* PT slot lobby refresh */ .wsb-theme #solts-body.wsb-pt-page, .wsb-theme #solts-body.wsb-pt-page * { box-sizing: border-box; } .wsb-theme #solts-body.wsb-pt-page { margin-top: 0 !important; padding: 54px 0 74px; background: linear-gradient(180deg, #f6f1e8 0%, #f9f7f1 50%, #f2eee4 100%) !important; } .wsb-pt-hero, .wsb-pt-container { width: min(1180px, calc(100% - 32px)); margin-right: auto; margin-left: auto; } .wsb-pt-hero { display: flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 264px; margin-bottom: 18px; padding: 42px 44px; overflow: hidden; position: relative; border: 1px solid rgba(255, 255, 255, .2); border-radius: 12px; color: #fff; background: linear-gradient(112deg, rgba(16, 16, 18, .96) 0%, rgba(96, 23, 31, .92) 58%, rgba(32, 72, 62, .9) 100%), url(/res/images/playtech/pt-bg.jpg) center / cover; box-shadow: 0 22px 54px rgba(28, 19, 12, .2); } .wsb-pt-hero::after { content: "PT"; position: absolute; right: 30px; top: 16px; color: rgba(255, 255, 255, .08); font-size: 128px; font-weight: 900; line-height: 1; } .wsb-mg-page .wsb-pt-hero::after { content: "MG"; } .wsb-ag-page .wsb-pt-hero::after { content: "YGG"; } .wsb-pt-hero-copy, .wsb-pt-hero-actions { position: relative; z-index: 1; } .wsb-pt-hero h1 { margin: 0; color: #fff; font-size: 52px; font-weight: 900; line-height: 1.08; } .wsb-pt-hero-copy > p:last-child { max-width: 620px; margin: 18px 0 0; color: rgba(255, 255, 255, .82); font-size: 18px; line-height: 1.8; } .wsb-pt-hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; min-width: 300px; } .wsb-pt-hero-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 8px; color: #fff !important; font-size: 15px; font-weight: 900; line-height: 1.2; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); box-shadow: 0 10px 22px rgba(141, 29, 38, .24); } .wsb-pt-hero-actions a:last-child { border: 1px solid rgba(255, 255, 255, .46); background: rgba(255, 255, 255, .1); box-shadow: none; } .wsb-theme #inner-solt.wsb-pt-shell { margin-top: 0 !important; padding: 0 0 8px !important; overflow: visible !important; } .wsb-theme .wsb-pt-container { position: relative; padding: 0 !important; } .wsb-theme #inner-solt .solt-leftbg, .wsb-theme #inner-solt .solt-rightbg { display: none !important; } .wsb-theme .wsb-pt-layout { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; align-items: start; gap: 18px; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme .wsb-pt-layout > *, .wsb-theme .wsb-pt-sidebar, .wsb-theme .wsb-pt-main { float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; position: relative; left: auto !important; right: auto !important; min-height: 0 !important; } .wsb-theme .wsb-pt-sidebar { grid-column: 1 !important; } .wsb-theme .wsb-pt-main { grid-column: 2 !important; min-width: 0 !important; } .wsb-theme .wsb-pt-page .inner-solt-guide, .wsb-theme .wsb-pt-page .inner-solt-list { border: 1px solid rgba(20, 20, 22, .08); border-radius: 12px !important; background: #fff !important; box-shadow: 0 16px 36px rgba(16, 18, 20, .1); } .wsb-theme .wsb-pt-page .inner-solt-guide { position: sticky; top: 126px; padding: 10px !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item { margin: 0 0 8px; } .wsb-theme .wsb-pt-page .inner-solt-guide .item:last-child { margin-bottom: 0; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-hd { height: auto !important; min-height: 42px; padding: 0 !important; border-radius: 9px !important; background: #f6f1e8 !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-hd .tit { display: flex !important; align-items: center; width: 100% !important; min-height: 42px; padding: 0 12px !important; color: var(--wsb-ink) !important; font-size: 15px !important; font-weight: 900; line-height: 1.2 !important; cursor: pointer; } .wsb-theme .wsb-pt-page .inner-solt-guide .item.is-active .item-hd { background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item.is-active .item-hd .tit { color: #fff !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd { padding: 10px 0 0 !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd ul { display: grid; gap: 8px; margin: 0; padding: 0; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li { height: auto !important; min-height: 38px; padding: 0 !important; border: 1px solid rgba(20, 20, 22, .08); border-radius: 9px; background: #faf8f2; line-height: 1.2 !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li::after { display: none !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li a { display: flex !important; align-items: center; width: 100%; min-height: 38px; padding: 0 12px; color: var(--wsb-muted) !important; font-size: 14px !important; font-weight: 900; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li:hover, .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li.on { border-color: rgba(141, 29, 38, .24); background: #fff4f0 !important; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li:hover a, .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd li.on a { color: var(--wsb-red-dark) !important; } .wsb-theme .wsb-pt-page .inner-solt-list { padding: 0 !important; overflow: hidden; } .wsb-theme .wsb-pt-page .inner-solt-list-hd { padding: 18px 20px !important; border: 0 !important; background: linear-gradient(180deg, #fff, #fbf7ee); } .wsb-theme .wsb-pt-page .inner-solt-list-hd .wsb-pt-list-headline { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0; } .wsb-theme .wsb-pt-page .inner-solt-list-hd [class*="col-"], .wsb-theme .wsb-pt-page .inner-solt-list-hd .wsb-pt-heading-title, .wsb-theme .wsb-pt-page .inner-solt-list-hd .wsb-pt-list-note { float: none; width: auto !important; padding: 0; } .wsb-theme .wsb-pt-page .inner-solt-list-hd .wsb-pt-heading-title { flex: 0 0 auto; } .wsb-theme .wsb-pt-page .inner-solt-list-hd .tit { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--wsb-ink) !important; font-size: 24px !important; font-weight: 900; line-height: 1.2 !important; text-align: left !important; background: none !important; box-shadow: none !important; } .wsb-pt-list-note { display: flex; justify-content: flex-end; color: var(--wsb-muted); font-size: 13px; font-weight: 800; line-height: 1.5; } .wsb-theme .wsb-pt-page .inner-solt-list-bd { padding: 0 18px 18px !important; border: 0 !important; overflow: visible !important; } .wsb-theme .wsb-pt-page #itemContainer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; } .wsb-theme .wsb-pt-page .inner-solt-list-bd li { float: none !important; position: relative; width: auto !important; padding: 0 !important; border: 0 !important; text-align: left !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd li::after { display: none !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item { height: 100%; margin: 0 !important; padding: 10px !important; border: 1px solid rgba(20, 20, 22, .08); border-radius: 12px !important; background: #fff !important; box-shadow: 0 10px 24px rgba(16, 18, 20, .07); transition: transform .18s ease, box-shadow .18s ease; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item:hover { transform: translateY(-2px); background: #fff !important; box-shadow: 0 16px 32px rgba(141, 29, 38, .14) !important; animation: none !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-photo { display: flex; align-items: center; justify-content: center; aspect-ratio: 1.08 / 1; border-radius: 10px !important; background: linear-gradient(135deg, #171719, #442126); } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-photo img { display: block; width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; max-height: none !important; object-fit: contain; padding: 8px; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-tit { min-height: 46px; padding: 12px 2px 4px; color: var(--wsb-ink); font-size: 15px; font-weight: 900; line-height: 1.35; text-align: center; } .wsb-theme .wsb-pt-page .inner-solt-list-bd a.fav { display: none !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit a { float: none !important; display: flex !important; align-items: center; justify-content: center; width: auto !important; height: 38px !important; border: 0 !important; border-radius: 8px; color: #fff !important; font-size: 14px; font-weight: 900; line-height: 1.2 !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; text-shadow: none !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit a:last-child { color: var(--wsb-red-dark) !important; background: #fff1e8 !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit a:only-child { grid-column: 1 / -1; } .wsb-theme .wsb-pt-page .text-center { margin: 14px 0 0; color: var(--wsb-muted); font-size: 13px; font-weight: 800; } .wsb-theme .wsb-pt-page .text-center img { vertical-align: middle; } .wsb-theme .wsb-pt-page .inner-pages { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 16px 0 0; } .wsb-theme .wsb-pt-page .inner-pages a { display: inline-flex; align-items: center; justify-content: center; min-width: 92px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(20, 20, 22, .1); border-radius: 9px; color: var(--wsb-ink) !important; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important; font-size: 15px; font-weight: 900; line-height: 1; letter-spacing: 0; text-shadow: none !important; -webkit-font-smoothing: antialiased; background: #fff; } .wsb-theme .wsb-pt-page .inner-pages #currentPage { min-width: 70px; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } @media (max-width: 1080px) { .wsb-theme .wsb-pt-layout { grid-template-columns: 1fr !important; } .wsb-theme .wsb-pt-sidebar, .wsb-theme .wsb-pt-main { grid-column: 1 !important; } .wsb-theme .wsb-pt-page .inner-solt-guide { position: static; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } .wsb-theme .wsb-pt-page #itemContainer { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .wsb-theme #solts-body.wsb-pt-page { padding: 18px 0 86px; } .wsb-pt-hero, .wsb-pt-container { width: calc(100% - 24px); } .wsb-pt-hero { display: block; min-height: 0; padding: 24px 18px; border-radius: 10px; } .wsb-pt-hero h1 { font-size: 32px; } .wsb-pt-hero-copy > p:last-child { font-size: 15px; line-height: 1.7; } .wsb-pt-hero-actions { justify-content: flex-start; min-width: 0; margin-top: 18px; } .wsb-pt-hero-actions a { flex: 1 1 118px; } .wsb-theme .wsb-pt-page #itemContainer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; } .wsb-theme .wsb-pt-page .inner-solt-guide .item-bd ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .wsb-theme .wsb-pt-page .inner-solt-list, .wsb-theme .wsb-pt-page .inner-solt-guide { border-radius: 10px !important; } .wsb-theme .wsb-pt-page .inner-solt-list-hd { padding: 14px 14px 12px !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd { padding: 0 10px 12px !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item { padding: 7px !important; border-radius: 10px !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-photo { aspect-ratio: 1 / 1; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-photo img { padding: 5px; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-tit { min-height: 38px; padding: 8px 0 2px; font-size: 13px; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit { grid-template-columns: 1fr; gap: 6px; margin-top: 6px !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit a { height: 32px !important; font-size: 12px; white-space: nowrap; } .wsb-theme .wsb-pt-page .inner-solt-list-hd .row { display: block; } .wsb-theme .wsb-pt-page .inner-solt-list-hd .wsb-pt-list-headline { display: block; } .wsb-theme .wsb-pt-page .inner-solt-list-hd [class*="col-"] { width: 100% !important; } .wsb-pt-list-note { justify-content: flex-start; margin-top: 8px; } } @media (max-width: 1080px) { .wsb-theme .wsb-topbar { display: none !important; } .wsb-theme #header-top-wrap.wsb-topbar { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; } .wsb-theme .wsb-accountbar-inner { align-items: center !important; flex-direction: column !important; gap: 10px !important; min-height: 0 !important; padding: 12px 0 14px !important; } .wsb-theme .wsb-brand { display: flex; justify-content: center; width: 100%; } .wsb-theme .wsb-brand img { width: 154px !important; } .wsb-theme .wsb-login-wrap { width: min(100%, 520px) !important; align-items: stretch !important; gap: 8px !important; margin: 0 auto !important; } .wsb-theme .wsb-login-form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; } .wsb-theme .wsb-login-form .inp, .wsb-theme .wsb-login-form .login-btn, .wsb-theme .add-account { width: 100% !important; min-height: 40px !important; height: 40px !important; border-radius: 10px !important; font-size: 15px !important; } .wsb-theme .wsb-login-form .link-inp, .wsb-theme .wsb-login-form .ZhuCode, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; } .wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: minmax(0, 1fr) 78px !important; gap: 8px !important; } .wsb-theme .wsb-login-form .ZhuCode .inp, .wsb-theme .wsb-login-form .code-img, .wsb-theme .wsb-login-form .code-img img { width: 100% !important; height: 40px !important; } .wsb-theme .wsb-login-links { justify-content: center !important; width: 100% !important; } .wsb-theme .add-account { max-width: 520px; margin: 0 auto; } .wsb-theme .wsb-nav-inner { min-height: 54px !important; padding: 8px 0 !important; } .wsb-theme .header-logo2 { display: none !important; } .wsb-theme .wsb-nav-toggle { margin-left: auto !important; } } @media (max-width: 420px) { .wsb-theme .wsb-pt-page #itemContainer { grid-template-columns: 1fr; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 10px; align-items: center; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-photo { aspect-ratio: 1 / 1; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-tit { min-height: 0; padding: 0; text-align: left; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-submit { grid-column: 2; } } /* VIP promotion page refresh */ .wsb-theme #vip-body.wsb-vip-page, .wsb-theme #vip-body.wsb-vip-page * { box-sizing: border-box; } .wsb-theme #vip-body.wsb-vip-page { padding: 36px 0 74px; color: var(--wsb-ink); background: radial-gradient(circle at 84% 8%, rgba(198, 43, 52, .14), transparent 30%), linear-gradient(180deg, #f7f2e9 0%, #fbfaf6 48%, #f1ede3 100%) !important; } .wsb-theme #vip-body.wsb-vip-page #inner-vip { padding: 0 !important; } .wsb-theme #vip-body.wsb-vip-page .container { width: min(1180px, calc(100% - 32px)); } .wsb-theme #vip-body.wsb-vip-page .inner-vip-tit { display: none; } .wsb-theme #vip-body.wsb-vip-page .item-title, .wsb-theme #vip-body.wsb-vip-page .sub-title { margin: 26px 0 14px !important; color: var(--wsb-ink) !important; font-weight: 900; line-height: 1.25; } .wsb-theme #vip-body.wsb-vip-page .item-title { position: relative; padding-left: 16px; font-size: 30px; } .wsb-theme #vip-body.wsb-vip-page .item-title:before { content: ""; position: absolute; left: 0; top: .18em; width: 5px; height: 1.1em; border-radius: 999px; background: linear-gradient(180deg, var(--wsb-red), var(--wsb-gold)); } .wsb-theme #vip-body.wsb-vip-page .sub-title { font-size: 22px; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 { overflow-x: auto; padding: 12px; border: 1px solid rgba(20, 20, 22, .08); border-radius: 14px; background: #fff; box-shadow: 0 18px 42px rgba(16, 18, 20, .1); } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 { margin-top: 14px; } .wsb-theme #vip-body.wsb-vip-page table { min-width: 820px; border: 0 !important; border-collapse: separate; border-spacing: 0; background: #fff !important; color: var(--wsb-ink) !important; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 table { min-width: 980px; } .wsb-theme #vip-body.wsb-vip-page td { padding: 14px 16px !important; border: 1px solid #ece4d8 !important; color: #3e4249 !important; font-size: 14px; line-height: 1.65; vertical-align: middle; background: #fff; } .wsb-theme #vip-body.wsb-vip-page tr:nth-child(even) td { background: #fbf8f2; } .wsb-theme #vip-body.wsb-vip-page tr.tbg td, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1 .tbg td, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .tbg td { border-color: rgba(255, 255, 255, .16) !important; color: #fff !important; font-weight: 900; text-align: center; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #vip-body.wsb-vip-page .col_y1, .wsb-theme #vip-body.wsb-vip-page .text-white, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 td { color: #3e4249 !important; } .wsb-theme #vip-body.wsb-vip-page td img { width: 72px !important; height: 72px !important; object-fit: contain; } .wsb-theme #vip-body.wsb-vip-page .notice-list { margin: 18px 0 0; padding: 22px 24px; border: 1px solid rgba(20, 20, 22, .08); border-radius: 14px; color: #4f5661; background: #fff; box-shadow: 0 14px 34px rgba(16, 18, 20, .08); } .wsb-theme #vip-body.wsb-vip-page .notice-list ul { margin: 0; padding: 0; list-style: none; } .wsb-theme #vip-body.wsb-vip-page .notice-list li, .wsb-theme #vip-body.wsb-vip-page .notice-list p { margin: 0 0 10px; color: #4f5661 !important; font-size: 15px; line-height: 1.82; } .wsb-theme #vip-body.wsb-vip-page .notice-list li:last-child, .wsb-theme #vip-body.wsb-vip-page .notice-list p:last-child { margin-bottom: 0; } .wsb-theme #vip-body.wsb-vip-page .notice-alert { margin-bottom: 16px !important; padding: 14px 16px; border-left: 4px solid var(--wsb-red); border-radius: 10px; color: var(--wsb-red-dark) !important; font-weight: 900; background: #fff4ec; } .wsb-theme #vip-body.wsb-vip-page .qa-title { display: block; margin-bottom: 6px; color: var(--wsb-red-dark) !important; font-weight: 900; } .wsb-theme #vip-body.wsb-vip-page .qa-anser { margin: 0 !important; color: #5b6370 !important; } .wsb-theme #vip-body.wsb-vip-page .notic-sp { color: var(--wsb-red-dark) !important; font-weight: 900; } @media (max-width: 760px) { .wsb-theme #vip-body.wsb-vip-page { padding: 22px 0 86px; } .wsb-theme #vip-body.wsb-vip-page .container { width: calc(100% - 24px); } .wsb-theme #vip-body.wsb-vip-page .item-title { font-size: 24px; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 { padding: 8px; border-radius: 10px; } .wsb-theme #vip-body.wsb-vip-page td { padding: 11px 12px !important; font-size: 13px; } .wsb-theme #vip-body.wsb-vip-page .notice-list { padding: 18px 16px; border-radius: 10px; } .wsb-theme #vip-body.wsb-vip-page .notice-list li, .wsb-theme #vip-body.wsb-vip-page .notice-list p { font-size: 14px; line-height: 1.75; } .wsb-theme #vip-body.wsb-vip-page table, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 table { min-width: 0; width: 100%; display: block; background: transparent !important; } .wsb-theme #vip-body.wsb-vip-page tbody { display: block; } .wsb-theme #vip-body.wsb-vip-page tr.tbg { display: none; } .wsb-theme #vip-body.wsb-vip-page tr { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 8px 12px; margin-bottom: 12px; padding: 14px; border: 1px solid rgba(169, 36, 46, .16); border-radius: 12px; background: #fff; box-shadow: 0 10px 24px rgba(16, 18, 20, .07); } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1 tr td:first-child { grid-row: span 2; align-self: center; } .wsb-theme #vip-body.wsb-vip-page td { width: auto !important; min-width: 0; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 13px; line-height: 1.58; word-break: break-word; overflow-wrap: anywhere; } .wsb-theme #vip-body.wsb-vip-page td img { width: 66px !important; height: 66px !important; } .wsb-theme #vip-body.wsb-vip-page .col_y1 { width: auto !important; margin: 0 !important; text-align: left !important; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1 td:nth-child(2)::before, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1 td:nth-child(3)::before, .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(n + 2)::before { display: block; margin-bottom: 3px; color: var(--wsb-red-dark); font-size: 12px; font-weight: 900; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1 td:nth-child(2)::before { content: "晋升条件"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-1 td:nth-child(3)::before { content: "保级要求"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr { grid-template-columns: 1fr 1fr; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:first-child { grid-column: 1 / -1; padding-bottom: 8px !important; border-bottom: 1px solid #efe5d7 !important; color: var(--wsb-red-dark) !important; font-size: 15px; font-weight: 900; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(2)::before { content: "普通"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(3)::before { content: "白银"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(4)::before { content: "黄金"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(5)::before { content: "白金"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(6)::before { content: "钻石"; } .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr td:nth-child(7)::before { content: "流水要求"; } } @media (max-width: 430px) { .wsb-theme #vip-body.wsb-vip-page .inner-vip-info-2 .table-tr { grid-template-columns: 1fr; } } /* V3 fix39: compressed desktop header and floating tools */ @media (max-width: 1280px) { .wsb-accountbar-inner, .wsb-theme .wsb-accountbar-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 12px !important; min-height: 0 !important; padding: 14px 0 !important; } .wsb-brand, .wsb-theme .wsb-brand { display: flex !important; flex: 0 0 auto !important; align-items: center !important; width: auto !important; min-width: 0 !important; } .wsb-brand img, .wsb-theme .wsb-brand img { width: 160px !important; max-width: 34vw !important; height: auto !important; } .header-logined.wsb-userbar, .wsb-userbar, .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: 1 1 520px !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; overflow: visible !important; white-space: normal !important; } .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar > span:first-child, .wsb-userbar #membergrade, .wsb-theme .wsb-userbar #membergrade, .wsb-userbar .info-2, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-userbar .nick, .wsb-theme .wsb-userbar .nick { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; min-height: 34px !important; padding: 0 4px !important; color: var(--wsb-gold-light) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; word-break: keep-all !important; writing-mode: horizontal-tb !important; } .wsb-userbar a, .wsb-theme .wsb-userbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 72px !important; height: 38px !important; min-height: 38px !important; padding: 0 13px !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; word-break: keep-all !important; writing-mode: horizontal-tb !important; } .wsb-userbar .link-cz, .wsb-theme .wsb-userbar .link-cz { color: #18a44a !important; background: #fff8f1 !important; } .wsb-userbar .link-ck, .wsb-theme .wsb-userbar .link-ck { color: #8f7652 !important; background: #fff8f1 !important; } .wsb-userbar .link-zz, .wsb-theme .wsb-userbar .link-zz { color: #d68900 !important; background: #fff8f1 !important; } .wsb-userbar .link-tc, .wsb-theme .wsb-userbar .link-tc { color: #f3f4f6 !important; background: rgba(255, 255, 255, .08) !important; } .slide-menu, .wsb-theme .slide-menu { display: none !important; } } @media (max-width: 760px) { .wsb-accountbar-inner, .wsb-theme .wsb-accountbar-inner { padding-right: 54px !important; } .header-logined.wsb-userbar, .wsb-userbar, .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { justify-content: flex-start !important; flex-basis: 100% !important; } .wsb-userbar a, .wsb-theme .wsb-userbar a { min-width: 64px !important; height: 34px !important; min-height: 34px !important; padding: 0 10px !important; font-size: 13px !important; } } /* V3 fix42: logged-in home/member balance panels */ .userCenter-banner, .userCenter-gameInfo, .userCenter-quick, .wsb-theme .userCenter-banner, .wsb-theme .userCenter-gameInfo, .wsb-theme .userCenter-quick { box-sizing: border-box !important; width: min(1180px, calc(100% - 32px)) !important; max-width: 1180px !important; margin: 22px auto !important; border: 1px solid rgba(20, 20, 22, .1) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(18, 18, 20, .08) !important; overflow: hidden !important; } .userCenter-banner .row:before, .userCenter-banner .row:after, .userCenter-quick .row:before, .userCenter-quick .row:after, .wsb-theme .userCenter-banner .row:before, .wsb-theme .userCenter-banner .row:after, .wsb-theme .userCenter-quick .row:before, .wsb-theme .userCenter-quick .row:after { display: none !important; content: none !important; } .userCenter-banner, .wsb-theme .userCenter-banner { padding: 22px 28px !important; background: radial-gradient(circle at 100% 0, rgba(198, 43, 52, .08), transparent 32%), #fff !important; } .userCenter-banner .row, .userCenter-quick .row, .wsb-theme .userCenter-banner .row, .wsb-theme .userCenter-quick .row { display: grid !important; align-items: center !important; margin: 0 !important; } .userCenter-banner .row, .wsb-theme .userCenter-banner .row { grid-template-columns: 86px minmax(0, 1fr) !important; gap: 22px !important; } .userCenter-banner .row > [class*="col-"], .userCenter-quick .row > [class*="col-"], .wsb-theme .userCenter-banner .row > [class*="col-"], .wsb-theme .userCenter-quick .row > [class*="col-"] { float: none !important; width: auto !important; max-width: none !important; min-height: 0 !important; padding: 0 !important; } .userCenter-banner .faceImg, .wsb-theme .userCenter-banner .faceImg { width: 76px !important; height: 76px !important; margin: 0 !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 8px 18px rgba(16, 18, 20, .12) !important; overflow: hidden !important; } .userCenter-banner .faceImg img, .wsb-theme .userCenter-banner .faceImg img { display: block !important; width: 76px !important; height: 76px !important; object-fit: contain !important; } .userCenter-banner .row > [class*="col-"]:nth-child(2), .wsb-theme .userCenter-banner .row > [class*="col-"]:nth-child(2) { display: grid !important; grid-template-columns: minmax(220px, .9fr) minmax(420px, 1.6fr) !important; align-items: center !important; gap: 16px 28px !important; } .userCenter-banner .info-1, .userCenter-banner .info-2, .wsb-theme .userCenter-banner .info-1, .wsb-theme .userCenter-banner .info-2 { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px 14px !important; min-width: 0 !important; padding: 0 !important; color: #68717e !important; font-size: 15px !important; line-height: 1.45 !important; } .userCenter-banner .info-1, .wsb-theme .userCenter-banner .info-1 { margin-bottom: 0 !important; } .userCenter-banner .info-1 .welcome, .userCenter-banner .info-1 .level, .userCenter-banner .info-1 .message, .wsb-theme .userCenter-banner .info-1 .welcome, .wsb-theme .userCenter-banner .info-1 .level, .wsb-theme .userCenter-banner .info-1 .message { display: inline-flex !important; align-items: center !important; padding: 0 !important; background: none !important; white-space: nowrap !important; } .userCenter-banner .nick, .userCenter-banner .zhumoney, .userCenter-banner .info-1 .level i, .wsb-theme .userCenter-banner .nick, .wsb-theme .userCenter-banner .zhumoney, .wsb-theme .userCenter-banner .info-1 .level i { color: var(--wsb-red-dark) !important; font-style: normal !important; font-weight: 900 !important; } .userCenter-banner .money, .wsb-theme .userCenter-banner .money { display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: 0 1 auto !important; padding: 0 !important; white-space: nowrap !important; } .userCenter-banner .zhumoney, .wsb-theme .userCenter-banner .zhumoney { font-size: 22px !important; line-height: 1 !important; } .userCenter-banner .info-2 .combtn, .userCenter-banner .info-2 .btn-red, .wsb-theme .userCenter-banner .info-2 .combtn, .wsb-theme .userCenter-banner .info-2 .btn-red { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 92px !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 9px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; word-break: keep-all !important; } .userCenter-banner .refresh-alert, .wsb-theme .userCenter-banner .refresh-alert { flex: 1 0 100% !important; margin: 2px 0 0 !important; color: #68717e !important; font-size: 14px !important; line-height: 1.55 !important; } .userCenter-gameInfo, .wsb-theme .userCenter-gameInfo { padding: 18px !important; } .userCenter-gameInfo ul, .wsb-theme .userCenter-gameInfo ul { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .userCenter-gameInfo li, .wsb-theme .userCenter-gameInfo li { float: none !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; width: auto !important; min-width: 0 !important; min-height: 72px !important; margin: 0 !important; padding: 14px 16px !important; border: 1px solid #ece6dc !important; border-radius: 10px !important; background: #fbf8f2 !important; text-align: left !important; box-shadow: none !important; cursor: pointer !important; } .userCenter-gameInfo li:hover, .wsb-theme .userCenter-gameInfo li:hover { border-color: rgba(198, 43, 52, .28) !important; background: #fff4ef !important; } .userCenter-gameInfo .t1, .wsb-theme .userCenter-gameInfo .t1 { min-width: 0 !important; color: #25282d !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .userCenter-gameInfo .t2, .wsb-theme .userCenter-gameInfo .t2 { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; min-width: 0 !important; margin: 0 !important; color: #b06b09 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; } .userCenter-gameInfo .t2 br, .wsb-theme .userCenter-gameInfo .t2 br { display: none !important; } .userCenter-gameInfo .fl_money, .wsb-theme .userCenter-gameInfo .fl_money { display: inline-flex !important; align-items: center !important; min-width: 0 !important; color: #b06b09 !important; white-space: nowrap !important; } .userCenter-gameInfo .fl_one_refresh, .wsb-theme .userCenter-gameInfo .fl_one_refresh { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(176, 107, 9, .28) !important; border-radius: 50% !important; color: transparent !important; background: #fff !important; text-decoration: none !important; font-size: 0 !important; } .userCenter-gameInfo .fl_one_refresh:after, .wsb-theme .userCenter-gameInfo .fl_one_refresh:after { content: "刷"; color: #a76108; font-size: 13px; font-weight: 900; } .userCenter-quick, .wsb-theme .userCenter-quick { padding: 16px 20px !important; } .userCenter-quick .row, .wsb-theme .userCenter-quick .row { grid-template-columns: 160px minmax(0, 1fr) !important; gap: 18px !important; } .userCenter-quick .tit, .wsb-theme .userCenter-quick .tit { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 0 12px !important; border-radius: 0 !important; color: #fff !important; background: #8f0000 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; } .userCenter-quick .text-block, .wsb-theme .userCenter-quick .text-block { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; overflow: visible !important; } .userCenter-quick .text-block a, .wsb-theme .userCenter-quick .text-block a { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 8px 12px !important; border-radius: 999px !important; color: var(--wsb-red-dark) !important; background: #fff4ef !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } @media (max-width: 760px) { .userCenter-banner, .userCenter-gameInfo, .userCenter-quick, .wsb-theme .userCenter-banner, .wsb-theme .userCenter-gameInfo, .wsb-theme .userCenter-quick { width: calc(100% - 20px) !important; margin: 14px auto !important; } .userCenter-banner, .wsb-theme .userCenter-banner { padding: 16px !important; } .userCenter-banner .row, .wsb-theme .userCenter-banner .row { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 12px !important; } .userCenter-banner .row > [class*="col-"]:nth-child(2), .wsb-theme .userCenter-banner .row > [class*="col-"]:nth-child(2) { grid-template-columns: 1fr !important; gap: 10px !important; } .userCenter-banner .faceImg, .userCenter-banner .faceImg img, .wsb-theme .userCenter-banner .faceImg, .wsb-theme .userCenter-banner .faceImg img { width: 62px !important; height: 62px !important; } .userCenter-banner .info-1, .userCenter-banner .info-2, .wsb-theme .userCenter-banner .info-1, .wsb-theme .userCenter-banner .info-2 { gap: 8px !important; font-size: 14px !important; } .userCenter-banner .zhumoney, .wsb-theme .userCenter-banner .zhumoney { font-size: 20px !important; } .userCenter-banner .info-2 .combtn, .userCenter-banner .info-2 .btn-red, .wsb-theme .userCenter-banner .info-2 .combtn, .wsb-theme .userCenter-banner .info-2 .btn-red { flex: 1 1 92px !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 10px !important; font-size: 14px !important; } .userCenter-gameInfo, .wsb-theme .userCenter-gameInfo { padding: 12px !important; } .userCenter-gameInfo ul, .wsb-theme .userCenter-gameInfo ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .userCenter-gameInfo li, .wsb-theme .userCenter-gameInfo li { grid-template-columns: 1fr !important; align-items: start !important; min-height: 82px !important; padding: 12px !important; } .userCenter-gameInfo .t2, .wsb-theme .userCenter-gameInfo .t2 { justify-content: space-between !important; width: 100% !important; } .userCenter-quick .row, .wsb-theme .userCenter-quick .row { grid-template-columns: 1fr !important; gap: 12px !important; } } @media (min-width: 761px) and (max-width: 900px) { .userCenter-banner .row > [class*="col-"]:nth-child(2), .wsb-theme .userCenter-banner .row > [class*="col-"]:nth-child(2) { grid-template-columns: 1fr !important; gap: 10px !important; } } @media (max-width: 430px) { .userCenter-gameInfo ul, .wsb-theme .userCenter-gameInfo ul { grid-template-columns: 1fr !important; } } /* PC promotion page refresh */ .wsb-theme #promottons-body.wsb-promo-page { padding: 30px 0 74px; background: radial-gradient(circle at 16% 0%, rgba(215, 35, 48, .13), transparent 34%), linear-gradient(180deg, #f7f2e8 0%, #fffaf0 42%, #f5efe3 100%) !important; } .wsb-promo-hero, .wsb-promo-container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; } .wsb-promo-hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; min-height: 292px; overflow: hidden; padding: 42px 46px; border-radius: 14px; background: linear-gradient(90deg, rgba(12, 14, 17, .94) 0%, rgba(86, 43, 38, .76) 48%, rgba(34, 78, 66, .70) 100%), url("/res/images/promottons/promotions170602.jpg") center / cover no-repeat; box-shadow: 0 20px 45px rgba(34, 22, 12, .18); } .wsb-promo-hero::after { content: ""; position: absolute; inset: auto -60px -120px auto; width: 320px; height: 320px; border: 42px solid rgba(246, 195, 78, .2); border-radius: 50%; pointer-events: none; } .wsb-promo-hero-copy { position: relative; z-index: 1; max-width: 700px; } .wsb-promo-hero-copy p, .wsb-promo-head p { margin: 0 0 12px; color: var(--wsb-gold-light); font-size: 15px; font-weight: 900; letter-spacing: 0; } .wsb-promo-hero-copy h1 { margin: 0; color: #fff; font-size: 56px; font-weight: 900; line-height: 1.08; letter-spacing: 0; } .wsb-promo-hero-copy span { display: block; max-width: 650px; margin-top: 18px; color: rgba(255, 255, 255, .86); font-size: 20px; font-weight: 800; line-height: 1.7; } .wsb-promo-hero-panel { position: relative; z-index: 1; min-width: 132px; padding: 22px 18px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; color: #fff; text-align: center; background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px); } .wsb-promo-hero-panel strong { display: block; font-size: 38px; font-weight: 900; line-height: 1; } .wsb-promo-hero-panel span { display: block; margin-top: 8px; color: rgba(255, 255, 255, .78); font-size: 14px; font-weight: 900; } .wsb-theme .wsb-promo-page #inner-promottons { padding: 18px 0 0; } .wsb-theme .wsb-promo-box { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .wsb-theme .wsb-promo-layout { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 18px; margin: 0 !important; } .wsb-theme .wsb-promo-layout::before, .wsb-theme .wsb-promo-layout::after { display: none; } .wsb-theme .wsb-promo-sidebar, .wsb-theme .wsb-promo-main { float: none !important; width: auto !important; padding: 0 !important; background: transparent !important; } .wsb-theme .wsb-promo-page .promottons-nav { position: sticky; top: 120px; overflow: hidden; padding: 10px; border: 1px solid rgba(65, 43, 24, .12); border-radius: 12px; background: rgba(255, 255, 255, .92); box-shadow: 0 14px 32px rgba(44, 28, 14, .09); } .wsb-theme .wsb-promo-page .promottons-nav ul { display: grid; gap: 8px; margin: 0; padding: 0; } .wsb-theme .wsb-promo-page .promottons-nav li { margin: 0; border: 1px solid rgba(65, 43, 24, .08); border-radius: 9px; background: #fbf7ef; } .wsb-theme .wsb-promo-page .promottons-nav li::before, .wsb-theme .wsb-promo-page .promottons-nav li::after { display: none !important; } .wsb-theme .wsb-promo-page .promottons-nav a { display: flex; align-items: center; min-height: 46px; padding: 0 14px; border-radius: 9px; color: var(--wsb-ink); font-size: 15px; font-weight: 900; line-height: 1.2; background: transparent; } .wsb-theme .wsb-promo-page .promottons-nav li.on, .wsb-theme .wsb-promo-page .promottons-nav li:hover { border-color: rgba(190, 35, 48, .32); background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); } .wsb-theme .wsb-promo-page .promottons-nav li.on a, .wsb-theme .wsb-promo-page .promottons-nav a:hover { color: #fff !important; background: transparent; } .wsb-theme .wsb-promo-page .promottons-activity { display: block; min-height: 0; padding: 22px; border: 1px solid rgba(65, 43, 24, .12); border-radius: 12px; background: rgba(255, 255, 255, .96); box-shadow: 0 14px 32px rgba(44, 28, 14, .09); } .wsb-promo-head { margin-bottom: 16px; padding: 2px 2px 18px; border-bottom: 1px solid rgba(65, 43, 24, .1); } .wsb-promo-head h2 { margin: 0; color: var(--wsb-ink); font-size: 28px; font-weight: 900; line-height: 1.2; } .wsb-promo-head span { display: block; margin-top: 8px; color: var(--wsb-muted); font-size: 14px; font-weight: 800; line-height: 1.6; } .wsb-theme .wsb-promo-page .promottons-activity-item { display: block; margin: 0 -8px; font-size: 0; } .wsb-theme .wsb-promo-page .promottons-activity .item-hd { position: relative; display: inline-block; width: calc(50% - 16px); margin: 8px; overflow: hidden; border: 1px solid rgba(65, 43, 24, .12); border-radius: 12px; background: #171717; box-shadow: 0 12px 24px rgba(24, 16, 10, .1); vertical-align: top; } .wsb-theme .wsb-promo-page .promottons-activity .item-hd:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(190, 35, 48, .16); } .wsb-theme .wsb-promo-page .promottons-activity .item-hd::after { content: "查看详情"; position: absolute; right: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 12px; border-radius: 999px; color: #fff; font-size: 13px; font-weight: 900; background: rgba(190, 35, 48, .94); box-shadow: 0 8px 20px rgba(0, 0, 0, .16); pointer-events: none; } .wsb-theme .wsb-promo-page .promottons-activity .item-hd::before { display: none; content: none; } .wsb-theme .wsb-promo-page .promottons-activity .item-hd-table, .wsb-theme .wsb-promo-page .promottons-activity .item-photo { display: block; width: 100%; } .wsb-theme .wsb-promo-page .promottons-activity .item-photo img { display: block; width: 100%; height: auto; min-height: 112px; object-fit: cover; filter: saturate(.95) contrast(1.05) brightness(1.02); transition: filter .18s ease, transform .18s ease; } .wsb-theme .wsb-promo-page .promottons-activity .item-hd:hover .item-photo img { filter: saturate(.98) contrast(1.06) brightness(1.02); transform: scale(1.01); } .wsb-promo-terms { margin-top: 22px; padding: 22px 24px; border: 1px solid rgba(65, 43, 24, .1); border-radius: 12px; background: linear-gradient(180deg, #fff, #fff9ef); } .wsb-theme .wsb-promo-page .reminder-intro { margin: 0 0 12px; color: var(--wsb-ink); font-size: 22px; font-weight: 900; line-height: 1.3; } .wsb-promo-terms ul { margin: 0; padding: 0; list-style: none; } .wsb-promo-terms li { padding: 8px 0; border-bottom: 1px dashed rgba(65, 43, 24, .14); color: #564c42; font-size: 14px; font-weight: 700; line-height: 1.8; } .wsb-promo-terms li:last-child { border-bottom: 0; } .wsb-theme .aui_content .wsb-promo-detail-frame, .wsb-theme .ui-dialog-content .wsb-promo-detail-frame { display: block; width: min(800px, calc(100vw - 54px)); height: min(680px, 72vh); border: 0; background: #fff; } .wsb-theme .aui_content .promotion-info img, .wsb-theme .ui-dialog-content .promotion-info img, .wsb-theme .aui_content .promotions_list_content img, .wsb-theme .ui-dialog-content .promotions_list_content img { max-width: 100%; height: auto; } .wsb-promo-modal-open { overflow: hidden; } .wsb-promo-detail-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 22px; background: rgba(12, 12, 14, .72); } .wsb-promo-detail-panel { position: relative; display: flex; flex-direction: column; width: min(860px, 100%); max-height: 86vh; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 14px; background: #fff; box-shadow: 0 26px 70px rgba(0, 0, 0, .34); } .wsb-promo-detail-title { padding: 18px 56px 16px 22px; border-bottom: 1px solid rgba(65, 43, 24, .12); color: var(--wsb-ink); font-size: 20px; font-weight: 900; line-height: 1.25; background: linear-gradient(180deg, #fff, #fff7e7); } .wsb-promo-detail-close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; height: 36px; border: 0; border-radius: 50%; color: #fff; font-size: 24px; font-weight: 900; line-height: 34px; text-align: center; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); cursor: pointer; } .wsb-promo-detail-body { overflow: auto; padding: 18px; color: #4d4339; background: #fff; } .wsb-promo-detail-body .promotions_list_content, .wsb-promo-detail-body .promotion-info, .wsb-promo-detail-body .promotion-desc, .wsb-promo-detail-body .promotion-content { max-width: 100%; } .wsb-promo-detail-body, .wsb-promo-detail-body div, .wsb-promo-detail-body p, .wsb-promo-detail-body li, .wsb-promo-detail-body td, .wsb-promo-detail-body th, .wsb-promo-detail-body span { color: #4d4339 !important; } .wsb-promo-detail-body h1, .wsb-promo-detail-body h2, .wsb-promo-detail-body h3, .wsb-promo-detail-body .promotion-tit { color: var(--wsb-red-dark) !important; font-weight: 900; } .wsb-promo-detail-body a { color: var(--wsb-red-dark) !important; font-weight: 800; } .wsb-promo-detail-body img { max-width: 100%; height: auto; filter: saturate(.95) contrast(1.05) brightness(1.02); } .wsb-promo-detail-body table { width: 100%; max-width: 100%; border-collapse: collapse; background: #fff; } .wsb-promo-detail-body th, .wsb-promo-detail-body td { border: 1px solid rgba(65, 43, 24, .14); background: #fff; } @media (max-width: 1080px) { .wsb-theme .wsb-promo-layout { grid-template-columns: 1fr; } .wsb-theme .wsb-promo-page .promottons-nav { position: static; } .wsb-theme .wsb-promo-page .promottons-nav ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 760px) { .wsb-theme #promottons-body.wsb-promo-page { padding: 16px 0 86px; } .wsb-promo-hero, .wsb-promo-container { width: calc(100% - 24px); } .wsb-promo-hero { display: block; min-height: 0; padding: 26px 18px; border-radius: 10px; } .wsb-promo-hero-copy h1 { font-size: 36px; } .wsb-promo-hero-copy span { font-size: 15px; } .wsb-promo-hero-panel { display: inline-block; min-width: 112px; margin-top: 18px; padding: 16px 14px; } .wsb-theme .wsb-promo-page .promottons-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wsb-theme .wsb-promo-page .promottons-nav a { min-height: 42px; font-size: 14px; } .wsb-theme .wsb-promo-page .promottons-activity { padding: 16px; } .wsb-promo-head h2 { font-size: 23px; } .wsb-theme .wsb-promo-page .promottons-activity .item-hd { width: calc(100% - 16px); } .wsb-promo-terms { padding: 18px 16px; } .wsb-theme .aui_content .wsb-promo-detail-frame, .wsb-theme .ui-dialog-content .wsb-promo-detail-frame { width: calc(100vw - 34px); height: 68vh; } .wsb-promo-detail-modal { padding: 12px; } .wsb-promo-detail-panel { max-height: 88vh; border-radius: 10px; } .wsb-promo-detail-title { padding: 15px 52px 13px 16px; font-size: 18px; } .wsb-promo-detail-body { padding: 12px; } } @media (max-width: 1080px) { .wsb-theme .wsb-footer-main { grid-template-columns: 1fr !important; gap: 22px !important; padding: 26px 0 22px !important; } .wsb-theme .wsb-footer-brand, .wsb-theme .wsb-footer-grid { grid-column: 1 !important; grid-row: auto !important; } .wsb-theme .wsb-footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { .wsb-theme .wsb-userbar { gap: 8px; } .wsb-theme .wsb-userbar a { min-height: 34px; padding: 0 12px; line-height: 32px; } .wsb-theme .wsb-footer-main { padding: 22px 0 18px !important; } .wsb-theme .wsb-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .wsb-theme .wsb-footer-bottom .container { gap: 8px; } .wsb-theme .wsb-footer-bottom a { margin: 0 12px 0 0; } } /* Live casino page refresh. Keeps the original startGame hooks and tab script intact. */ .wsb-theme #liveGame-body { position: relative; min-height: 690px; padding: 34px 0 54px; overflow: hidden; background: radial-gradient(circle at 86% 18%, rgba(198, 43, 52, .32), transparent 34%), radial-gradient(circle at 12% 82%, rgba(244, 200, 94, .14), transparent 28%), linear-gradient(135deg, #130f0d 0%, #231311 48%, #101715 100%) !important; } .wsb-theme #liveGame-body:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, transparent 0 44%, rgba(244, 200, 94, .16) 44% 44.45%, transparent 44.45% 100%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 72px); opacity: .55; } .wsb-theme #inner-liveGame { position: relative; z-index: 1; padding-top: 0 !important; } .wsb-theme #liveGame-body .container { width: min(1180px, calc(100% - 36px)); } .wsb-theme .liveGame-tab { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 18px; padding: 0 !important; text-align: initial !important; } .wsb-theme .liveGame-tab a { position: relative; display: flex !important; width: auto !important; min-height: 194px; flex-direction: column; align-items: center; justify-content: flex-end; padding: 20px 18px 18px !important; overflow: hidden; border: 1px solid rgba(244, 200, 94, .22); border-radius: 14px; color: #fff; background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)), rgba(19, 18, 18, .9) !important; box-shadow: 0 18px 36px rgba(0, 0, 0, .24); transition: transform .18s ease, border-color .18s ease, background .18s ease; } .wsb-theme .liveGame-tab a:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(198, 43, 52, .18), transparent 52%); opacity: 0; transition: opacity .18s ease; } .wsb-theme .liveGame-tab a:after { display: none !important; } .wsb-theme .liveGame-tab a:hover, .wsb-theme .liveGame-tab a.on { transform: translateY(-2px); border-color: rgba(244, 200, 94, .54); background: linear-gradient(135deg, rgba(198, 43, 52, .86), rgba(112, 14, 18, .88)), #7b171e !important; } .wsb-theme .liveGame-tab a:hover:before, .wsb-theme .liveGame-tab a.on:before { opacity: 1; } .wsb-theme .liveGame-tab a img { position: relative; z-index: 1; display: block; width: min(76%, 220px) !important; max-height: 118px; margin: auto auto 14px; object-fit: contain; filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .35)); } .wsb-theme .live-item span { position: relative; z-index: 1; display: block !important; margin: 0 !important; color: #fff; font-size: 18px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-align: center; text-shadow: 0 2px 10px rgba(0, 0, 0, .35); } .wsb-theme .liveGame-con { padding-top: 0 !important; overflow: visible !important; } .wsb-theme .liveGame-item { min-height: 360px !important; padding: 36px 42px !important; overflow: hidden !important; border: 1px solid rgba(244, 200, 94, .18); border-radius: 16px; box-shadow: 0 22px 46px rgba(0, 0, 0, .26); } .wsb-theme .liveGame-item-1 { background: linear-gradient(90deg, rgba(12, 12, 12, .86) 0%, rgba(24, 13, 12, .82) 44%, rgba(24, 13, 12, .54) 100%), url(/res/images/livegame/conbg-1.png) 7% bottom / auto 92% no-repeat, #17110f !important; } .wsb-theme .liveGame-item-2 { background: linear-gradient(90deg, rgba(12, 12, 12, .86) 0%, rgba(24, 13, 12, .82) 44%, rgba(24, 13, 12, .54) 100%), url(/res/images/livegame/conbg-2.png) 5% bottom / auto 96% no-repeat, #17110f !important; } .wsb-theme .liveGame-item-3 { background: linear-gradient(90deg, rgba(12, 12, 12, .86) 0%, rgba(24, 13, 12, .82) 44%, rgba(24, 13, 12, .54) 100%), url(/res/images/livegame/conbg-3.png) 7% bottom / auto 96% no-repeat, #17110f !important; } .wsb-theme .liveGame-item-4 { background: linear-gradient(90deg, rgba(12, 12, 12, .86) 0%, rgba(24, 13, 12, .82) 44%, rgba(24, 13, 12, .54) 100%), url(/res/images/livegame/conbg-4.png) 7% bottom / auto 92% no-repeat, #17110f !important; } .wsb-theme .liveGame-con .item { float: none !important; width: min(520px, 52%) !important; margin: 0 0 0 auto !important; padding: 24px 26px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: rgba(11, 10, 10, .56); box-shadow: 0 18px 34px rgba(0, 0, 0, .22); } .wsb-theme .liveGame-con .item-tit { clear: none !important; } .wsb-theme .liveGame-con .item-tit .tit { height: auto !important; min-height: 34px; padding: 7px 16px !important; border: 1px solid rgba(244, 200, 94, .35); border-radius: 999px !important; color: var(--wsb-gold-light) !important; font-size: 16px !important; line-height: 1.25 !important; background: rgba(198, 43, 52, .28) !important; } .wsb-theme .liveGame-con .item-info { padding-top: 18px !important; color: rgba(255, 255, 255, .82) !important; font-size: 15px !important; line-height: 1.85 !important; text-shadow: none !important; } .wsb-theme .liveGame-con .item-ewm { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 22px !important; } .wsb-theme .liveGame-con .item-ewm .btn, .wsb-theme .liveGame-con .item-ewm a { min-width: 132px; height: 40px !important; padding: 0 18px; border: 0 !important; border-radius: 10px !important; color: #fff !important; font-weight: 900; line-height: 40px !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; box-shadow: 0 12px 22px rgba(198, 43, 52, .22); } .wsb-theme #f-footer .wsb-footer-main { grid-template-columns: minmax(310px, 410px) minmax(0, 1fr) !important; gap: 48px !important; align-items: start !important; } .wsb-theme #f-footer .wsb-footer-brand, .wsb-theme #f-footer .wsb-footer-grid { align-self: start !important; } .wsb-theme #f-footer .wsb-footer-brand { padding-top: 2px; } .wsb-theme #f-footer .wsb-footer-grid { grid-template-columns: repeat(4, minmax(116px, 1fr)) !important; justify-items: start !important; } @media (max-width: 1080px) { .wsb-theme #liveGame-body { min-height: auto; padding: 26px 0 42px; } .wsb-theme .liveGame-tab { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .wsb-theme .liveGame-tab a { min-height: 164px; padding: 16px 12px !important; } .wsb-theme .liveGame-tab a img { max-height: 92px; } .wsb-theme .liveGame-con .item { width: min(560px, 64%) !important; } .wsb-theme #f-footer .wsb-footer-main { grid-template-columns: 1fr !important; gap: 22px !important; } } @media (max-width: 760px) { .wsb-theme #liveGame-body .container { width: calc(100% - 24px); max-width: 520px; } html, body { width: 100%; overflow-x: hidden; } .wsb-theme { background: #f2f3ef !important; } .wsb-theme #scrollHeader { position: relative !important; top: auto !important; } .wsb-theme .wsb-topbar { display: none !important; } .wsb-theme #header-top-wrap.wsb-topbar { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; } .wsb-theme .container, .wsb-theme .wsb-pt-container, .wsb-theme .wsb-pt-hero { width: calc(100% - 24px) !important; max-width: none !important; } .wsb-theme .wsb-accountbar-inner { align-items: center !important; flex-direction: column !important; gap: 10px !important; min-height: 0 !important; padding: 12px 0 14px !important; } .wsb-theme .wsb-brand { display: flex; justify-content: center; width: 100%; } .wsb-theme .wsb-brand img { width: 154px !important; } .wsb-theme .wsb-login-wrap { width: min(100%, 520px) !important; align-items: stretch !important; gap: 8px !important; margin: 0 auto !important; } .wsb-theme .wsb-login-form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; gap: 8px !important; } .wsb-theme .wsb-login-form .inp, .wsb-theme .wsb-login-form .login-btn, .wsb-theme .add-account { width: 100% !important; min-height: 40px !important; height: 40px !important; border-radius: 10px !important; font-size: 15px !important; } .wsb-theme .wsb-login-form .link-inp, .wsb-theme .wsb-login-form .ZhuCode, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; } .wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: minmax(0, 1fr) 78px !important; gap: 8px !important; } .wsb-theme .wsb-login-form .ZhuCode .inp, .wsb-theme .wsb-login-form .code-img, .wsb-theme .wsb-login-form .code-img img { width: 100% !important; height: 40px !important; } .wsb-theme .wsb-login-links { justify-content: center !important; width: 100% !important; } .wsb-theme .add-account { max-width: 520px; margin: 0 auto; } .wsb-theme .wsb-nav-inner { width: calc(100% - 24px) !important; min-height: 54px !important; flex-wrap: wrap; padding: 8px 0 !important; } .wsb-theme .header-logo2 { display: none !important; } .wsb-theme .header-logo2 img { width: 154px !important; } .wsb-theme .wsb-nav-toggle { flex: 0 0 44px; margin-left: auto !important; } .wsb-theme .notice-bd { min-height: 38px; border-radius: 0; overflow: hidden; white-space: nowrap; } .wsb-theme .notice-bd strong { flex: 0 0 auto; } .wsb-theme .wsb-notice-more { flex: 0 0 auto; } .wsb-theme #f-content { min-height: 0; } .slide-menu { display: none !important; } .wsb-theme .liveGame-tab { grid-template-columns: 1fr; gap: 10px; } .wsb-theme .liveGame-tab a { min-height: 112px; flex-direction: row; justify-content: flex-start; gap: 14px; padding: 14px !important; } .wsb-theme .liveGame-tab a img { width: 116px !important; max-height: 74px; margin: 0; } .wsb-theme .live-item span { font-size: 16px !important; text-align: left; } .wsb-theme .liveGame-item { min-height: 0 !important; padding: 18px !important; background-size: auto, auto 58% !important; background-position: center, right bottom !important; } .wsb-theme .liveGame-con .item { width: 100% !important; margin: 0 !important; padding: 18px; background: rgba(11, 10, 10, .68); } .wsb-theme .liveGame-con .item-info { font-size: 14px !important; line-height: 1.75 !important; } .wsb-theme #f-footer .wsb-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 1400px), (hover: none) and (pointer: coarse) { .wsb-theme .wsb-topbar, .wsb-theme #header-top-wrap.wsb-topbar { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; } .wsb-theme .wsb-accountbar-inner { align-items: center !important; flex-direction: column !important; gap: 10px !important; min-height: 0 !important; padding: 12px 0 14px !important; } .wsb-theme .wsb-brand { display: flex; justify-content: center; width: 100%; } .wsb-theme .wsb-brand img { width: 154px !important; } .wsb-theme .wsb-login-wrap { width: min(100%, 520px) !important; align-items: stretch !important; gap: 8px !important; margin: 0 auto !important; } .wsb-theme .wsb-login-form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; } .wsb-theme .wsb-login-form .inp, .wsb-theme .wsb-login-form .login-btn, .wsb-theme .add-account { width: 100% !important; min-height: 40px !important; height: 40px !important; border-radius: 10px !important; font-size: 15px !important; } .wsb-theme .wsb-login-form .link-inp, .wsb-theme .wsb-login-form .ZhuCode, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; } .wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: minmax(0, 1fr) 78px !important; gap: 8px !important; } .wsb-theme .wsb-login-form .ZhuCode .inp, .wsb-theme .wsb-login-form .code-img, .wsb-theme .wsb-login-form .code-img img { width: 100% !important; height: 40px !important; } .wsb-theme .wsb-login-links { justify-content: center !important; width: 100% !important; } .wsb-theme .add-account { max-width: 520px; margin: 0 auto; } .wsb-theme .wsb-nav-inner { width: calc(100% - 24px) !important; min-height: 54px !important; flex-wrap: wrap; padding: 8px 0 !important; } .wsb-theme .header-logo2 { display: none !important; } .wsb-theme .wsb-nav-toggle { flex: 0 0 44px; margin-left: auto !important; } } .wsb-theme .wsb-mobile-login-toggle { display: none; } .wsb-theme .wsb-hero { background: linear-gradient(90deg, rgba(10, 10, 10, .78), rgba(43, 13, 18, .62) 48%, rgba(9, 44, 34, .42)), url(/res/images/banner/desk_world-cup_1920x660_cs.png) center / cover no-repeat #101010; } .wsb-theme #help-body .help-banner { background: radial-gradient(circle at 18% 28%, rgba(211, 44, 54, .24), transparent 34%), linear-gradient(135deg, #151313, #2b1b1d 58%, #101816); } .wsb-theme #help-body .help-banner img { opacity: .08; filter: saturate(.25) contrast(.72); } @media (max-width: 760px), (hover: none) and (pointer: coarse) { .wsb-theme { overflow-x: hidden; } .wsb-theme #scrollHeader { position: sticky !important; top: 0 !important; background: #101113 !important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .22) !important; } .wsb-theme .wsb-topbar, .wsb-theme #header-top-wrap.wsb-topbar { display: none !important; } .wsb-theme .wsb-accountbar { background: #101113 !important; } .wsb-theme .wsb-accountbar-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-direction: row !important; flex-wrap: nowrap !important; width: min(100% - 20px, 1180px) !important; min-height: 62px !important; gap: 8px !important; padding: 8px 54px 8px 0 !important; } .wsb-theme .wsb-brand { display: flex !important; flex: 1 1 auto !important; justify-content: flex-start !important; width: auto !important; min-width: 0 !important; } .wsb-theme .wsb-brand img { width: 136px !important; max-width: 36vw !important; } .wsb-theme .wsb-login-wrap { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; flex-direction: row !important; width: auto !important; max-width: none !important; gap: 6px !important; margin: 0 !important; } .wsb-theme .wsb-mobile-login-toggle, .wsb-theme .wsb-login-wrap > .add-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 48px !important; height: 38px !important; min-height: 38px !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } .wsb-theme .wsb-mobile-login-toggle { border: 1px solid rgba(255, 255, 255, .24) !important; color: #fff !important; background: linear-gradient(135deg, #ce2935, #9d1724) !important; box-shadow: 0 10px 22px rgba(159, 23, 36, .28) !important; } .wsb-theme .wsb-login-wrap > .add-account { margin: 0 !important; border: 1px solid rgba(255, 255, 255, .22) !important; color: #fff !important; background: rgba(255, 255, 255, .08) !important; box-shadow: none !important; } .wsb-theme .wsb-login-form { position: absolute !important; top: calc(100% + 12px) !important; right: 0 !important; z-index: 1010 !important; display: none !important; grid-template-columns: 1fr !important; width: min(92vw, 360px) !important; max-width: none !important; gap: 10px !important; padding: 14px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 14px !important; background: rgba(17, 18, 20, .98) !important; box-shadow: 0 22px 50px rgba(0, 0, 0, .38) !important; } .wsb-theme .wsb-login-wrap.is-login-open .wsb-login-form { display: grid !important; } .wsb-theme .wsb-login-form .link-inp, .wsb-theme .wsb-login-form .ZhuCode, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; } .wsb-theme .wsb-login-form .inp, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; height: 42px !important; min-height: 42px !important; border-radius: 10px !important; font-size: 16px !important; } .wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: minmax(0, 1fr) 94px !important; gap: 8px !important; } .wsb-theme .wsb-login-form .code-img, .wsb-theme .wsb-login-form .code-img img { width: 94px !important; height: 42px !important; } .wsb-theme .wsb-login-form .wsb-login-links { display: flex !important; justify-content: center !important; width: 100% !important; gap: 22px !important; padding-top: 2px !important; } .wsb-theme .wsb-login-form .wsb-login-links a { color: #f0c45d !important; font-size: 14px !important; } .wsb-theme .wsb-userbar { flex: 1 1 auto !important; justify-content: flex-end !important; gap: 6px !important; overflow-x: auto !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar #membergrade, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-theme .wsb-userbar .nick, .wsb-theme .wsb-userbar a { flex: 0 0 auto !important; font-size: 13px !important; } .wsb-theme .wsb-userbar a { min-height: 34px !important; padding: 0 9px !important; line-height: 34px !important; } .wsb-theme .wsb-nav-wrap { position: static !important; height: auto !important; border-top: 0 !important; background: transparent !important; } .wsb-theme #header { position: absolute !important; top: 9px !important; right: 10px !important; z-index: 1009 !important; width: 44px !important; background: transparent !important; } .wsb-theme .wsb-nav-inner { display: block !important; width: 44px !important; min-height: 0 !important; padding: 0 !important; } .wsb-theme .header-logo2 { display: none !important; } .wsb-theme .wsb-nav-toggle { display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; width: 44px !important; height: 44px !important; margin: 0 !important; border: 1px solid rgba(255, 255, 255, .24) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .92) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important; } .wsb-theme .wsb-nav-toggle span { width: 20px !important; height: 2px !important; margin: 3px 0 !important; background: #161616 !important; } .wsb-theme .header-menu { position: absolute !important; top: 52px !important; right: 0 !important; z-index: 1010 !important; display: none !important; width: min(92vw, 360px) !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; padding: 10px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 14px !important; background: rgba(17, 18, 20, .98) !important; box-shadow: 0 22px 50px rgba(0, 0, 0, .38) !important; } .wsb-theme .header-menu.is-open { display: grid !important; } .wsb-theme .header-menu > li > a { min-width: 0 !important; padding: 12px 8px !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 10px !important; color: #f7f2ea !important; background: rgba(255, 255, 255, .06) !important; } .wsb-theme .header-menu > li.on > a, .wsb-theme .header-menu > li > a[aria-current="page"] { color: #fff !important; background: linear-gradient(135deg, #ce2935, #9d1724) !important; } .wsb-theme .header-menu .en { color: rgba(255, 255, 255, .56) !important; } .wsb-theme .wsb-notice { border-top: 1px solid rgba(255, 255, 255, .08) !important; } .wsb-theme .notice-bd { min-height: 36px !important; gap: 10px !important; border-radius: 0 !important; } .wsb-theme .notice-bd .marquee-content { font-size: 13px !important; } .wsb-theme .wsb-hero { min-height: 0 !important; background-position: center top !important; } .wsb-theme .wsb-hero:after { background: linear-gradient(90deg, rgba(9, 9, 9, .84), rgba(61, 15, 22, .58) 56%, rgba(13, 57, 45, .42)), linear-gradient(0deg, rgba(0, 0, 0, .38), transparent 45%) !important; } .wsb-theme .wsb-hero-content { min-height: 0 !important; grid-template-columns: 1fr !important; gap: 18px !important; padding: 34px 0 38px !important; } .wsb-theme .wsb-hero h1 { font-size: 42px !important; line-height: 1.12 !important; } .wsb-theme .wsb-hero p { font-size: 16px !important; line-height: 1.7 !important; } .wsb-theme .wsb-hero-actions { margin-top: 20px !important; } .wsb-theme .wsb-hero-panel { grid-template-columns: 1fr !important; } } @media (max-width: 380px) { .wsb-theme .wsb-accountbar-inner { padding-right: 50px !important; } .wsb-theme .wsb-brand img { width: 120px !important; } .wsb-theme .wsb-mobile-login-toggle, .wsb-theme .wsb-login-wrap > .add-account { height: 36px !important; min-height: 36px !important; padding: 0 9px !important; font-size: 13px !important; } .wsb-theme .wsb-hero h1 { font-size: 36px !important; } } /* V3 fix35: unify gameList pages and stabilize center layouts without changing JSP actions. */ .wsb-theme, .wsb-theme button, .wsb-theme input, .wsb-theme select, .wsb-theme textarea { font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important; letter-spacing: 0 !important; } .wsb-theme .wsb-brand img, .wsb-theme .header-logo2 img, .wsb-theme #logo img, .wsb-theme .logo img { height: auto !important; object-fit: contain !important; } @media (max-width: 1400px), (hover: none) and (pointer: coarse) { .wsb-theme .wsb-accountbar-inner { align-items: center !important; justify-content: space-between !important; flex-direction: row !important; width: min(100% - 28px, 1180px) !important; min-height: 70px !important; gap: 12px !important; padding: 12px 0 !important; } .wsb-theme .wsb-brand { flex: 1 1 auto !important; justify-content: flex-start !important; width: auto !important; min-width: 0 !important; } .wsb-theme .wsb-login-wrap { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-direction: row !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; gap: 8px !important; margin: 0 !important; } .wsb-theme .wsb-mobile-login-toggle, .wsb-theme .wsb-login-wrap > .add-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 58px !important; height: 40px !important; min-height: 40px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } .wsb-theme .wsb-mobile-login-toggle { border: 1px solid rgba(255, 255, 255, .24) !important; color: #fff !important; background: linear-gradient(135deg, #ce2935, #9d1724) !important; box-shadow: 0 10px 22px rgba(159, 23, 36, .28) !important; } .wsb-theme .wsb-login-wrap > .add-account { color: #fff !important; background: rgba(255, 255, 255, .08) !important; box-shadow: none !important; } .wsb-theme .wsb-login-form { position: absolute !important; top: calc(100% + 12px) !important; right: 0 !important; z-index: 1010 !important; display: none !important; grid-template-columns: 1fr !important; width: min(92vw, 360px) !important; max-width: none !important; gap: 10px !important; padding: 14px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 14px !important; background: rgba(17, 18, 20, .98) !important; box-shadow: 0 22px 50px rgba(0, 0, 0, .38) !important; } .wsb-theme .wsb-login-wrap.is-login-open .wsb-login-form { display: grid !important; } .wsb-theme .wsb-login-form .link-inp, .wsb-theme .wsb-login-form .ZhuCode, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; } .wsb-theme .wsb-login-form .inp, .wsb-theme .wsb-login-form .login-btn { width: 100% !important; height: 42px !important; min-height: 42px !important; border-radius: 10px !important; font-size: 16px !important; } .wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: minmax(0, 1fr) 94px !important; gap: 8px !important; } .wsb-theme .wsb-login-form .code-img, .wsb-theme .wsb-login-form .code-img img { width: 94px !important; height: 42px !important; } } .wsb-ttg-page .wsb-pt-hero::after { content: "TTG"; } .wsb-theme .wsb-pt-page .text-center { display: none !important; } .wsb-theme .wsb-pt-page .inner-pages a { font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; font-weight: 900 !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; } .wsb-theme .wsb-pt-page .inner-solt-list-bd .item-photo img, .wsb-theme .wsb-mobile-pt-card img { image-rendering: auto; } .wsb-theme .liveGame-tab a { justify-content: space-between !important; } .wsb-theme .liveGame-tab a img { width: 132px !important; height: 92px !important; max-width: 76% !important; max-height: 92px !important; margin: auto auto 14px !important; aspect-ratio: auto !important; object-fit: contain !important; } @media (max-width: 760px) { .wsb-theme .liveGame-tab a img { width: 96px !important; height: 67px !important; max-width: 34% !important; max-height: 67px !important; margin: 0 !important; } } .wsb-theme #content, .wsb-theme #lobby { min-width: 0 !important; } .wsb-theme #content ul.game-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: min(1180px, calc(100% - 32px)) !important; margin: 0 auto !important; padding: 30px 0 8px !important; gap: 18px !important; overflow: visible !important; } .wsb-theme #content ul.game-list li { min-width: 0 !important; min-height: 360px !important; border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px !important; } .wsb-theme #content ul.game-list li .pic { width: 100% !important; height: 220px !important; } @media (max-width: 1080px) { .wsb-theme #content ul.game-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { .wsb-theme #content ul.game-list { grid-template-columns: 1fr !important; width: calc(100% - 24px) !important; padding-top: 18px !important; } .wsb-theme #content ul.game-list li { min-height: 0 !important; } } .wsb-theme #f-content > #f-content { min-height: 0 !important; padding: 46px 0 70px !important; background: radial-gradient(circle at 90% 0, rgba(198, 43, 52, .11), transparent 30%), linear-gradient(180deg, #f7f2ea 0%, #f2eee4 100%) !important; } .wsb-theme #f-content > #f-content .help-banner { width: min(1180px, calc(100% - 32px)) !important; margin: 0 auto 18px !important; overflow: hidden; border: 1px solid rgba(128, 112, 86, .2); border-radius: 12px; background: #171719; box-shadow: 0 18px 44px rgba(24, 24, 24, .12); } .wsb-theme #f-content > #f-content .help-banner img { display: block; width: 100% !important; height: clamp(150px, 22vw, 240px) !important; object-fit: cover; opacity: .36; filter: saturate(.52) contrast(.86); } .wsb-theme .lotto-items.layout { width: min(1180px, calc(100% - 32px)) !important; margin: 0 auto !important; } .wsb-theme .lotto-item.bb-item { margin: 0 !important; padding: 0 !important; list-style: none !important; } .wsb-theme .lotto-item.bb-item > li { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; min-height: 0 !important; padding: 22px !important; border: 1px solid rgba(20, 20, 22, .08); border-radius: 12px; background: #fff !important; box-shadow: 0 16px 36px rgba(16, 18, 20, .1); } .wsb-theme .lotto-item.bb-item .left, .wsb-theme .lotto-item.bb-item .right { float: none !important; width: auto !important; min-width: 0 !important; padding: 24px !important; border-radius: 10px; background: linear-gradient(135deg, #171719, #402127) !important; color: #fff !important; } .wsb-theme .lotto-item.bb-item h3, .wsb-theme .lotto-item.bb-item h4, .wsb-theme .lotto-item.bb-item p { color: inherit !important; letter-spacing: 0 !important; } .wsb-theme .lotto-item.bb-item a { display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px; margin: 14px 0 !important; padding: 0 20px !important; border-radius: 9px !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; font-weight: 900; } .wsb-theme .fishing-bg { height: auto !important; min-height: 560px !important; padding: 48px 0 70px !important; overflow: hidden !important; background: linear-gradient(120deg, rgba(17, 18, 20, .92), rgba(84, 25, 30, .72), rgba(15, 68, 57, .64)), url(/res/images/bg.jpg) center / cover no-repeat !important; } .wsb-theme .fishing-flash { display: none !important; } .wsb-theme .fishing-box { position: relative !important; top: auto !important; left: auto !important; z-index: 2 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; gap: 24px; width: min(760px, calc(100% - 32px)) !important; height: auto !important; margin: 0 auto !important; } .wsb-theme .fishing-play { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 340px !important; max-width: 100% !important; height: 350px !important; margin: 0 auto !important; background-position: center top !important; } @media (max-width: 760px) { .wsb-theme .lotto-item.bb-item > li, .wsb-theme .fishing-box { grid-template-columns: 1fr !important; } .wsb-theme .lotto-item.bb-item .left, .wsb-theme .lotto-item.bb-item .right { padding: 18px !important; } } .wsb-theme #userCenter-body { background: radial-gradient(circle at 100% 0, rgba(198, 43, 52, .1), transparent 28%), linear-gradient(180deg, #f7f2ea 0%, #f2eee4 100%) !important; } .wsb-theme #userCenter-body .container { width: min(1180px, calc(100% - 32px)) !important; } .wsb-theme .userCenter-box { overflow: visible !important; } .wsb-theme .userCenter-box > .row { display: grid !important; grid-template-columns: 246px minmax(0, 1fr); align-items: stretch; } .wsb-theme .userCenter-box > .row > .userCenter-box-left, .wsb-theme .userCenter-box > .row > .userCenter-box-right { float: none !important; width: auto !important; max-width: none !important; } .wsb-theme .userCenter-content { min-width: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme .userCenter-content *, .wsb-theme .userCenter-nav * { letter-spacing: 0 !important; } .wsb-theme .userCenter-comnav { display: flex !important; flex-wrap: wrap; gap: 8px; overflow: visible !important; } .wsb-theme .userCenter-comnav a, .wsb-theme .userCenter-comnav .apply_t { display: inline-flex !important; align-items: center; justify-content: center; float: none !important; width: auto !important; min-height: 38px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 9px !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.2 !important; white-space: nowrap; } .wsb-theme .userCenter-account-bd, .wsb-theme .userCenter-cashBack-con, .wsb-theme .userCenter-withdrawal-con, .wsb-theme .paytablist { min-width: 0 !important; max-width: 100% !important; } .wsb-theme #userCenter-body .input-item { clear: none !important; display: grid !important; grid-template-columns: 136px minmax(0, 1fr); align-items: start; gap: 10px 14px; width: 100% !important; min-height: 0 !important; margin: 0 0 14px !important; padding: 0 !important; color: var(--wsb-ink) !important; line-height: 1.7 !important; } .wsb-theme #userCenter-body .input-title { float: none !important; width: auto !important; padding: 9px 0 0 !important; color: var(--wsb-muted) !important; font-size: 14px !important; font-weight: 900 !important; text-align: right !important; } .wsb-theme #userCenter-body .input-box { float: none !important; width: 100% !important; min-width: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .tablist table, .wsb-theme #userCenter-body .userCenter-content table { width: 100% !important; min-width: 0 !important; background: #fff !important; border-collapse: separate !important; border-spacing: 0 8px !important; } .wsb-theme #userCenter-body .tablist table th, .wsb-theme #userCenter-body .tablist table td, .wsb-theme #userCenter-body .userCenter-content table th, .wsb-theme #userCenter-body .userCenter-content table td { background: transparent !important; color: var(--wsb-ink) !important; text-shadow: none !important; } .wsb-theme #userCenter-body .tablist table td[style*="color"], .wsb-theme #userCenter-body .userCenter-content table td[style*="color"] { color: var(--wsb-red-dark) !important; } .wsb-theme #userCenter-body .paymenty-choose { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 0 !important; } .wsb-theme #userCenter-body .paymenty-choose a, .wsb-theme #userCenter-body .paymenty-choose span { float: none !important; margin: 0 !important; white-space: normal !important; } .wsb-theme #userCenter-body .paymenty-choose a { display: inline-flex !important; align-items: center; justify-content: center; min-height: 38px; padding: 0 13px; border: 1px solid rgba(20, 20, 22, .1); border-radius: 9px; color: var(--wsb-muted) !important; background: #fff !important; font-weight: 900; } .wsb-theme #userCenter-body .paymenty-choose a.on, .wsb-theme #userCenter-body .paymenty-choose a:hover { border-color: rgba(198, 43, 52, .26); color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #userCenter-body .cominp, .wsb-theme #userCenter-body .comselect, .wsb-theme #userCenter-body input[type="text"], .wsb-theme #userCenter-body input[type="password"], .wsb-theme #userCenter-body input[type="number"], .wsb-theme #userCenter-body select, .wsb-theme #userCenter-body textarea { float: none !important; width: min(100%, 420px) !important; max-width: 100% !important; height: auto !important; min-height: 42px !important; padding: 0 12px !important; border: 1px solid var(--wsb-line) !important; border-radius: 9px !important; color: var(--wsb-ink) !important; background: #fff !important; } .wsb-theme #userCenter-body .combtn, .wsb-theme #userCenter-body .btn-red, .wsb-theme #userCenter-body input[type="button"] { min-height: 42px !important; padding: 0 20px !important; border-radius: 9px !important; font-size: 15px !important; font-weight: 900 !important; } .wsb-theme #userCenter-body .backSaving-tips-con, .wsb-theme #userCenter-body .grqb12, .wsb-theme #userCenter-body .bdyhk2 { margin: 16px 0 0 !important; padding: 14px 16px !important; border-left: 4px solid var(--wsb-red); border-radius: 10px; color: #5f5750 !important; background: #fff7ef !important; line-height: 1.75 !important; text-indent: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-icon { display: flex !important; justify-content: center; padding: 14px 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-icon img { margin-left: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-money { display: grid !important; grid-template-columns: 80px minmax(0, 1fr); align-items: center; gap: 10px; padding-top: 16px !important; } .wsb-theme #userCenter-body .transerMoney-form-money .tit { float: none !important; width: auto !important; color: var(--wsb-muted); font-weight: 900; text-align: right; } .wsb-theme #userCenter-body #Amount { width: min(100%, 260px) !important; } .wsb-theme #userCenter-body .small_btn_open { max-width: min(92vw, 560px) !important; height: auto !important; background: #fff !important; color: var(--wsb-ink) !important; border-color: var(--wsb-line) !important; border-radius: 12px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .32) !important; } .wsb-theme #userCenter-body .small_btn_open h2 { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #userCenter-body .pay_now { height: auto !important; } @media (max-width: 900px) { .wsb-theme .userCenter-box > .row { grid-template-columns: 1fr; } .wsb-theme .userCenter-nav { padding: 12px !important; } .wsb-theme .userCenter-nav ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .wsb-theme .userCenter-nav li { margin: 0 !important; } .wsb-theme #userCenter-body .input-item, .wsb-theme #userCenter-body .transerMoney-form-money { grid-template-columns: 1fr; } .wsb-theme #userCenter-body .input-title, .wsb-theme #userCenter-body .transerMoney-form-money .tit { padding-top: 0 !important; text-align: left !important; } .wsb-theme #userCenter-body .userCenter-comnav { flex-wrap: nowrap; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } } /* V3 fix36: broader center record/form cleanup across /center without changing actions. */ .wsb-theme #userCenter-body .table4, .wsb-theme #userCenter-body .table-list, .wsb-theme #userCenter-body .userCenter-cashBack-con, .wsb-theme #userCenter-body .userCenter-withdrawal-con, .wsb-theme #userCenter-body .userCenter-message-content, .wsb-theme #userCenter-body .userCenter-account-form, .wsb-theme #userCenter-body .card-list, .wsb-theme #userCenter-body .phone-wp, .wsb-theme #userCenter-body .formBox { width: 100% !important; max-width: 100% !important; margin: 14px 0 !important; padding: 16px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 16px 36px rgba(16, 18, 20, .08) !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .form-item, .wsb-theme #userCenter-body .userCenter-account-form-item, .wsb-theme #userCenter-body .zhsz3, .wsb-theme #userCenter-body .zzyh1, .wsb-theme #userCenter-body .zzyh2, .wsb-theme #userCenter-body .msg-item, .wsb-theme #userCenter-body .phone-content { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; color: var(--wsb-ink) !important; line-height: 1.7 !important; } .wsb-theme #userCenter-body .zhsz3l, .wsb-theme #userCenter-body .zzyh1l, .wsb-theme #userCenter-body .conz, .wsb-theme #userCenter-body .tit { color: var(--wsb-muted) !important; font-weight: 900 !important; } .wsb-theme #userCenter-body .zhsz3r, .wsb-theme #userCenter-body .zzyh1r, .wsb-theme #userCenter-body .conzr { color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .paymenty-choose3, .wsb-theme #userCenter-body .sportrecode-menu, .wsb-theme #userCenter-body .sportrecodetime-menu { display: inline-flex !important; float: none !important; margin: 0 !important; } .wsb-theme #userCenter-body .sportrecode-menu a, .wsb-theme #userCenter-body .sportrecodetime-menu a, .wsb-theme #userCenter-body .paymenty-choose3 a { display: inline-flex !important; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border: 1px solid rgba(20, 20, 22, .1); border-radius: 9px; color: var(--wsb-muted) !important; background: #fff !important; font-weight: 900; white-space: nowrap; } .wsb-theme #userCenter-body .sportrecode-menu.active a, .wsb-theme #userCenter-body .sportrecode-menu.on a, .wsb-theme #userCenter-body .sportrecodetime-menu.active a, .wsb-theme #userCenter-body .sportrecodetime-menu.on a, .wsb-theme #userCenter-body .paymenty-choose3 a.on { border-color: rgba(198, 43, 52, .26); color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #userCenter-body .u_page, .wsb-theme #userCenter-body .fy { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; width: 100% !important; margin: 18px auto !important; color: var(--wsb-muted) !important; } .wsb-theme #userCenter-body .u_page a, .wsb-theme #userCenter-body .fy a, .wsb-theme #userCenter-body .page_cur, .wsb-theme #userCenter-body .next-no, .wsb-theme #userCenter-body .up-no { display: inline-flex !important; align-items: center; justify-content: center; min-width: 38px; min-height: 36px; padding: 0 12px; border: 1px solid rgba(20, 20, 22, .1); border-radius: 9px; color: var(--wsb-muted) !important; background: #fff !important; font-weight: 900 !important; } .wsb-theme #userCenter-body .page_cur { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } /* V3 fix37: polish homepage narrow layout plus chess/lottery lobby pages. */ .wsb-theme #f-content > #f-content.wsb-lobby-simple-page { min-height: 0 !important; padding: 30px 0 68px !important; background: radial-gradient(circle at 92% 4%, rgba(198, 43, 52, .13), transparent 32%), linear-gradient(180deg, #f7f2ea 0%, #f3eee4 100%) !important; } .wsb-lobby-simple-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 26px; width: min(1180px, calc(100% - 32px)); min-height: 260px; margin: 0 auto 18px; overflow: hidden; padding: 36px 40px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; color: #fff; background: linear-gradient(105deg, rgba(12, 13, 15, .96) 0%, rgba(91, 23, 31, .86) 58%, rgba(16, 70, 58, .76) 100%), url(/res/images/chess_banner.jpg) center / cover no-repeat #111214; box-shadow: 0 20px 46px rgba(35, 22, 15, .18); } .wsb-lottery-page .wsb-lobby-simple-hero { background: linear-gradient(105deg, rgba(12, 13, 15, .95) 0%, rgba(91, 23, 31, .84) 56%, rgba(16, 70, 58, .78) 100%), url(/res/images/banner/lottery_banner.jpg) center / cover no-repeat #111214; } .wsb-lobby-simple-hero:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .45), transparent 70%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 58px); } .wsb-lobby-simple-hero > * { position: relative; z-index: 1; } .wsb-lobby-simple-hero h1 { margin: 6px 0 12px; color: #fff; font-size: 48px; font-weight: 900; line-height: 1.08; } .wsb-lobby-simple-hero p:not(.wsb-eyebrow) { max-width: 620px; margin: 0; color: rgba(255, 255, 255, .82); font-size: 17px; line-height: 1.75; } .wsb-lobby-simple-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; } .wsb-lobby-simple-actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; min-height: 46px; padding: 0 18px; border-radius: 10px; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); font-size: 16px; font-weight: 900; box-shadow: 0 12px 24px rgba(141, 29, 38, .28); } .wsb-lobby-simple-actions a:nth-child(2) { border: 1px solid rgba(255, 255, 255, .36); background: rgba(255, 255, 255, .12); box-shadow: none; } .wsb-lobby-simple-page > .help-banner { display: none !important; } .wsb-lobby-simple-page .lotto-items.layout { width: min(1180px, calc(100% - 32px)) !important; margin: 0 auto !important; background: transparent !important; } .wsb-lobby-simple-page .lotto-item.bb-item > li { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 0 !important; border: 0; background: transparent !important; box-shadow: none; } .wsb-lobby-simple-page .lotto-item.bb-item .left, .wsb-lobby-simple-page .lotto-item.bb-item .right { display: flex; flex-direction: column; justify-content: space-between; min-height: 246px !important; margin: 0 !important; padding: 26px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: linear-gradient(145deg, #fff 0%, #fbf8f0 100%) !important; color: var(--wsb-ink) !important; box-shadow: 0 16px 36px rgba(16, 18, 20, .09); } .wsb-lobby-simple-page .lotto-item.bb-item h3 { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 14px !important; color: var(--wsb-ink) !important; font-size: 30px !important; font-weight: 900 !important; line-height: 1.18 !important; } .wsb-lobby-simple-page .lotto-item.bb-item h3 span, .wsb-lobby-simple-page .lotto-item.bb-item h3 code { float: none !important; margin: 0 !important; color: inherit !important; background: transparent !important; font: inherit !important; } .wsb-lobby-simple-page .lotto-item.bb-item h3 code { display: grid; gap: 1px; } .wsb-lobby-simple-page .lotto-item.bb-item h3 code b, .wsb-lobby-simple-page .lotto-item.bb-item h3 code strong { display: block; color: inherit !important; font: inherit !important; line-height: 1.08 !important; } .wsb-lobby-simple-page .lotto-item.bb-item h3 code strong { color: var(--wsb-gold) !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: uppercase; } .wsb-lobby-simple-page .lotto-item.bb-item p, .wsb-lobby-simple-page .lotto-item.bb-item h4 { margin: 0 !important; color: var(--wsb-muted) !important; font-size: 16px !important; line-height: 1.7 !important; text-align: left !important; } .wsb-lobby-simple-page .lotto-item.bb-item h4 { margin-top: 12px !important; color: #8d1d26 !important; font-weight: 900 !important; } .wsb-lobby-simple-page .lotto-item.bb-item a { width: auto !important; min-width: 140px; height: auto !important; min-height: 44px; align-self: flex-start; margin: 18px 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; font: 900 16px/1 "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; } @media (max-width: 760px) { .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-content { min-height: 0 !important; } .wsb-theme .wsb-home .wsb-hero { border-radius: 0 0 12px 12px !important; background-position: center top !important; } .wsb-theme .wsb-home .wsb-hero-content { gap: 14px !important; padding: 24px 0 28px !important; } .wsb-theme .wsb-home .wsb-hero h1 { font-size: 36px !important; line-height: 1.12 !important; } .wsb-theme .wsb-home .wsb-hero p { max-width: 330px; font-size: 15px !important; line-height: 1.68 !important; } .wsb-theme .wsb-home .wsb-hero-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px !important; } .wsb-theme .wsb-home .wsb-hero-actions a { min-height: 42px; padding: 0 10px; font-size: 15px; } .wsb-theme .wsb-home .wsb-hero-panel { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } .wsb-theme .wsb-home .wsb-hero-panel div { min-height: 66px !important; padding: 10px !important; } .wsb-theme .wsb-home .wsb-hero-panel span { font-size: 22px !important; } .wsb-theme .wsb-home .wsb-hero-panel strong { font-size: 12px !important; line-height: 1.25 !important; } .wsb-theme .wsb-home .wsb-quick-links { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; margin-top: 12px !important; } .wsb-theme .wsb-home .wsb-quick-card { min-height: 96px !important; padding: 13px !important; } .wsb-theme .wsb-home .wsb-quick-card strong { margin-top: 14px !important; font-size: 18px !important; } .wsb-lobby-simple-hero, .wsb-lobby-simple-page .lotto-items.layout { width: calc(100% - 24px) !important; } .wsb-lobby-simple-hero { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding: 24px 18px; border-radius: 12px; } .wsb-lobby-simple-hero h1 { font-size: 34px; } .wsb-lobby-simple-hero p:not(.wsb-eyebrow) { font-size: 15px; } .wsb-lobby-simple-actions { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; } .wsb-lobby-simple-actions a { min-width: 0; min-height: 42px; font-size: 14px; } .wsb-lobby-simple-page .lotto-item.bb-item > li { grid-template-columns: 1fr !important; gap: 12px; } .wsb-lobby-simple-page .lotto-item.bb-item .left, .wsb-lobby-simple-page .lotto-item.bb-item .right { min-height: 0 !important; padding: 20px !important; } .wsb-lobby-simple-page .lotto-item.bb-item h3 { font-size: 25px !important; } } @media (max-width: 480px) { .wsb-theme .wsb-accountbar-inner { padding-right: 54px !important; } .wsb-theme .wsb-login-wrap > .add-account { display: none !important; } } /* V3 fix43: center account page main grid and form alignment. */ .wsb-theme .userCenter-box > .promottons-leftbg, .wsb-theme .userCenter-box > .promottons-rightbg, .wsb-theme .userCenter-box > .row:before, .wsb-theme .userCenter-box > .row:after, .wsb-theme .userCenter-box > .row > #submitHistoryData { display: none !important; content: none !important; } .wsb-theme .userCenter-box > .row { display: grid !important; grid-template-columns: 246px minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; margin: 18px 0 0 !important; } .wsb-theme .userCenter-box > .row > .userCenter-box-left { grid-column: 1 !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; } .wsb-theme .userCenter-box > .row > .userCenter-box-right { grid-column: 2 !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav { padding: 14px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(18, 18, 20, .08) !important; } .wsb-theme #userCenter-body .userCenter-nav-hd, .wsb-theme #userCenter-body .userCenter-nav li { float: none !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; background: none !important; } .wsb-theme #userCenter-body .userCenter-nav a, .wsb-theme #userCenter-body .userCenter-nav .tit { display: flex !important; align-items: center !important; min-height: 40px !important; padding: 0 14px !important; border-radius: 9px !important; color: var(--wsb-muted) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.25 !important; text-decoration: none !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-nav li.on a, .wsb-theme #userCenter-body .userCenter-nav a:hover { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #userCenter-body .userCenter-account-nav { display: flex !important; gap: 8px !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: none !important; } .wsb-theme #userCenter-body .userCenter-account-nav a { min-height: 42px !important; padding: 0 18px !important; color: var(--wsb-muted) !important; background: #fff4ef !important; } .wsb-theme #userCenter-body .userCenter-account-nav a.on, .wsb-theme #userCenter-body .userCenter-account-nav a:hover { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #userCenter-body .userCenter-account-form { margin: 0 !important; padding: 22px !important; } .wsb-theme #userCenter-body .userCenter-account-form table, .wsb-theme #userCenter-body .userCenter-account-form tbody { display: block !important; width: 100% !important; border-spacing: 0 !important; } .wsb-theme #userCenter-body .userCenter-account-form tr { display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; width: 100% !important; margin: 0 0 12px !important; background: transparent !important; } .wsb-theme #userCenter-body .userCenter-account-form th, .wsb-theme #userCenter-body .userCenter-account-form td { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; vertical-align: middle !important; } .wsb-theme #userCenter-body .userCenter-account-form th { color: var(--wsb-ink) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; word-break: keep-all !important; } .wsb-theme #userCenter-body .userCenter-account-form td { min-width: 0 !important; color: var(--wsb-ink) !important; font-size: 14px !important; line-height: 1.6 !important; } .wsb-theme #userCenter-body .userCenter-account-form .cominp, .wsb-theme #userCenter-body .userCenter-account-form .comselect, .wsb-theme #userCenter-body .userCenter-account-form input[type="text"], .wsb-theme #userCenter-body .userCenter-account-form input[type="password"], .wsb-theme #userCenter-body .userCenter-account-form select { width: min(100%, 360px) !important; min-height: 42px !important; } .wsb-theme #userCenter-body .userCenter-account-form .alert-msg { color: var(--wsb-muted) !important; font-size: 13px !important; line-height: 1.7 !important; } @media (max-width: 900px) { .wsb-theme .userCenter-box > .row { grid-template-columns: 1fr !important; } .wsb-theme .userCenter-box > .row > .userCenter-box-left, .wsb-theme .userCenter-box > .row > .userCenter-box-right { grid-column: 1 !important; } .wsb-theme #userCenter-body .userCenter-nav ul, .wsb-theme #userCenter-body .userCenter-account-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } .wsb-theme #userCenter-body .userCenter-account-form tr { grid-template-columns: 1fr !important; gap: 7px !important; } .wsb-theme #userCenter-body .userCenter-account-form th { text-align: left !important; } } @media (max-width: 480px) { .wsb-theme #userCenter-body .userCenter-nav ul, .wsb-theme #userCenter-body .userCenter-account-nav { grid-template-columns: 1fr !important; } } /* V3 fix44: center transfer page full pass. */ .wsb-theme #userCenter-body .transferform, .wsb-theme #userCenter-body .transerMoney-form, .wsb-theme #userCenter-body .transferform * { box-sizing: border-box !important; } .wsb-theme #userCenter-body .transerMoney-form { display: grid !important; gap: 18px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .TransactionFrom, .wsb-theme #userCenter-body .TransactionTo { position: relative; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 48px 14px 14px !important; border: 1px solid rgba(20, 20, 22, .08); border-radius: 12px; background: #fbf8f2; } .wsb-theme #userCenter-body .TransactionFrom::before, .wsb-theme #userCenter-body .TransactionTo::before { position: absolute; top: 14px; left: 14px; color: var(--wsb-ink); font-size: 16px; font-weight: 900; line-height: 1.2; } .wsb-theme #userCenter-body .TransactionFrom::before { content: "转出账户"; } .wsb-theme #userCenter-body .TransactionTo::before { content: "转入账户"; } .wsb-theme #userCenter-body .TransactionFrom a, .wsb-theme #userCenter-body .TransactionTo a { display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: auto !important; min-width: 0 !important; min-height: 42px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid rgba(20, 20, 22, .1) !important; border-radius: 10px !important; color: var(--wsb-muted) !important; background: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .wsb-theme #userCenter-body .TransactionFrom a.on, .wsb-theme #userCenter-body .TransactionTo a.on, .wsb-theme #userCenter-body .TransactionFrom a:hover, .wsb-theme #userCenter-body .TransactionTo a:hover { border-color: transparent !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; box-shadow: 0 10px 22px rgba(141, 29, 38, .18); } .wsb-theme #userCenter-body .transerMoney-form-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 34px !important; margin: -4px 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-icon img { display: block !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 8px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 8px 18px rgba(18, 18, 20, .1); object-fit: contain !important; } .wsb-theme #userCenter-body .transerMoney-form-money { display: grid !important; grid-template-columns: 96px minmax(180px, 300px) minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 16px !important; border: 1px solid rgba(20, 20, 22, .08); border-radius: 12px; background: #fff; } .wsb-theme #userCenter-body .transerMoney-form-money .tit { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: var(--wsb-ink) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .transerMoney-form-money #Amount { width: 100% !important; min-height: 44px !important; margin: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-money .Validform_checktip { min-height: 0 !important; padding: 0 !important; color: var(--wsb-muted) !important; font-size: 13px !important; line-height: 1.5 !important; } .wsb-theme #userCenter-body .transerMoney-form-submit { display: flex !important; justify-content: flex-end !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: min(100%, 180px) !important; min-height: 46px !important; margin: 0 !important; } .wsb-theme #userCenter-body .small_btn_open .popup_box, .wsb-theme #userCenter-body .small_btn_open .popup_con, .wsb-theme #userCenter-body .small_btn_open .btnbox { width: 100% !important; max-width: 100% !important; height: auto !important; padding: 12px 16px !important; background: #fff !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .small_btn_open table, .wsb-theme #userCenter-body .small_btn_open tbody, .wsb-theme #userCenter-body .small_btn_open tr, .wsb-theme #userCenter-body .small_btn_open td { display: block !important; width: 100% !important; height: auto !important; padding: 0 !important; background: transparent !important; color: var(--wsb-ink) !important; text-align: left !important; } .wsb-theme #userCenter-body .small_btn_open td + td { margin-top: 8px !important; } @media (max-width: 900px) { .wsb-theme #userCenter-body .TransactionFrom, .wsb-theme #userCenter-body .TransactionTo { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme #userCenter-body .transerMoney-form-money { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .transerMoney-form-money .tit { text-align: left !important; } .wsb-theme #userCenter-body .transerMoney-form-submit { justify-content: stretch !important; } .wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: 100% !important; } } /* V3 fix114: final member-center responsive overrides must stay after older patches. */ .wsb-theme #userCenter-body .userCenter-box, .wsb-theme #userCenter-body .userCenter-content, .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .userCenter-cashBack-con, .wsb-theme #userCenter-body .userCenter-withdrawal-con, .wsb-theme #userCenter-body .userCenter-message-content { min-width: 0 !important; max-width: 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { display: grid !important; grid-template-columns: 1fr !important; align-items: stretch !important; gap: 12px !important; width: 100% !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox > select { width: min(560px, 100%) !important; max-width: 560px !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; gap: 10px 12px !important; width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { display: grid !important; grid-template-columns: auto 154px !important; align-items: center !important; gap: 8px !important; flex: 0 1 238px !important; width: auto !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { flex: 0 0 auto !important; width: auto !important; } .wsb-theme #userCenter-body .withdrawlsform table { display: block !important; width: min(760px, 100%) !important; max-width: 100% !important; margin: 0 auto 22px !important; padding: 22px !important; background: #fff !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 16px !important; box-shadow: 0 16px 40px rgba(24, 18, 14, .08) !important; } .wsb-theme #userCenter-body .withdrawlsform tbody { display: block !important; width: 100% !important; } .wsb-theme #userCenter-body .withdrawlsform tr { display: grid !important; grid-template-columns: 120px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; background: transparent !important; } .wsb-theme #userCenter-body .withdrawlsform th, .wsb-theme #userCenter-body .withdrawlsform td { display: block !important; width: auto !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .withdrawlsform th { text-align: right !important; color: #5f6670 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .withdrawlsform td { text-align: left !important; } .wsb-theme #userCenter-body .withdrawlsform .cominp, .wsb-theme #userCenter-body .withdrawlsform .comselect, .wsb-theme #userCenter-body .withdrawlsform input[type="text"], .wsb-theme #userCenter-body .withdrawlsform input[type="password"], .wsb-theme #userCenter-body .withdrawlsform input[type="number"], .wsb-theme #userCenter-body .withdrawlsform select { float: none !important; width: min(520px, 100%) !important; max-width: 100% !important; margin: 0 !important; } .wsb-theme #userCenter-body .withdrawlsform input[type="button"], .wsb-theme #userCenter-body .withdrawlsform input[type="submit"] { float: none !important; width: min(260px, 100%) !important; margin: 6px 0 0 !important; } .wsb-theme #userCenter-body .userCenter-withdrawal-nav { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } .wsb-theme #userCenter-body .userCenter-withdrawal-nav a { margin: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist, .wsb-theme #userCenter-body .userCenter-message-content, .wsb-theme #userCenter-body .userCenter-account-bd .table-wrap, .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item { max-width: 100% !important; overflow-x: auto !important; } @media (max-width: 1280px) { .wsb-theme #userCenter-body .container { width: 100% !important; max-width: none !important; padding-right: 12px !important; padding-left: 12px !important; } .wsb-theme .userCenter-box > .row, .wsb-theme #userCenter-body .userCenter-box > .row { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; } .wsb-theme .userCenter-box > .row > .userCenter-box-left, .wsb-theme .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right { grid-column: 1 !important; width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; float: none !important; } .wsb-theme #userCenter-body .userCenter-nav { position: static !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 14px !important; } .wsb-theme #userCenter-body .userCenter-nav ul { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)) !important; gap: 10px !important; } .wsb-theme #userCenter-body .userCenter-nav li, .wsb-theme #userCenter-body .userCenter-nav li.n6, .wsb-theme #userCenter-body .userCenter-nav li.n7, .wsb-theme #userCenter-body .userCenter-nav li.n8 { min-height: 46px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav a, .wsb-theme #userCenter-body .userCenter-nav .tit { min-height: 46px !important; padding: 0 14px !important; font-size: 14px !important; } .wsb-theme #userCenter-body #fu-content.userCenter-content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: visible !important; } } @media (max-width: 980px) { .wsb-theme #userCenter-body .userCenter-box { padding: 10px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav { padding: 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { padding: 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { flex: 1 1 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { grid-template-columns: 82px minmax(0, 1fr) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub input { width: 100% !important; min-width: 0 !important; max-width: none !important; } .wsb-theme #userCenter-body .paytablist .input-item { grid-template-columns: 108px minmax(0, 1fr) !important; } .wsb-theme #userCenter-body .paytablist .tablist table { display: block !important; width: 100% !important; overflow-x: auto !important; white-space: nowrap !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .container { padding-right: 8px !important; padding-left: 8px !important; } .wsb-theme #userCenter-body .userCenter-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav > a, .wsb-theme #userCenter-body .userCenter-withdrawal-nav a, .wsb-theme #userCenter-body .userCenter-account-nav a { flex: 1 1 auto !important; min-width: 0 !important; padding-right: 14px !important; padding-left: 14px !important; } .wsb-theme #userCenter-body .bdyhk2 { margin-top: 12px !important; padding: 12px 14px !important; text-indent: 0 !important; line-height: 1.7 !important; } .wsb-theme #userCenter-body .withdrawlsform table { padding: 16px !important; } .wsb-theme #userCenter-body .withdrawlsform tr { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .withdrawlsform th { text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .withdrawlsform .cominp, .wsb-theme #userCenter-body .withdrawlsform .comselect, .wsb-theme #userCenter-body .withdrawlsform input[type="text"], .wsb-theme #userCenter-body .withdrawlsform input[type="password"], .wsb-theme #userCenter-body .withdrawlsform input[type="number"], .wsb-theme #userCenter-body .withdrawlsform select, .wsb-theme #userCenter-body .withdrawlsform input[type="button"], .wsb-theme #userCenter-body .withdrawlsform input[type="submit"] { width: 100% !important; } .wsb-theme #userCenter-body .paytablist .input-item { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .paytablist .input-box { text-align: left !important; } .wsb-theme #userCenter-body .card-add-page .form-item { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .card-add-page .zhsz3l, .wsb-theme #userCenter-body .card-add-page .zhsz3r, .wsb-theme #userCenter-body .card-add-page .bottons, .wsb-theme #userCenter-body .card-add-page .btn-box { width: 100% !important; text-align: left !important; } .wsb-theme #userCenter-body .card-add-page input[type="text"], .wsb-theme #userCenter-body .card-add-page select, .wsb-theme #userCenter-body .card-add-page input[type="button"], .wsb-theme #userCenter-body .card-add-page .btn-cancel { width: 100% !important; max-width: none !important; margin-left: 0 !important; } } /* V3 fix113: member center narrow/H5 pass without touching other pages. */ .wsb-theme #userCenter-body .userCenter-box, .wsb-theme #userCenter-body .userCenter-content, .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .userCenter-cashBack-con, .wsb-theme #userCenter-body .userCenter-withdrawal-con, .wsb-theme #userCenter-body .userCenter-message-content { min-width: 0 !important; max-width: 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { grid-template-columns: 1fr !important; align-items: stretch !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox > select { width: min(560px, 100%) !important; max-width: 560px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; gap: 10px 12px !important; width: 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { flex: 0 1 238px !important; width: auto !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { flex: 0 0 auto !important; } .wsb-theme #userCenter-body .withdrawlsform table { display: block !important; width: min(760px, 100%) !important; max-width: 100% !important; margin: 0 auto 22px !important; padding: 22px !important; background: #fff !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 16px !important; box-shadow: 0 16px 40px rgba(24, 18, 14, .08) !important; } .wsb-theme #userCenter-body .withdrawlsform tbody { display: block !important; width: 100% !important; } .wsb-theme #userCenter-body .withdrawlsform tr { display: grid !important; grid-template-columns: 120px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; background: transparent !important; } .wsb-theme #userCenter-body .withdrawlsform tr:last-child { margin-bottom: 0 !important; } .wsb-theme #userCenter-body .withdrawlsform th, .wsb-theme #userCenter-body .withdrawlsform td { display: block !important; width: auto !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .withdrawlsform th { text-align: right !important; color: #5f6670 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .withdrawlsform td { text-align: left !important; } .wsb-theme #userCenter-body .withdrawlsform .cominp, .wsb-theme #userCenter-body .withdrawlsform .comselect, .wsb-theme #userCenter-body .withdrawlsform input[type="text"], .wsb-theme #userCenter-body .withdrawlsform input[type="password"], .wsb-theme #userCenter-body .withdrawlsform input[type="number"], .wsb-theme #userCenter-body .withdrawlsform select { float: none !important; width: min(520px, 100%) !important; max-width: 100% !important; margin: 0 !important; } .wsb-theme #userCenter-body .withdrawlsform input[type="button"], .wsb-theme #userCenter-body .withdrawlsform input[type="submit"] { float: none !important; width: min(260px, 100%) !important; margin: 6px 0 0 !important; } .wsb-theme #userCenter-body .userCenter-withdrawal-nav { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } .wsb-theme #userCenter-body .userCenter-withdrawal-nav a { margin: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist { min-width: 0 !important; max-width: 100% !important; overflow-x: auto !important; } .wsb-theme #userCenter-body .paytablist .tablist > form, .wsb-theme #userCenter-body .paytablist .tablist table, .wsb-theme #userCenter-body .paytablist .tablist tbody { max-width: 100% !important; } .wsb-theme #userCenter-body .card-add-page { max-width: min(620px, 100%) !important; } .wsb-theme #userCenter-body .userCenter-message-content, .wsb-theme #userCenter-body .userCenter-account-bd .table-wrap, .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item { overflow-x: auto !important; } @media (max-width: 1280px) { .wsb-theme #userCenter-body .container { width: 100% !important; max-width: none !important; padding-right: 12px !important; padding-left: 12px !important; } .wsb-theme .userCenter-box > .row, .wsb-theme #userCenter-body .userCenter-box > .row { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; } .wsb-theme .userCenter-box > .row > .userCenter-box-left, .wsb-theme .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right { grid-column: 1 !important; width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; float: none !important; } .wsb-theme #userCenter-body .userCenter-nav { position: static !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 14px !important; } .wsb-theme #userCenter-body .userCenter-nav ul { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)) !important; gap: 10px !important; } .wsb-theme #userCenter-body .userCenter-nav li, .wsb-theme #userCenter-body .userCenter-nav li.n6, .wsb-theme #userCenter-body .userCenter-nav li.n7, .wsb-theme #userCenter-body .userCenter-nav li.n8 { min-height: 46px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav a, .wsb-theme #userCenter-body .userCenter-nav .tit { min-height: 46px !important; padding: 0 14px !important; font-size: 14px !important; } .wsb-theme #userCenter-body #fu-content.userCenter-content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: visible !important; } } @media (max-width: 980px) { .wsb-theme #userCenter-body .userCenter-box { padding: 10px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav { padding: 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { padding: 12px !important; gap: 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { flex: 1 1 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { display: grid !important; grid-template-columns: 82px minmax(0, 1fr) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub input { width: 100% !important; } .wsb-theme #userCenter-body .paytablist .input-item { grid-template-columns: 108px minmax(0, 1fr) !important; } .wsb-theme #userCenter-body .paytablist .tablist table { display: block !important; width: 100% !important; overflow-x: auto !important; white-space: nowrap !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .container { padding-right: 8px !important; padding-left: 8px !important; } .wsb-theme #userCenter-body .userCenter-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav > a, .wsb-theme #userCenter-body .userCenter-withdrawal-nav a, .wsb-theme #userCenter-body .userCenter-account-nav a { flex: 1 1 auto !important; min-width: 0 !important; padding-right: 14px !important; padding-left: 14px !important; } .wsb-theme #userCenter-body .bdyhk2 { margin-top: 12px !important; padding: 12px 14px !important; text-indent: 0 !important; line-height: 1.7 !important; } .wsb-theme #userCenter-body .withdrawlsform table { padding: 16px !important; } .wsb-theme #userCenter-body .withdrawlsform tr { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .withdrawlsform th { text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .withdrawlsform .cominp, .wsb-theme #userCenter-body .withdrawlsform .comselect, .wsb-theme #userCenter-body .withdrawlsform input[type="text"], .wsb-theme #userCenter-body .withdrawlsform input[type="password"], .wsb-theme #userCenter-body .withdrawlsform input[type="number"], .wsb-theme #userCenter-body .withdrawlsform select, .wsb-theme #userCenter-body .withdrawlsform input[type="button"], .wsb-theme #userCenter-body .withdrawlsform input[type="submit"] { width: 100% !important; } .wsb-theme #userCenter-body .paytablist .input-item { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .paytablist .input-box { text-align: left !important; } .wsb-theme #userCenter-body .card-add-page .form-item { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .card-add-page .zhsz3l, .wsb-theme #userCenter-body .card-add-page .zhsz3r, .wsb-theme #userCenter-body .card-add-page .bottons, .wsb-theme #userCenter-body .card-add-page .btn-box { width: 100% !important; text-align: left !important; } .wsb-theme #userCenter-body .card-add-page input[type="text"], .wsb-theme #userCenter-body .card-add-page select, .wsb-theme #userCenter-body .card-add-page input[type="button"], .wsb-theme #userCenter-body .card-add-page .btn-cancel { width: 100% !important; max-width: none !important; margin-left: 0 !important; } } @media (max-width: 430px) { .wsb-theme #userCenter-body .TransactionFrom, .wsb-theme #userCenter-body .TransactionTo { grid-template-columns: 1fr !important; } } /* V3 fix45: chess lobby card text cleanup. */ .wsb-theme .wsb-qp-page .lotto-items.layout { border: 0 !important; box-shadow: none !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item > li { display: grid !important; grid-template-columns: repeat(2, minmax(260px, 1fr)) !important; gap: 18px !important; align-items: stretch !important; margin: 0 !important; border: 0 !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item .left, .wsb-theme .wsb-qp-page .lotto-item.bb-item .right { float: none !important; width: auto !important; height: auto !important; min-height: 220px !important; padding: 26px !important; overflow: visible !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item h3 { display: block !important; width: auto !important; margin: 0 0 12px !important; overflow: visible !important; color: var(--wsb-ink) !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; font-size: 28px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: 0 !important; white-space: nowrap !important; word-break: keep-all !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item p, .wsb-theme .wsb-qp-page .lotto-item.bb-item h4 { width: auto !important; color: var(--wsb-muted) !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; word-break: normal !important; overflow-wrap: break-word !important; } .wsb-theme .wsb-qp-page .wsb-qp-points { display: grid !important; gap: 8px !important; margin: 16px 0 0 !important; padding: 0 !important; list-style: none !important; } .wsb-theme .wsb-qp-page .wsb-qp-points li { position: relative !important; margin: 0 !important; padding-left: 18px !important; color: #5f6672 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.65 !important; } .wsb-theme .wsb-qp-page .wsb-qp-points li::before { content: "" !important; position: absolute !important; top: .7em !important; left: 0 !important; width: 7px !important; height: 7px !important; border-radius: 999px !important; background: #c52b36 !important; box-shadow: 0 0 0 4px rgba(197, 43, 54, .1) !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item a { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-indent: 0 !important; white-space: nowrap !important; } @media (max-width: 760px) { .wsb-theme .wsb-qp-page .lotto-item.bb-item > li { grid-template-columns: 1fr !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item h3 { font-size: 24px !important; } } /* V3 fix46: lottery lobby card text cleanup. */ .wsb-theme .wsb-lottery-page .lotto-items.layout { border: 0 !important; box-shadow: none !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item > li { display: grid !important; grid-template-columns: repeat(2, minmax(260px, 1fr)) !important; gap: 18px !important; align-items: stretch !important; margin: 0 !important; border: 0 !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item .left, .wsb-theme .wsb-lottery-page .lotto-item.bb-item .right { float: none !important; width: auto !important; height: auto !important; min-height: 220px !important; padding: 26px !important; overflow: visible !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item h3 { display: block !important; width: auto !important; margin: 0 0 12px !important; overflow: visible !important; color: var(--wsb-ink) !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; font-size: 28px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: 0 !important; white-space: nowrap !important; word-break: keep-all !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item p, .wsb-theme .wsb-lottery-page .lotto-item.bb-item h4 { width: auto !important; color: var(--wsb-muted) !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; word-break: normal !important; overflow-wrap: break-word !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item h4 { color: #8d1d26 !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item a { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-indent: 0 !important; white-space: nowrap !important; } @media (max-width: 760px) { .wsb-theme .wsb-lottery-page .lotto-item.bb-item > li { grid-template-columns: 1fr !important; } .wsb-theme .wsb-lottery-page .lotto-item.bb-item h3 { font-size: 24px !important; } } /* V3 fix47: member register page full layout pass. */ .wsb-theme #help-body .reg-banner { position: relative !important; display: grid !important; align-content: center !important; gap: 10px !important; min-height: 240px !important; margin: 0 0 18px !important; padding: 42px 46px !important; overflow: hidden !important; border: 1px solid rgba(118, 98, 65, .22) !important; border-radius: 12px !important; background: linear-gradient(90deg, rgba(16, 14, 12, .92), rgba(141, 29, 38, .68) 54%, rgba(18, 63, 57, .66)), url(/res/images/reg-banner.png) center / cover no-repeat #151312 !important; box-shadow: 0 18px 46px rgba(24, 24, 24, .14) !important; } .wsb-theme #help-body .reg-banner img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: .16 !important; filter: saturate(.85) contrast(1.05) !important; } .wsb-theme #help-body .reg-banner::before, .wsb-theme #help-body .reg-banner::after { position: relative !important; z-index: 1 !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; letter-spacing: 0 !important; } .wsb-theme #help-body .reg-banner::before { content: "会员注册" !important; color: #fff !important; font-size: 44px !important; font-weight: 900 !important; line-height: 1.12 !important; } .wsb-theme #help-body .reg-banner::after { content: "填写基础信息即可开户注册，信息提交后将进入安全验证流程。" !important; max-width: 560px !important; color: rgba(255, 255, 255, .82) !important; font-size: 17px !important; line-height: 1.75 !important; } .wsb-theme #help-body .register-main { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 18px 42px rgba(24, 24, 24, .1) !important; } .wsb-theme #help-body .register-main::before { content: "创建会员账户"; display: block; padding: 22px 30px; border-bottom: 1px solid #efe7dc; color: var(--wsb-ink); background: linear-gradient(135deg, #fff 0%, #fbf4e8 100%); font-size: 22px; font-weight: 900; line-height: 1.2; } .wsb-theme #help-body #registerFrom { display: grid !important; gap: 18px !important; max-width: 820px !important; margin: 0 auto !important; padding: 30px 28px 34px !important; } .wsb-theme #help-body #registerFrom .row { margin-left: 0 !important; margin-right: 0 !important; } .wsb-theme #help-body #registerFrom .item { display: grid !important; grid-template-columns: 110px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1.4 !important; } .wsb-theme #help-body #registerFrom .item > [class*="col-"] { float: none !important; width: auto !important; min-height: 0 !important; padding: 0 !important; } .wsb-theme #help-body #registerFrom .item > [class*="col-"]:last-child { display: grid !important; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important; gap: 10px 14px !important; align-items: center !important; } .wsb-theme #help-body #registerFrom .tit { display: block !important; padding: 12px 0 0 !important; color: var(--wsb-ink) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #help-body #registerFrom input.cominp { float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 46px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #ddd1bf !important; border-radius: 10px !important; color: var(--wsb-ink) !important; background: #fff !important; box-shadow: none !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; font-size: 15px !important; line-height: 1.35 !important; } .wsb-theme #help-body #registerFrom input.cominp:focus { border-color: var(--wsb-red) !important; box-shadow: 0 0 0 3px rgba(194, 38, 48, .12) !important; outline: 0 !important; } .wsb-theme #help-body #registerFrom .Validform_checktip { clear: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: var(--wsb-muted) !important; font-size: 13px !important; line-height: 1.6 !important; } .wsb-theme #help-body #registerFrom .Validform_checktip font, .wsb-theme #help-body #registerFrom .phone-note { color: var(--wsb-red-dark) !important; } .wsb-theme #help-body #registerFrom .phone-note { grid-column: 2 !important; width: auto !important; margin: -8px 0 0 !important; letter-spacing: 0 !important; font-size: 13px !important; line-height: 1.6 !important; } .wsb-theme #help-body #registerFrom .register-submit { display: grid !important; grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) !important; gap: 12px 16px !important; align-items: center !important; } .wsb-theme #help-body #registerFrom #registerd { float: none !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; box-shadow: 0 14px 30px rgba(141, 29, 38, .2) !important; font-size: 16px !important; font-weight: 900 !important; } .wsb-theme #help-body #registerFrom .ip-alert { margin: 0 !important; color: var(--wsb-muted) !important; font-size: 13px !important; line-height: 1.6 !important; } @media (max-width: 900px) { .wsb-theme #help-body .reg-banner { min-height: 180px !important; padding: 30px 24px !important; } .wsb-theme #help-body .reg-banner::before { font-size: 34px !important; } .wsb-theme #help-body .reg-banner::after { font-size: 15px !important; } .wsb-theme #help-body #registerFrom .item, .wsb-theme #help-body #registerFrom .item > [class*="col-"]:last-child, .wsb-theme #help-body #registerFrom .register-submit { grid-template-columns: 1fr !important; } .wsb-theme #help-body #registerFrom .tit { padding: 0 !important; text-align: left !important; } .wsb-theme #help-body #registerFrom .phone-note { grid-column: 1 !important; margin: -6px 0 0 !important; } } @media (max-width: 520px) { .wsb-theme #help-body .container { width: calc(100% - 20px) !important; } .wsb-theme #help-body .inner-guide { font-size: 13px !important; } .wsb-theme #help-body .register-main::before { padding: 18px 16px !important; font-size: 20px !important; } .wsb-theme #help-body #registerFrom { padding: 18px 16px 22px !important; } } /* V3 fix49: register page rebuilt on dedicated structure. */ .wsb-theme #help-body .wsb-register-hero { position: relative; display: grid; align-content: center; gap: 10px; min-height: 220px; margin: 0 0 18px; padding: 38px 44px; overflow: hidden; border: 1px solid rgba(118, 98, 65, .22); border-radius: 12px; background: linear-gradient(90deg, rgba(16, 14, 12, .94), rgba(141, 29, 38, .72) 56%, rgba(18, 63, 57, .68)), url(/res/images/reg-banner.png) center / cover no-repeat #151312; box-shadow: 0 18px 46px rgba(24, 24, 24, .14); } .wsb-theme #help-body .wsb-register-hero p, .wsb-theme #help-body .wsb-register-hero h1, .wsb-theme #help-body .wsb-register-hero span { position: relative; z-index: 1; margin: 0; letter-spacing: 0; } .wsb-theme #help-body .wsb-register-hero p { color: var(--wsb-gold); font-size: 15px; font-weight: 900; line-height: 1.2; text-transform: uppercase; } .wsb-theme #help-body .wsb-register-hero h1 { color: #fff; font-size: 44px; font-weight: 900; line-height: 1.12; } .wsb-theme #help-body .wsb-register-hero span { max-width: 560px; color: rgba(255, 255, 255, .82); font-size: 17px; line-height: 1.75; } .wsb-theme #help-body .wsb-register-card { overflow: hidden !important; background: #fff !important; } .wsb-theme #help-body .wsb-register-card-head { display: grid; gap: 6px; padding: 22px 30px; border-bottom: 1px solid #efe7dc; background: linear-gradient(135deg, #fff 0%, #fbf4e8 100%); } .wsb-theme #help-body .wsb-register-card-head h2, .wsb-theme #help-body .wsb-register-card-head p { margin: 0; letter-spacing: 0; } .wsb-theme #help-body .wsb-register-card-head h2 { color: var(--wsb-ink); font-size: 22px; font-weight: 900; line-height: 1.2; } .wsb-theme #help-body .wsb-register-card-head p { color: var(--wsb-muted); font-size: 14px; line-height: 1.6; } .wsb-theme #help-body .wsb-register-card::before { display: none !important; } .wsb-theme #help-body #registerFrom.wsb-register-form { display: grid !important; gap: 18px !important; width: min(100%, 820px) !important; max-width: none !important; margin: 0 auto !important; padding: 30px 28px 34px !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .wsb-register-field { display: grid !important; grid-template-columns: 116px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1.4 !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .wsb-register-field > .tit { padding: 12px 0 0 !important; color: var(--wsb-ink) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .wsb-register-control { display: grid !important; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important; gap: 8px 14px !important; align-items: center !important; min-width: 0 !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .cominp { grid-column: 1 !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .Validform_checktip { grid-column: 2 !important; align-self: center !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .phone-note { grid-column: 1 / -1 !important; width: auto !important; margin: 0 !important; color: var(--wsb-red-dark) !important; letter-spacing: 0 !important; font-size: 13px !important; line-height: 1.6 !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .register-submit { display: grid !important; grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) !important; gap: 12px 16px !important; align-items: center !important; } @media (max-width: 900px) { .wsb-theme #help-body .wsb-register-hero { min-height: 170px; padding: 28px 22px; } .wsb-theme #help-body .wsb-register-hero h1 { font-size: 34px; } .wsb-theme #help-body .wsb-register-hero span { font-size: 15px; } .wsb-theme #help-body #registerFrom.wsb-register-form .wsb-register-field, .wsb-theme #help-body #registerFrom.wsb-register-form .wsb-register-control, .wsb-theme #help-body #registerFrom.wsb-register-form .register-submit { grid-template-columns: 1fr !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .wsb-register-field > .tit { padding: 0 !important; text-align: left !important; } .wsb-theme #help-body #registerFrom.wsb-register-form .cominp, .wsb-theme #help-body #registerFrom.wsb-register-form .Validform_checktip, .wsb-theme #help-body #registerFrom.wsb-register-form .phone-note { grid-column: 1 !important; } } @media (max-width: 520px) { .wsb-theme #help-body .wsb-register-hero { min-height: 150px; padding: 22px 18px; } .wsb-theme #help-body .wsb-register-card-head { padding: 18px 16px; } .wsb-theme #help-body #registerFrom.wsb-register-form { padding: 18px 16px 22px !important; } } /* V3 fix50: header captcha, find-password form, and compressed index layout. */ .wsb-theme .wsb-login-wrap { min-width: 0 !important; } .wsb-theme .wsb-login-form { align-items: center !important; gap: 10px !important; min-width: 0 !important; } .wsb-theme .wsb-login-form .link-inp, .wsb-theme .wsb-login-form .ZhuCode, .wsb-theme .wsb-login-form .login-btn, .wsb-theme .wsb-login-form .add-account { flex: 0 0 auto !important; } .wsb-theme .wsb-login-form .inp { box-sizing: border-box !important; height: 44px !important; line-height: 44px !important; } .wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: 92px 82px !important; align-items: center !important; gap: 8px !important; width: auto !important; min-width: 182px !important; margin: 0 !important; } .wsb-theme .wsb-login-form .ZhuCode .inp-code { width: 92px !important; min-width: 92px !important; text-align: center !important; } .wsb-theme .wsb-login-form .code-img { display: block !important; width: 82px !important; height: 44px !important; overflow: hidden !important; border: 1px solid #d8c9b6 !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; } .wsb-theme .wsb-login-form .code-img img, .wsb-theme .wsb-login-form .code-imgimg_vcode, .wsb-theme .wsb-login-form #img_vcode { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; max-width: none !important; border: 0 !important; border-radius: 0 !important; object-fit: cover !important; cursor: pointer !important; } .wsb-theme .wsb-login-form .login-btn { min-width: 92px !important; } .wsb-theme .wsb-login-form .add-account { min-width: 112px !important; } .wsb-theme #help-body .wsb-findpass-hero { background: linear-gradient(90deg, rgba(16, 14, 12, .94), rgba(141, 29, 38, .74) 58%, rgba(18, 63, 57, .68)), url(/res/images/banner/desk_world-cup_1920x660_cs.png) center / cover no-repeat #151312 !important; } .wsb-theme #help-body .wsb-findpass-card.register-main { width: min(100%, 900px) !important; max-width: 900px !important; margin: 0 auto 46px !important; padding: 0 !important; border: 1px solid #efe4d4 !important; border-radius: 14px !important; box-shadow: 0 18px 44px rgba(43, 33, 20, .12) !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form { display: grid !important; gap: 18px !important; width: min(100%, 760px) !important; max-width: none !important; margin: 0 auto !important; padding: 30px 28px 34px !important; background: #fff !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field { display: grid !important; grid-template-columns: 118px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1.4 !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field > .tit { padding: 12px 0 0 !important; color: var(--wsb-ink) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-control { display: grid !important; grid-template-columns: minmax(280px, 420px) minmax(0, 1fr) !important; gap: 8px 14px !important; align-items: center !important; min-width: 0 !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .cominp, .wsb-theme #help-body #editPasswordForm.wsb-register-form .comselect { grid-column: 1 !important; box-sizing: border-box !important; width: 100% !important; max-width: 420px !important; height: 48px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid #dfd0bd !important; border-radius: 12px !important; background: #fff !important; color: var(--wsb-ink) !important; font-size: 15px !important; line-height: 48px !important; box-shadow: none !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .comselect { appearance: auto !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .register-submit { grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form #button_set { width: 100% !important; max-width: 220px !important; height: 48px !important; border: 0 !important; border-radius: 12px !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; box-shadow: 0 14px 30px rgba(141, 29, 38, .2) !important; font-size: 16px !important; font-weight: 900 !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-findpass-switch { grid-column: 1 / -1 !important; margin: 0 !important; color: var(--wsb-muted) !important; font-size: 14px !important; line-height: 1.7 !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-findpass-switch a { color: var(--wsb-red-dark) !important; font-weight: 900 !important; } .wsb-theme .wsb-home .wsb-hero { min-height: 560px !important; overflow: hidden !important; } .wsb-theme .wsb-home .wsb-hero-swiper, .wsb-theme .wsb-home .wsb-hero-swiper .swiper-wrapper, .wsb-theme .wsb-home .wsb-hero-swiper .swiper-slide, .wsb-theme .wsb-home .wsb-hero-bg { height: 100% !important; min-height: 560px !important; } .wsb-theme .wsb-home .wsb-hero-bg { display: block !important; background-position: center center !important; background-size: cover !important; } .wsb-theme .wsb-home .wsb-hero-content { position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .7fr) !important; gap: 34px !important; align-items: center !important; min-height: 560px !important; padding-top: 54px !important; padding-bottom: 54px !important; } .wsb-theme .wsb-home .wsb-hero-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; } .wsb-theme .wsb-home .wsb-quick-links, .wsb-theme .wsb-home .wsb-service-grid { align-items: stretch !important; } @media (max-width: 1280px) { .wsb-theme .wsb-login-form { gap: 8px !important; } .wsb-theme .wsb-login-form .inp { width: 132px !important; } .wsb-theme .wsb-login-form .ZhuCode { grid-template-columns: 82px 74px !important; min-width: 164px !important; } .wsb-theme .wsb-login-form .ZhuCode .inp-code { width: 82px !important; min-width: 82px !important; } .wsb-theme .wsb-login-form .code-img { width: 74px !important; } .wsb-theme .wsb-login-form .login-btn { min-width: 86px !important; padding-right: 18px !important; padding-left: 18px !important; } .wsb-theme .wsb-login-form .add-account { min-width: 104px !important; padding-right: 18px !important; padding-left: 18px !important; } } @media (max-width: 1080px) { .wsb-theme .wsb-login-form { flex-wrap: wrap !important; justify-content: flex-end !important; max-width: 650px !important; } .wsb-theme .wsb-login-links { width: 100% !important; justify-content: flex-end !important; } .wsb-theme .wsb-home .wsb-hero-content { grid-template-columns: 1fr !important; align-content: center !important; } .wsb-theme .wsb-home .wsb-hero-panel { max-width: 640px !important; } } @media (max-width: 900px) { .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field, .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-control, .wsb-theme #help-body #editPasswordForm.wsb-register-form .register-submit { grid-template-columns: 1fr !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field > .tit { padding: 0 !important; text-align: left !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .cominp, .wsb-theme #help-body #editPasswordForm.wsb-register-form .comselect { grid-column: 1 !important; max-width: none !important; } } @media (max-width: 760px) { .wsb-theme .wsb-login-form .ZhuCode { grid-template-columns: minmax(0, 1fr) 96px !important; width: 100% !important; min-width: 0 !important; } .wsb-theme .wsb-login-form .ZhuCode .inp-code { width: 100% !important; min-width: 0 !important; text-align: left !important; } .wsb-theme .wsb-login-form .code-img { width: 96px !important; } .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-swiper, .wsb-theme .wsb-home .wsb-hero-swiper .swiper-wrapper, .wsb-theme .wsb-home .wsb-hero-swiper .swiper-slide, .wsb-theme .wsb-home .wsb-hero-bg, .wsb-theme .wsb-home .wsb-hero-content { min-height: 520px !important; } .wsb-theme .wsb-home .wsb-hero-content { padding-top: 34px !important; padding-bottom: 34px !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { font-size: 38px !important; line-height: 1.14 !important; } .wsb-theme .wsb-home .wsb-hero-copy p:not(.wsb-eyebrow) { font-size: 16px !important; line-height: 1.7 !important; } } @media (max-width: 520px) { .wsb-theme #help-body #editPasswordForm.wsb-register-form { padding: 18px 16px 22px !important; } .wsb-theme #help-body .wsb-findpass-card.register-main { margin-bottom: 28px !important; } .wsb-theme .wsb-home .wsb-hero-actions .wsb-btn { width: 100% !important; } } /* V3 fix51: neutralize legacy floats inside find-password fields. */ .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field { width: 100% !important; max-width: none !important; clear: both !important; margin-right: 0 !important; margin-left: 0 !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field::before, .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field::after { display: none !important; content: none !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-field > .tit, .wsb-theme #help-body #editPasswordForm.wsb-register-form .wsb-register-control, .wsb-theme #help-body #editPasswordForm.wsb-register-form .cominp, .wsb-theme #help-body #editPasswordForm.wsb-register-form .comselect, .wsb-theme #help-body #editPasswordForm.wsb-register-form .fl { position: static !important; float: none !important; display: block !important; width: auto !important; max-width: none !important; min-height: 0 !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form .cominp, .wsb-theme #help-body #editPasswordForm.wsb-register-form .comselect { width: 100% !important; max-width: 420px !important; min-height: 48px !important; } .wsb-theme #help-body #editPasswordForm.wsb-register-form input[type="hidden"] { display: none !important; } @media (max-width: 900px) { .wsb-theme #help-body #editPasswordForm.wsb-register-form .cominp, .wsb-theme #help-body #editPasswordForm.wsb-register-form .comselect { max-width: none !important; } } /* V3 fix53: remove homepage carousel overhead and keep captcha readable. */ .wsb-theme .wsb-home .wsb-hero { min-height: 540px !important; background: #111 !important; } .wsb-theme .wsb-home .wsb-hero-static { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 540px !important; background: linear-gradient(90deg, rgba(10, 10, 10, .42), rgba(20, 13, 13, .18) 54%, rgba(15, 45, 40, .18)), url(/res/images/banner/desk_world-cup_1920x660_cs.png) center center / cover no-repeat !important; } .wsb-theme .wsb-home .wsb-hero .swiper-pagination, .wsb-theme .wsb-home .wsb-hero .swiper-button-prev, .wsb-theme .wsb-home .wsb-hero .swiper-button-next { display: none !important; } .wsb-theme .wsb-home .wsb-hero-content { min-height: 540px !important; } .wsb-theme .wsb-login-form .ZhuCode { grid-template-columns: minmax(88px, 104px) 108px !important; gap: 8px !important; width: 220px !important; min-width: 220px !important; height: 44px !important; overflow: visible !important; } .wsb-theme .wsb-login-form .ZhuCode .inp-code { width: 100% !important; min-width: 0 !important; height: 44px !important; line-height: 44px !important; text-align: left !important; } .wsb-theme .wsb-login-form .code-img { display: flex !important; align-items: center !important; justify-content: center !important; width: 108px !important; min-width: 108px !important; height: 44px !important; padding: 0 4px !important; overflow: hidden !important; border: 1px solid #d8c9b6 !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; } .wsb-theme .wsb-login-form .code-img img, .wsb-theme .wsb-login-form .code-imgimg_vcode, .wsb-theme .wsb-login-form #img_vcode { display: block !important; width: 100% !important; height: 34px !important; min-width: 0 !important; max-width: 100% !important; border: 0 !important; border-radius: 0 !important; object-fit: contain !important; object-position: center center !important; background: #fff !important; cursor: pointer !important; } @media (max-width: 1280px) { .wsb-theme .wsb-login-form .ZhuCode { grid-template-columns: minmax(76px, 92px) 104px !important; width: 204px !important; min-width: 204px !important; } .wsb-theme .wsb-login-form .code-img { width: 104px !important; min-width: 104px !important; } } @media (max-width: 760px) { .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-static, .wsb-theme .wsb-home .wsb-hero-content { min-height: 500px !important; } .wsb-theme .wsb-home .wsb-hero-static { background-position: center top !important; } .wsb-theme .wsb-login-form .ZhuCode { grid-template-columns: minmax(0, 1fr) 108px !important; width: 100% !important; min-width: 0 !important; } .wsb-theme .wsb-login-form .code-img { width: 108px !important; min-width: 108px !important; } } /* V3 fix54: clean PC homepage shortcut cards. */ .wsb-theme .wsb-home .wsb-quick-links { position: relative !important; z-index: 4 !important; display: grid !important; width: min(1180px, calc(100% - 32px)) !important; max-width: 1180px !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; align-items: stretch !important; margin: -42px auto 0 !important; padding: 0 !important; } .wsb-theme .wsb-home .wsb-quick-card { position: relative !important; display: grid !important; min-height: 118px !important; align-content: center !important; gap: 7px !important; overflow: hidden !important; padding: 18px 20px 18px 22px !important; border: 1px solid #ece0d0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 18px 34px rgba(41, 30, 16, .11) !important; color: #1d1d1d !important; } .wsb-theme .wsb-home .wsb-quick-card:before { position: absolute !important; inset: 0 auto 0 0 !important; width: 5px !important; background: var(--quick-accent, #a21f2a) !important; content: "" !important; } .wsb-theme .wsb-home .wsb-quick-card:after { position: absolute !important; right: -32px !important; bottom: -42px !important; width: 112px !important; height: 112px !important; border-radius: 50% !important; background: rgba(162, 31, 42, .08) !important; content: "" !important; } .wsb-theme .wsb-home .wsb-quick-card span, .wsb-theme .wsb-home .wsb-quick-card strong, .wsb-theme .wsb-home .wsb-quick-card p { position: relative !important; z-index: 1 !important; margin-right: 4px !important; } .wsb-theme .wsb-home .wsb-quick-card span { color: var(--quick-accent, #a21f2a) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0 !important; } .wsb-theme .wsb-home .wsb-quick-card strong { display: block !important; margin-top: 2px !important; color: #191919 !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.2 !important; } .wsb-theme .wsb-home .wsb-quick-card p { margin-top: 0 !important; color: #69717d !important; font-size: 14px !important; line-height: 1.45 !important; } .wsb-theme .wsb-home .wsb-quick-card:hover { transform: translateY(-2px) !important; box-shadow: 0 22px 42px rgba(41, 30, 16, .15) !important; } .wsb-theme .wsb-home .wsb-quick-sport { --quick-accent: #12613f; } .wsb-theme .wsb-home .wsb-quick-live { --quick-accent: #a21f2a; } .wsb-theme .wsb-home .wsb-quick-promo { --quick-accent: #b98520; } .wsb-theme .wsb-home .wsb-quick-download { --quick-accent: #245f93; } .wsb-theme .wsb-home .wsb-products { padding-top: 46px !important; } @media (max-width: 980px) { .wsb-theme .wsb-home .wsb-quick-links { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 18px !important; } } @media (max-width: 560px) { .wsb-theme .wsb-home .wsb-quick-links { grid-template-columns: 1fr !important; } } /* V3 fix55: unified SweetAlert dialog styling. */ .swal2-container.swal2-shown { background: rgba(10, 10, 10, .68) !important; backdrop-filter: blur(2px); } .swal2-modal { width: min(460px, calc(100vw - 40px)) !important; max-width: calc(100vw - 40px) !important; padding: 30px 34px 32px !important; border: 1px solid rgba(236, 224, 208, .88) !important; border-radius: 14px !important; background: linear-gradient(180deg, #fff, #fff 68%, #fbf7f0) !important; box-shadow: 0 28px 70px rgba(0, 0, 0, .34) !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; } .swal2-modal:before { display: block !important; width: 54px !important; height: 5px !important; margin: 0 auto 20px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--wsb-gold), var(--wsb-red)) !important; content: "" !important; } .swal2-modal .swal2-title { margin: 0 !important; color: var(--wsb-ink) !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } .swal2-modal .swal2-content { margin-top: 10px !important; color: var(--wsb-muted) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.7 !important; } .swal2-modal .swal2-buttonswrapper { display: flex !important; justify-content: center !important; gap: 12px !important; margin-top: 28px !important; } .swal2-modal .swal2-styled { min-width: 128px !important; height: 46px !important; margin: 0 !important; padding: 0 26px !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-size: 16px !important; font-weight: 900 !important; line-height: 46px !important; } .swal2-modal .swal2-styled.swal2-confirm { background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; color: #fff !important; box-shadow: 0 14px 28px rgba(141, 29, 38, .28) !important; } .swal2-modal .swal2-styled.swal2-cancel { background: #f2ebe0 !important; color: var(--wsb-ink) !important; } .swal2-modal .swal2-styled:focus { outline: 2px solid rgba(192, 143, 43, .42) !important; outline-offset: 2px !important; } @media (max-width: 560px) { .swal2-modal { width: calc(100vw - 28px) !important; max-width: calc(100vw - 28px) !important; padding: 24px 18px 26px !important; } .swal2-modal .swal2-title { font-size: 21px !important; } .swal2-modal .swal2-styled { width: 100% !important; min-width: 0 !important; } } /* V3 fix56: calmer, more formal SweetAlert prompt. */ .swal2-container.swal2-shown { background: rgba(12, 12, 12, .56) !important; backdrop-filter: none !important; } .swal2-modal { width: min(420px, calc(100vw - 44px)) !important; max-width: calc(100vw - 44px) !important; padding: 30px 30px 28px !important; border: 1px solid #efe3d4 !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 22px 54px rgba(0, 0, 0, .28) !important; } .swal2-modal:before { display: flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; height: 50px !important; margin: 0 auto 16px !important; border-radius: 50% !important; background: #fff5f3 !important; color: var(--wsb-red-dark) !important; box-shadow: inset 0 0 0 1px rgba(181, 31, 42, .18) !important; content: "!" !important; font-size: 28px !important; font-weight: 900 !important; line-height: 1 !important; } .swal2-modal .swal2-title { max-width: 320px !important; margin: 0 auto !important; color: #202124 !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.38 !important; } .swal2-modal .swal2-content { max-width: 330px !important; margin: 10px auto 0 !important; color: #6f7680 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.65 !important; } .swal2-modal .swal2-buttonswrapper { gap: 10px !important; margin-top: 24px !important; } .swal2-modal .swal2-styled { min-width: 116px !important; height: 42px !important; border-radius: 9px !important; font-size: 15px !important; line-height: 42px !important; } .swal2-modal .swal2-styled.swal2-confirm { background: #b51f2a !important; box-shadow: 0 10px 22px rgba(181, 31, 42, .22) !important; } .swal2-modal .swal2-styled.swal2-confirm:hover { background: #9f1822 !important; } @media (max-width: 560px) { .swal2-modal { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; padding: 26px 18px 24px !important; } .swal2-modal .swal2-title { font-size: 20px !important; } } /* V3 fix57: compact, grouped PC footer. */ .wsb-theme #f-footer .wsb-footer { margin-top: 0 !important; border-top: 1px solid rgba(255, 255, 255, .08) !important; background: radial-gradient(circle at 16% 0%, rgba(181, 31, 42, .16), transparent 34%), linear-gradient(180deg, #15110f 0%, #0e0c0b 100%) !important; } .wsb-theme #f-footer .wsb-footer-main { width: min(1180px, calc(100% - 36px)) !important; max-width: 1180px !important; display: grid !important; grid-template-columns: minmax(280px, 350px) minmax(0, 1fr) !important; gap: 24px !important; align-items: stretch !important; padding: 28px 0 24px !important; } .wsb-theme #f-footer .wsb-footer-brand { display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-height: 210px !important; padding: 22px 22px 20px !important; border: 1px solid rgba(255, 255, 255, .09) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .04) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important; } .wsb-theme #f-footer .wsb-footer-brand img { width: 158px !important; height: auto !important; margin: 0 0 14px !important; object-fit: contain !important; } .wsb-theme #f-footer .wsb-footer-brand p { max-width: none !important; margin: 0 0 18px !important; color: rgba(255, 255, 255, .74) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.75 !important; } .wsb-theme #f-footer .wsb-footer-contact { display: grid !important; gap: 8px !important; } .wsb-theme #f-footer .wsb-footer-contact a, .wsb-theme #f-footer .wsb-footer-contact span { display: flex !important; align-items: center !important; min-height: 38px !important; padding: 0 12px !important; border: 1px solid rgba(255, 255, 255, .07) !important; border-radius: 10px !important; background: rgba(0, 0, 0, .18) !important; color: rgba(255, 255, 255, .82) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.35 !important; } .wsb-theme #f-footer .wsb-footer-contact a:before, .wsb-theme #f-footer .wsb-footer-contact span:before { flex: 0 0 auto !important; margin-right: 10px !important; color: #f0c35d !important; font-size: 13px !important; font-weight: 900 !important; } .wsb-theme #f-footer .wsb-footer-contact a:before { content: "官方邮箱" !important; } .wsb-theme #f-footer .wsb-footer-contact span:before { content: "客服 QQ" !important; } .wsb-theme #f-footer .wsb-footer-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; align-self: stretch !important; justify-items: stretch !important; } .wsb-theme #f-footer .wsb-footer-grid > div { min-height: 210px !important; padding: 20px 18px 18px !important; border: 1px solid rgba(255, 255, 255, .09) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .04) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important; } .wsb-theme #f-footer .wsb-footer-grid h3 { position: relative !important; margin: 0 0 16px !important; padding-bottom: 10px !important; color: #f0c35d !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.3 !important; } .wsb-theme #f-footer .wsb-footer-grid h3:after { position: absolute !important; left: 0 !important; bottom: 0 !important; width: 30px !important; height: 2px !important; border-radius: 999px !important; background: #b51f2a !important; content: "" !important; } .wsb-theme #f-footer .wsb-footer-grid a { display: flex !important; align-items: center !important; min-height: 30px !important; padding: 4px 0 !important; color: rgba(255, 255, 255, .68) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.35 !important; transition: color .18s ease, transform .18s ease !important; } .wsb-theme #f-footer .wsb-footer-grid a:hover, .wsb-theme #f-footer .wsb-footer-contact a:hover { color: #fff !important; transform: translateX(2px) !important; } .wsb-theme #f-footer .wsb-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .08) !important; background: rgba(0, 0, 0, .2) !important; } .wsb-theme #f-footer .wsb-footer-bottom .container { width: min(1180px, calc(100% - 36px)) !important; max-width: 1180px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; color: rgba(255, 255, 255, .58) !important; font-size: 13px !important; } .wsb-theme #f-footer .wsb-footer-bottom p { margin: 0 !important; color: rgba(255, 255, 255, .58) !important; font-size: 13px !important; line-height: 1.5 !important; } .wsb-theme #f-footer .wsb-footer-bottom a { color: rgba(255, 255, 255, .72) !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 1120px) { .wsb-theme #f-footer .wsb-footer-main { grid-template-columns: 1fr !important; } .wsb-theme #f-footer .wsb-footer-brand { min-height: auto !important; } } @media (max-width: 760px) { .wsb-theme #f-footer .wsb-footer-main, .wsb-theme #f-footer .wsb-footer-bottom .container { width: calc(100% - 24px) !important; } .wsb-theme #f-footer .wsb-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme #f-footer .wsb-footer-bottom .container { align-items: flex-start !important; flex-direction: column !important; padding: 12px 0 !important; } } @media (max-width: 520px) { .wsb-theme #f-footer .wsb-footer-grid { grid-template-columns: 1fr !important; } } /* V3 fix79: promotion detail pages opened through showPromContant. */ .wsb-theme #f-content > .promotions_list_content { width: min(1100px, calc(100% - 36px)) !important; max-width: 1100px !important; margin: 28px auto 38px !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; color: #30343a !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; } .wsb-theme #f-content > .promotions_list_content .promotion-info, .wsb-theme #f-content > .promotions_list_content .promotion-content { width: 100% !important; max-width: none !important; margin: 0 0 18px !important; padding: 24px !important; overflow: hidden !important; border: 1px solid rgba(65, 43, 24, .14) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 16px 36px rgba(24, 24, 24, .09) !important; } .wsb-theme #f-content > .promotions_list_content .promotion-info .pic { margin: -4px -4px 22px !important; overflow: hidden !important; border-radius: 14px !important; background: #111214 !important; } .wsb-theme #f-content > .promotions_list_content .promotion-info img, .wsb-theme #f-content > .promotions_list_content .promotion-content img, .wsb-theme #f-content > .promotions_list_content img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; border-radius: 14px !important; object-fit: contain !important; filter: saturate(.98) contrast(1.04) brightness(1.02) !important; } .wsb-theme #f-content > .promotions_list_content .promotion-desc { color: #343941 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.75 !important; } .wsb-theme #f-content > .promotions_list_content .promotion-desc > .promotion-tit:first-child { margin: 0 0 14px !important; color: #15171a !important; font-size: 30px !important; font-weight: 900 !important; line-height: 1.25 !important; } .wsb-theme #f-content > .promotions_list_content .promotion-tit, .wsb-theme #f-content > .promotions_list_content .promotion-info h1, .wsb-theme #f-content > .promotions_list_content .promotion-content h1 { margin: 18px 0 12px !important; padding-left: 12px !important; border-left: 4px solid var(--wsb-red-dark) !important; color: var(--wsb-red-dark) !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: 0 !important; word-break: normal !important; overflow-wrap: anywhere !important; } .wsb-theme #f-content > .promotions_list_content .promotion-desc time { display: inline-flex !important; align-items: center !important; min-height: 36px !important; margin: 0 0 12px !important; padding: 0 14px !important; border: 1px solid #eee2d2 !important; border-radius: 999px !important; background: #fff8ee !important; color: #393f48 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.35 !important; } .wsb-theme #f-content > .promotions_list_content span, .wsb-theme #f-content > .promotions_list_content strong { color: var(--wsb-red-dark) !important; font-weight: 900 !important; } .wsb-theme #f-content > .promotions_list_content p { margin: 0 0 12px !important; color: #343941 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.75 !important; } .wsb-theme #f-content > .promotions_list_content .promotion-table-wrap, .wsb-theme #f-content > .promotions_list_content object { display: block !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; } .wsb-theme #f-content > .promotions_list_content table { width: 100% !important; max-width: 100% !important; margin: 10px 0 4px !important; border-spacing: 0 !important; border-collapse: separate !important; border: 1px solid #eadfcd !important; border-radius: 14px !important; background: #fff !important; overflow: hidden !important; } .wsb-theme #f-content > .promotions_list_content th, .wsb-theme #f-content > .promotions_list_content td { min-height: 0 !important; padding: 13px 12px !important; border: 0 !important; border-right: 1px solid #eadfcd !important; border-bottom: 1px solid #eadfcd !important; background: #fffaf5 !important; color: #29313a !important; font-size: 15px !important; font-weight: 750 !important; line-height: 1.5 !important; text-align: center !important; white-space: normal !important; } .wsb-theme #f-content > .promotions_list_content th { background: #f4e9d8 !important; color: var(--wsb-red-dark) !important; font-weight: 900 !important; } .wsb-theme #f-content > .promotions_list_content ul, .wsb-theme #f-content > .promotions_list_content ol { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .wsb-theme #f-content > .promotions_list_content li { position: relative !important; min-height: 0 !important; margin: 0 !important; padding: 12px 14px 12px 36px !important; border: 1px solid #f0e5d7 !important; border-radius: 12px !important; background: #fffaf5 !important; color: #424a54 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.65 !important; list-style: none !important; word-break: normal !important; overflow-wrap: anywhere !important; } .wsb-theme #f-content > .promotions_list_content li:before { position: absolute !important; top: 19px !important; left: 16px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--wsb-red-dark) !important; content: "" !important; } @media (max-width: 860px) { .wsb-theme #f-content > .promotions_list_content { width: calc(100% - 24px) !important; margin-top: 18px !important; } .wsb-theme #f-content > .promotions_list_content .promotion-info, .wsb-theme #f-content > .promotions_list_content .promotion-content { padding: 16px !important; } .wsb-theme #f-content > .promotions_list_content ul, .wsb-theme #f-content > .promotions_list_content ol { grid-template-columns: 1fr !important; } .wsb-theme #f-content > .promotions_list_content table { min-width: 620px !important; } } /* V3 fix85: project-wide audit pass for shared PC layout. */ .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-static, .wsb-theme .wsb-home .wsb-hero-content { min-height: 500px !important; } .wsb-theme .wsb-home .wsb-hero { border-bottom: 1px solid #e6d9c8 !important; } .wsb-theme .wsb-home .wsb-hero-content { grid-template-columns: minmax(0, .96fr) minmax(280px, .64fr) !important; gap: 28px !important; padding-top: 42px !important; padding-bottom: 42px !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { max-width: 720px !important; font-size: clamp(52px, 5vw, 76px) !important; line-height: 1.08 !important; letter-spacing: 0 !important; } .wsb-theme .wsb-home .wsb-hero-copy p:not(.wsb-eyebrow) { max-width: 660px !important; font-size: 20px !important; line-height: 1.7 !important; } .wsb-theme .wsb-home .wsb-hero-panel { max-width: 420px !important; margin-left: auto !important; } .wsb-theme .wsb-home .wsb-hero-panel div { min-height: 82px !important; padding: 16px 18px !important; } .wsb-theme .wsb-home .wsb-quick-links { z-index: 2 !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; margin: 24px auto 0 !important; } .wsb-theme .wsb-home .wsb-quick-card { min-height: 124px !important; border-color: #e8dccd !important; background: linear-gradient(180deg, #fff, #fbf7f0) !important; box-shadow: 0 12px 26px rgba(42, 31, 18, .08) !important; } .wsb-theme .wsb-home .wsb-products { padding-top: 44px !important; } .wsb-theme .wsb-home .wsb-section { padding-top: 58px !important; padding-bottom: 58px !important; } .wsb-theme .wsb-game-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) !important; gap: 18px !important; } .wsb-theme .wsb-game-card, .wsb-theme .wsb-game-card img { border-radius: 12px !important; } .wsb-theme .wsb-service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; } .wsb-theme #f-footer .wsb-footer-main { gap: 44px !important; align-items: start !important; padding-top: 48px !important; padding-bottom: 48px !important; } .wsb-theme #f-footer .wsb-footer-brand, .wsb-theme #f-footer .wsb-footer-grid > div { min-height: 0 !important; } .wsb-theme #f-footer .wsb-footer-grid a { line-height: 1.5 !important; } .wsb-theme .wsb-login-form .ZhuCode { flex: 0 0 218px !important; width: 218px !important; min-width: 218px !important; } .wsb-theme .wsb-login-form .code-img, .wsb-theme .wsb-login-form .code-img img, .wsb-theme .wsb-login-form #img_vcode { max-width: 100% !important; object-fit: contain !important; object-position: center center !important; } @media (max-width: 1280px) { .wsb-theme .wsb-home .wsb-hero-content { grid-template-columns: minmax(0, 1fr) minmax(250px, .52fr) !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { font-size: clamp(46px, 5.2vw, 66px) !important; } .wsb-theme .wsb-login-form .ZhuCode { flex-basis: 204px !important; width: 204px !important; min-width: 204px !important; } } @media (max-width: 1080px) { .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-static, .wsb-theme .wsb-home .wsb-hero-content { min-height: 460px !important; } .wsb-theme .wsb-home .wsb-hero-content { grid-template-columns: 1fr !important; align-content: center !important; } .wsb-theme .wsb-home .wsb-hero-panel { display: none !important; } .wsb-theme .wsb-home .wsb-quick-links, .wsb-theme .wsb-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme .wsb-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme .wsb-game-large, .wsb-theme .wsb-game-wide { grid-column: auto !important; grid-row: auto !important; min-height: 260px !important; } } @media (max-width: 680px) { .wsb-theme .wsb-home .wsb-quick-links, .wsb-theme .wsb-game-grid, .wsb-theme .wsb-service-grid { grid-template-columns: 1fr !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { font-size: 40px !important; } .wsb-theme .wsb-home .wsb-hero-actions .wsb-btn { width: 100% !important; } } /* V3 fix86: keep compressed PC/tablet header controls from overlapping. */ @media (max-width: 1280px), (hover: none) and (pointer: coarse) { .wsb-theme .wsb-accountbar-inner { box-sizing: border-box !important; padding-right: 104px !important; } .wsb-theme .wsb-login-wrap { max-width: calc(100% - 190px) !important; } .wsb-theme .wsb-mobile-login-toggle, .wsb-theme .wsb-login-wrap > .add-account { flex: 0 0 auto !important; white-space: nowrap !important; } .wsb-theme .wsb-login-wrap > .add-account { max-width: 112px !important; overflow: hidden !important; text-overflow: ellipsis !important; } .wsb-theme .wsb-nav-wrap #header { right: 18px !important; } .wsb-theme .wsb-nav-toggle { position: relative !important; z-index: 1020 !important; } } @media (max-width: 520px) { .wsb-theme .wsb-accountbar-inner { padding-right: 70px !important; } .wsb-theme .wsb-brand img { max-width: 42vw !important; } .wsb-theme .wsb-login-wrap > .add-account { display: none !important; } } /* V3 fix87: reserve a hard lane for the menu button on compressed PC widths. */ @media (max-width: 1400px), (hover: none) and (pointer: coarse) { .wsb-theme .wsb-accountbar-inner { box-sizing: border-box !important; padding-right: 118px !important; } .wsb-theme .wsb-login-wrap { max-width: calc(100% - 220px) !important; min-width: 0 !important; } .wsb-theme .wsb-mobile-login-toggle, .wsb-theme .wsb-login-wrap > .add-account { flex: 0 0 auto !important; white-space: nowrap !important; } .wsb-theme .wsb-login-wrap > .add-account { max-width: 118px !important; overflow: hidden !important; text-overflow: ellipsis !important; } .wsb-theme .wsb-nav-wrap #header { right: 18px !important; width: 48px !important; z-index: 1030 !important; } .wsb-theme .wsb-nav-toggle { position: relative !important; z-index: 1031 !important; } } @media (max-width: 760px), (hover: none) and (pointer: coarse) { .wsb-theme .wsb-accountbar-inner { padding-right: 86px !important; } .wsb-theme .wsb-login-wrap { max-width: calc(100% - 168px) !important; } .wsb-theme .wsb-login-wrap > .add-account { max-width: 94px !important; } } @media (max-width: 520px) { .wsb-theme .wsb-accountbar-inner { padding-right: 66px !important; } .wsb-theme .wsb-login-wrap { max-width: calc(100% - 122px) !important; } } /* V3 fix90: keep compressed desktop header in one row even on touch-capable browsers. */ @media (min-width: 761px) and (max-width: 1400px) { .wsb-theme #scrollHeader { position: relative !important; background: #101113 !important; } .wsb-theme .wsb-accountbar { position: relative !important; background: #101113 !important; } .wsb-theme .wsb-accountbar-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-direction: row !important; flex-wrap: nowrap !important; width: min(100% - 48px, 1180px) !important; min-height: 78px !important; gap: 14px !important; padding: 12px 76px 12px 0 !important; } .wsb-theme .wsb-brand { display: flex !important; flex: 1 1 auto !important; justify-content: flex-start !important; width: auto !important; min-width: 0 !important; } .wsb-theme .wsb-brand img { width: 178px !important; max-width: 28vw !important; } .wsb-theme .wsb-login-wrap { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; flex-direction: row !important; width: auto !important; max-width: min(46vw, 330px) !important; gap: 10px !important; margin: 0 !important; } .wsb-theme .wsb-mobile-login-toggle, .wsb-theme .wsb-login-wrap > .add-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 82px !important; height: 44px !important; min-height: 44px !important; padding: 0 18px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } .wsb-theme .wsb-login-wrap > .add-account { max-width: 118px !important; overflow: hidden !important; text-overflow: ellipsis !important; } .wsb-theme .wsb-nav-wrap { position: static !important; height: 0 !important; min-height: 0 !important; border: 0 !important; background: transparent !important; } .wsb-theme .wsb-nav-wrap #header { position: absolute !important; top: 20px !important; right: 24px !important; left: auto !important; z-index: 1040 !important; width: 48px !important; min-height: 0 !important; background: transparent !important; } .wsb-theme .wsb-nav-inner { display: block !important; width: 48px !important; min-height: 0 !important; padding: 0 !important; } .wsb-theme .header-logo2 { display: none !important; } .wsb-theme .wsb-nav-toggle { display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; width: 48px !important; height: 48px !important; margin: 0 !important; border-radius: 11px !important; } .wsb-theme .header-menu { position: absolute !important; top: 58px !important; right: 0 !important; left: auto !important; z-index: 1041 !important; width: min(360px, calc(100vw - 48px)) !important; } } @media (min-width: 761px) and (max-width: 1020px) { .wsb-theme .wsb-brand img { width: 156px !important; } .wsb-theme .wsb-login-wrap { max-width: 270px !important; gap: 8px !important; } .wsb-theme .wsb-login-wrap > .add-account { max-width: 104px !important; } } /* V3 fix91: keep the compact desktop quick rail visible after window compression. */ @media (min-width: 761px) { .slide-menu, .wsb-theme .slide-menu { position: fixed !important; right: 18px !important; bottom: 96px !important; top: auto !important; left: auto !important; z-index: 80 !important; display: block !important; width: auto !important; } .slide-menu .se, .wsb-theme .slide-menu .se { display: block !important; } .slide-menu #dispc, .wsb-theme .slide-menu #dispc, .slide-menu .se ul, .wsb-theme .slide-menu .se ul { display: grid !important; gap: 8px !important; } .slide-menu li, .wsb-theme .slide-menu li { display: block !important; } } /* V3 fix92: the PC floating shortcuts stay available even when the desktop window is compressed. */ .slide-menu, .wsb-theme .slide-menu { display: block !important; } .slide-menu .se, .wsb-theme .slide-menu .se, .slide-menu #dispc, .wsb-theme .slide-menu #dispc { display: grid !important; } @media (hover: hover) and (pointer: fine) { .slide-menu, .wsb-theme .slide-menu { position: fixed !important; right: 18px !important; bottom: 96px !important; top: auto !important; left: auto !important; z-index: 80 !important; width: auto !important; } .slide-menu #dispc, .wsb-theme .slide-menu #dispc, .slide-menu .se ul, .wsb-theme .slide-menu .se ul { display: grid !important; gap: 8px !important; } .slide-menu li, .wsb-theme .slide-menu li { display: block !important; } } @media (hover: hover) and (pointer: fine) and (max-width: 760px) { .slide-menu, .wsb-theme .slide-menu { right: 10px !important; bottom: 74px !important; transform: scale(.92) !important; transform-origin: right bottom !important; } } /* V3 fix93: compact chess platform cards and reset inherited list padding. */ .wsb-theme .wsb-qp-page .lotto-item.bb-item .left, .wsb-theme .wsb-qp-page .lotto-item.bb-item .right { justify-content: flex-start !important; gap: 12px !important; min-height: 0 !important; padding: 24px !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item p, .wsb-theme .wsb-qp-page .lotto-item.bb-item h4 { margin: 0 !important; line-height: 1.55 !important; } .wsb-theme .wsb-qp-page .lotto-item.bb-item a { margin: 8px 0 10px !important; } .wsb-theme .wsb-qp-page .wsb-qp-points { width: auto !important; gap: 9px !important; margin: 2px 0 0 !important; padding: 0 !important; } .wsb-theme .wsb-qp-page .wsb-qp-points li { display: block !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 0 0 18px !important; overflow: visible !important; cursor: default !important; line-height: 1.55 !important; } .wsb-theme .wsb-qp-page .wsb-qp-points li::before { top: .55em !important; } /* V3 fix94: keep the homepage narrow view from fighting the floating quick rail. */ @media (max-width: 760px) { body.wsb-page-index .slide-menu, body.wsb-page-index.wsb-theme .slide-menu { display: none !important; } .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-static, .wsb-theme .wsb-home .wsb-hero-content { min-height: 480px !important; } .wsb-theme .wsb-home .wsb-hero-content { padding-top: 28px !important; padding-bottom: 28px !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { font-size: 38px !important; line-height: 1.12 !important; } .wsb-theme .wsb-home .wsb-hero-copy p:not(.wsb-eyebrow) { max-width: 34em !important; font-size: 16px !important; line-height: 1.65 !important; } .wsb-theme .wsb-home .wsb-hero-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; max-width: 520px !important; margin-top: 20px !important; } .wsb-theme .wsb-home .wsb-hero-actions .wsb-btn { width: 100% !important; min-width: 0 !important; min-height: 44px !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 15px !important; line-height: 44px !important; white-space: nowrap !important; } .wsb-theme .wsb-home .wsb-hero-actions .wsb-btn:first-child { grid-column: 1 / -1 !important; } } @media (max-width: 420px) { .wsb-theme .wsb-home .wsb-hero-copy h1 { font-size: 34px !important; } .wsb-theme .wsb-home .wsb-hero-copy p:not(.wsb-eyebrow) { font-size: 15px !important; } } /* V3 fix95: make homepage shortcut cards a stable row instead of a staggered layout. */ .wsb-theme .wsb-home .wsb-quick-links { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 16px !important; align-items: stretch !important; justify-items: stretch !important; width: min(1180px, calc(100% - 32px)) !important; margin: 24px auto 0 !important; padding: 0 !important; } .wsb-theme .wsb-home .wsb-quick-card { width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 118px !important; margin: 0 !important; float: none !important; transform: none !important; } .wsb-theme .wsb-home .wsb-quick-card:nth-child(1), .wsb-theme .wsb-home .wsb-quick-card:nth-child(2), .wsb-theme .wsb-home .wsb-quick-card:nth-child(3), .wsb-theme .wsb-home .wsb-quick-card:nth-child(4) { grid-row: auto !important; } .wsb-theme .wsb-home .wsb-quick-card:nth-child(1) { grid-column: 1 !important; } .wsb-theme .wsb-home .wsb-quick-card:nth-child(2) { grid-column: 2 !important; } .wsb-theme .wsb-home .wsb-quick-card:nth-child(3) { grid-column: 3 !important; } .wsb-theme .wsb-home .wsb-quick-card:nth-child(4) { grid-column: 4 !important; } .wsb-theme .wsb-home .wsb-products { padding-top: 40px !important; } @media (max-width: 1080px) { .wsb-theme .wsb-home .wsb-quick-links { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme .wsb-home .wsb-quick-card:nth-child(1), .wsb-theme .wsb-home .wsb-quick-card:nth-child(2), .wsb-theme .wsb-home .wsb-quick-card:nth-child(3), .wsb-theme .wsb-home .wsb-quick-card:nth-child(4) { grid-column: auto !important; } } @media (max-width: 560px) { .wsb-theme .wsb-home .wsb-quick-links { grid-template-columns: 1fr !important; gap: 12px !important; margin-top: 18px !important; } .wsb-theme .wsb-home .wsb-quick-card { min-height: 104px !important; } } /* V3 fix96: restore a stable PC homepage hero and remove horizontal drift. */ .wsb-theme.wsb-page-index, .wsb-theme.wsb-page-index body, .wsb-theme .wsb-home, .wsb-theme .wsb-home .wsb-hero { max-width: 100vw !important; overflow-x: hidden !important; } @media (min-width: 1081px) { .wsb-theme .wsb-home .wsb-hero, .wsb-theme .wsb-home .wsb-hero-static, .wsb-theme .wsb-home .wsb-hero-content { min-height: 500px !important; } .wsb-theme .wsb-home .wsb-hero-content { width: min(1180px, calc(100vw - 64px)) !important; max-width: 1180px !important; margin-right: auto !important; margin-left: auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; gap: 44px !important; align-items: center !important; justify-content: space-between !important; justify-items: stretch !important; padding-top: 46px !important; padding-bottom: 46px !important; } .wsb-theme .wsb-home .wsb-hero-copy { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; max-width: 700px !important; margin: 0 !important; text-align: left !important; justify-self: start !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { max-width: 720px !important; font-size: clamp(54px, 4.7vw, 74px) !important; line-height: 1.08 !important; text-align: left !important; } .wsb-theme .wsb-home .wsb-hero-copy p:not(.wsb-eyebrow) { max-width: 620px !important; text-align: left !important; } .wsb-theme .wsb-home .wsb-hero-actions { justify-content: flex-start !important; } .wsb-theme .wsb-home .wsb-hero-panel { grid-column: 2 !important; grid-row: 1 !important; width: 320px !important; max-width: 320px !important; margin: 0 !important; justify-self: end !important; } } @media (min-width: 1081px) and (max-width: 1280px) { .wsb-theme .wsb-home .wsb-hero-content { width: min(1120px, calc(100vw - 40px)) !important; grid-template-columns: minmax(0, 1fr) 286px !important; gap: 30px !important; } .wsb-theme .wsb-home .wsb-hero-panel { width: 286px !important; max-width: 286px !important; } .wsb-theme .wsb-home .wsb-hero-copy h1 { font-size: clamp(48px, 5vw, 64px) !important; } } /* V3 fix97: PC homepage H5 panel uses the same mobile-page switch as the footer link. */ .wsb-theme .wsb-home .wsb-hero-panel > a { display: grid !important; align-content: center !important; min-height: 82px !important; padding: 16px 18px !important; border: 0 !important; background: rgba(18, 18, 18, .45) !important; color: #fff !important; text-decoration: none !important; cursor: pointer !important; } .wsb-theme .wsb-home .wsb-hero-panel > a:hover { background: rgba(198, 43, 52, .34) !important; } .wsb-theme .wsb-home .wsb-hero-panel > a span { display: block !important; color: rgba(255, 255, 255, .68) !important; font-size: 13px !important; } .wsb-theme .wsb-home .wsb-hero-panel > a strong { display: block !important; margin-top: 4px !important; color: #fff !important; font-size: 18px !important; } /* V3 fix98: compressed PC width uses the hamburger drawer, never a floating horizontal nav. */ @media (min-width: 761px) and (max-width: 1400px) { .wsb-theme .wsb-nav-wrap, .wsb-theme .wsb-nav-wrap #header { pointer-events: none !important; } .wsb-theme .wsb-nav-wrap #header { position: absolute !important; top: 18px !important; right: 24px !important; left: auto !important; z-index: 1045 !important; width: 52px !important; height: 52px !important; min-height: 0 !important; background: transparent !important; } .wsb-theme .wsb-nav-inner { display: block !important; width: 52px !important; min-height: 0 !important; padding: 0 !important; } .wsb-theme .wsb-nav-toggle { display: flex !important; position: relative !important; z-index: 1047 !important; width: 52px !important; height: 52px !important; margin: 0 !important; pointer-events: auto !important; } .wsb-theme .header-menu { display: none !important; position: absolute !important; top: 62px !important; right: 0 !important; left: auto !important; z-index: 1046 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: min(390px, calc(100vw - 48px)) !important; gap: 10px !important; padding: 12px !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 14px !important; background: rgba(17, 18, 20, .98) !important; box-shadow: 0 22px 50px rgba(0, 0, 0, .38) !important; pointer-events: auto !important; overflow: visible !important; } .wsb-theme .header-menu.is-open { display: grid !important; } .wsb-theme .header-menu > li { min-width: 0 !important; width: auto !important; } .wsb-theme .header-menu > li > a { min-height: 48px !important; padding: 10px 8px !important; border-color: rgba(255, 255, 255, .12) !important; border-radius: 10px !important; background: rgba(255, 255, 255, .07) !important; color: #f7f2ea !important; } .wsb-theme .wsb-notice { position: relative !important; z-index: 5 !important; clear: both !important; } .wsb-theme .wsb-home .wsb-hero { position: relative !important; z-index: 1 !important; } } /* V3 fix100: compressed PC follows the H5 header rhythm for logged-in users. */ @media (min-width: 761px) and (max-width: 1400px) { .wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: minmax(178px, 230px) minmax(0, 1fr) !important; align-items: center !important; width: min(100% - 48px, 1180px) !important; min-height: 84px !important; gap: 16px !important; padding: 12px 92px 12px 0 !important; } .wsb-theme .wsb-brand { grid-column: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; min-width: 0 !important; overflow: visible !important; } .wsb-theme .wsb-brand img { width: 188px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .wsb-theme .wsb-userbar { grid-column: 2 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: none !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: visible !important; white-space: normal !important; } .wsb-theme .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar #membergrade, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-theme .wsb-userbar .nick { display: inline-flex !important; align-items: center !important; flex: 0 1 auto !important; max-width: 130px !important; min-height: 40px !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 16px !important; font-weight: 900 !important; line-height: 40px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 74px !important; min-height: 42px !important; padding: 0 14px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 10px !important; color: #f7f2ea !important; background: rgba(255, 255, 255, .08) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 42px !important; text-decoration: none !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar .link-cz { color: #13a85a !important; background: #fff7ef !important; } .wsb-theme .wsb-userbar .link-zz { color: #d48d14 !important; background: #fff7ef !important; } .wsb-theme .wsb-userbar #logout_submit { color: rgba(255, 255, 255, .88) !important; background: rgba(255, 255, 255, .07) !important; } } @media (min-width: 761px) and (max-width: 980px) { .wsb-theme .wsb-accountbar-inner { grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) !important; gap: 10px !important; padding-right: 82px !important; } .wsb-theme .wsb-brand img { width: 166px !important; } .wsb-theme .wsb-userbar .nick { max-width: 86px !important; font-size: 15px !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"], .wsb-theme .wsb-userbar .link-ck, .wsb-theme .wsb-userbar .link-zz { display: none !important; } } /* V3 fix99: fishing page rebuilt without Flash positioning. */ .wsb-theme .wsb-fish-page, .wsb-theme .wsb-fish-page * { box-sizing: border-box; } .wsb-theme .wsb-fish-page { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 0 0 56px; color: #171719; } .wsb-theme .wsb-fish-hero { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: end; gap: 28px; min-height: 360px; padding: 56px; overflow: hidden; border: 1px solid rgba(244, 200, 94, .24); border-radius: 14px; background: linear-gradient(110deg, rgba(16, 17, 19, .92) 0, rgba(103, 24, 36, .82) 54%, rgba(19, 72, 75, .72) 100%), url(/res/images/bg.jpg) center / cover no-repeat; box-shadow: 0 24px 54px rgba(30, 25, 20, .2); } .wsb-theme .wsb-fish-hero h1 { margin: 8px 0 16px; color: #fff; font-size: clamp(48px, 5vw, 72px); font-weight: 900; line-height: 1.08; letter-spacing: 0; } .wsb-theme .wsb-fish-hero p { max-width: 710px; margin: 0; color: rgba(255, 255, 255, .82); font-size: 20px; font-weight: 700; line-height: 1.75; } .wsb-theme .wsb-fish-hero-actions { display: grid; gap: 14px; } .wsb-theme .wsb-fish-hero-actions a { display: flex; align-items: center; justify-content: center; min-height: 58px; border-radius: 12px; color: #fff; font-size: 18px; font-weight: 900; text-decoration: none; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); box-shadow: 0 14px 28px rgba(141, 29, 38, .24); } .wsb-theme .wsb-fish-hero-actions a:last-child { border: 1px solid rgba(255, 255, 255, .44); background: rgba(255, 255, 255, .1); box-shadow: none; } .wsb-theme .wsb-fish-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 28px; } .wsb-theme .wsb-fish-card { display: grid; grid-template-columns: 44% minmax(0, 1fr); min-height: 330px; overflow: hidden; border: 1px solid rgba(20, 20, 22, .08); border-radius: 14px; background: #fff; box-shadow: 0 16px 40px rgba(24, 24, 24, .09); } .wsb-theme .wsb-fish-card-media { min-height: 330px; background-position: center; background-size: cover; } .wsb-theme .wsb-fish-card-media.ag { background-image: linear-gradient(180deg, rgba(16, 17, 19, .06), rgba(16, 17, 19, .42)), url(/res/images/ag_fish.jpg); } .wsb-theme .wsb-fish-card-media.pt { background-color: #171719; background-image: linear-gradient(180deg, rgba(16, 17, 19, .12), rgba(16, 17, 19, .48)), url(/res/images/ui2.png); background-repeat: no-repeat; background-size: contain; } .wsb-theme .wsb-fish-card-body { display: flex; flex-direction: column; padding: 34px 32px; } .wsb-theme .wsb-fish-card-body span { color: var(--wsb-gold); font-size: 13px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .wsb-theme .wsb-fish-card-body h2 { margin: 10px 0 14px; color: #171719; font-size: 34px; font-weight: 900; line-height: 1.2; } .wsb-theme .wsb-fish-card-body p { margin: 0; color: #646b76; font-size: 17px; font-weight: 700; line-height: 1.7; } .wsb-theme .wsb-fish-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: auto; padding-top: 28px; } .wsb-theme .wsb-fish-buttons a { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 10px; font-size: 16px; font-weight: 900; text-decoration: none; } .wsb-theme .wsb-fish-primary { color: #fff; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)); box-shadow: 0 12px 24px rgba(141, 29, 38, .2); } .wsb-theme .wsb-fish-secondary { border: 1px solid #e5d7c5; color: var(--wsb-red-dark); background: #fff8f1; } @media (max-width: 1080px) { .wsb-theme .wsb-fish-hero { grid-template-columns: 1fr; padding: 42px 32px; } .wsb-theme .wsb-fish-hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wsb-theme .wsb-fish-grid { grid-template-columns: 1fr; } } @media (max-width: 760px) { .wsb-theme .wsb-fish-page { width: calc(100% - 24px); } .wsb-theme .wsb-fish-hero { min-height: 300px; padding: 26px 18px; } .wsb-theme .wsb-fish-hero h1 { font-size: 42px; } .wsb-theme .wsb-fish-hero p { font-size: 16px; } .wsb-theme .wsb-fish-card { grid-template-columns: 1fr; } .wsb-theme .wsb-fish-card-media { min-height: 190px; } .wsb-theme .wsb-fish-card-body { padding: 24px 20px; } } /* V3 fix101: keep homepage game-card text readable over mixed image backgrounds. */ .wsb-theme .wsb-home .wsb-game-card:after { background: linear-gradient(0deg, rgba(8, 9, 11, .84) 0%, rgba(8, 9, 11, .52) 48%, rgba(8, 9, 11, .22) 100%) !important; } .wsb-theme .wsb-home .wsb-game-card > div { color: #fff !important; text-shadow: 0 2px 12px rgba(0, 0, 0, .5) !important; } .wsb-theme .wsb-home .wsb-game-card span { color: #ffd35a !important; } .wsb-theme .wsb-home .wsb-game-card h3 { color: #fff !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .6) !important; } .wsb-theme .wsb-home .wsb-game-card p { color: rgba(255, 255, 255, .9) !important; } .wsb-theme .wsb-home .wsb-game-card a { color: #171719 !important; text-shadow: none !important; } .wsb-theme .wsb-home .wsb-game-sports-main:after { background: linear-gradient(0deg, rgba(8, 9, 11, .88) 0%, rgba(8, 9, 11, .5) 46%, rgba(8, 9, 11, .18) 100%) !important; } .wsb-theme .wsb-home .wsb-game-sports-main img { object-position: center center !important; } /* V3 fix102: compact the footer on H5 and narrow desktop widths. */ @media (max-width: 1120px) { .wsb-theme #f-footer .wsb-footer-main { gap: 18px !important; padding-top: 24px !important; padding-bottom: 18px !important; } .wsb-theme #f-footer .wsb-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; align-self: start !important; } .wsb-theme #f-footer .wsb-footer-grid > div { min-height: 0 !important; padding: 15px 16px 13px !important; border-radius: 12px !important; } .wsb-theme #f-footer .wsb-footer-grid h3 { margin-bottom: 10px !important; padding-bottom: 8px !important; font-size: 15px !important; } .wsb-theme #f-footer .wsb-footer-grid a { min-height: 24px !important; padding: 2px 0 !important; font-size: 14px !important; line-height: 1.45 !important; } } @media (max-width: 520px) { .wsb-theme #f-footer .wsb-footer-main { padding-top: 18px !important; padding-bottom: 14px !important; } .wsb-theme #f-footer .wsb-footer-brand { display: none !important; } .wsb-theme #f-footer .wsb-footer-grid { grid-template-columns: 1fr !important; gap: 8px !important; } .wsb-theme #f-footer .wsb-footer-grid > div { padding: 14px 16px 12px !important; } } /* V3 fix103: replace equal-height footer cards with compact link groups at narrow widths. */ @media (max-width: 1120px) { html body.wsb-theme #f-footer .wsb-footer-main { display: block !important; width: calc(100% - 24px) !important; max-width: none !important; padding: 16px 0 10px !important; } html body.wsb-theme #f-footer .wsb-footer-brand { display: none !important; } html body.wsb-theme #f-footer .wsb-footer-grid { display: block !important; width: 100% !important; margin: 0 !important; } html body.wsb-theme #f-footer .wsb-footer-grid > div { display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; margin: 0 0 8px !important; padding: 12px 14px 10px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .035) !important; } html body.wsb-theme #f-footer .wsb-footer-grid h3 { margin: 0 0 8px !important; padding-bottom: 7px !important; font-size: 15px !important; line-height: 1.25 !important; } html body.wsb-theme #f-footer .wsb-footer-grid a { display: inline-flex !important; width: auto !important; min-height: 0 !important; height: auto !important; margin: 0 14px 4px 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.55 !important; } } /* V3 fix104: remove legacy smiley background from the logged-in desktop header. */ .wsb-theme .header-logined.wsb-userbar { background-image: none !important; padding-left: 0 !important; } .wsb-theme .header-logined.wsb-userbar:before { content: none !important; display: none !important; } /* V3 fix105: restore desktop member side menu and keep wallet forms readable. */ .wsb-theme .userCenter-box > .row > .userCenter-box-left, .wsb-theme .userCenter-box > .row > .userCenter-box-right { display: block !important; visibility: visible !important; } .wsb-theme #userCenter-body .userCenter-box { padding: 18px !important; } .wsb-theme #userCenter-body .userCenter-box > .row { margin: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav { position: sticky !important; top: 92px !important; min-height: 0 !important; } .wsb-theme #userCenter-body .paytablist { padding: 22px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(18, 18, 20, .08) !important; } .wsb-theme #userCenter-body .paytablist .tablist > form { width: min(760px, 100%) !important; margin: 0 auto !important; } .wsb-theme #userCenter-body .paytablist .input-item { grid-template-columns: 130px minmax(0, 1fr) !important; align-items: start !important; margin-bottom: 16px !important; } .wsb-theme #userCenter-body .paytablist .input-title { padding-top: 11px !important; color: #5f6670 !important; line-height: 1.35 !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .paytablist .input-box { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 7px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select { float: none !important; width: 100% !important; max-width: 520px !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .paytablist .input-box p, .wsb-theme #userCenter-body .paytablist .input-box .Validform_checktip { display: block !important; width: 100% !important; max-width: 520px !important; margin: 0 !important; color: var(--wsb-red-dark) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.55 !important; } .wsb-theme #userCenter-body .paytablist .combtn.btn-red { width: min(260px, 100%) !important; height: 44px !important; line-height: 44px !important; } @media (max-width: 980px) { .wsb-theme #userCenter-body .userCenter-box { padding: 12px !important; } .wsb-theme #userCenter-body .userCenter-nav { position: static !important; } } @media (max-width: 620px) { .wsb-theme #userCenter-body .paytablist .input-item { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .paytablist .input-title { padding-top: 0 !important; text-align: left !important; } } /* V3 fix107: center side menu and bank-account cards cleanup. */ .wsb-theme #userCenter-body .userCenter-nav li:before, .wsb-theme #userCenter-body .userCenter-nav li:after { content: none !important; display: none !important; background: none !important; } .wsb-theme #userCenter-body .userCenter-nav li, .wsb-theme #userCenter-body .userCenter-nav li.n6, .wsb-theme #userCenter-body .userCenter-nav li.n7, .wsb-theme #userCenter-body .userCenter-nav li.n8, .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { height: auto !important; min-height: 0 !important; border: 0 !important; background: none !important; line-height: 1.3 !important; } .wsb-theme #userCenter-body .userCenter-nav-hd .tit, .wsb-theme #userCenter-body .userCenter-nav li a { background-image: none !important; background-position: 0 0 !important; background-repeat: no-repeat !important; } .wsb-theme #userCenter-body .userCenter-nav li a { position: relative !important; gap: 10px !important; justify-content: flex-start !important; padding: 0 14px 0 15px !important; overflow: hidden !important; text-overflow: ellipsis !important; } .wsb-theme #userCenter-body .userCenter-nav li a:before { content: "" !important; flex: 0 0 8px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: rgba(151, 159, 171, .42) !important; box-shadow: 0 0 0 4px rgba(151, 159, 171, .08) !important; } .wsb-theme #userCenter-body .userCenter-nav li.on a:before, .wsb-theme #userCenter-body .userCenter-nav li a:hover:before { background: #fff !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, .18) !important; } .wsb-theme #userCenter-body .userCenter-nav li .num { display: inline-flex !important; margin-left: 2px !important; color: inherit !important; font-size: 13px !important; line-height: 1 !important; vertical-align: baseline !important; } .wsb-theme #userCenter-body .userCenter-nav-hd .tit { padding-left: 0 !important; color: var(--wsb-gold) !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling { width: 100% !important; margin: 0 !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; list-style: none !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list { float: none !important; position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; width: auto !important; height: auto !important; min-height: 156px !important; margin: 0 !important; padding: 22px 20px !important; border: 1px solid rgba(181, 31, 42, .16) !important; border-radius: 14px !important; background: linear-gradient(135deg, rgba(181, 31, 42, .08), rgba(217, 165, 70, .08)), #fff !important; box-shadow: 0 18px 34px rgba(18, 18, 20, .08) !important; cursor: default !important; overflow: hidden !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list:before { content: "" !important; position: absolute !important; right: -34px !important; bottom: -38px !important; width: 116px !important; height: 116px !important; border-radius: 50% !important; background: rgba(217, 165, 70, .12) !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list h3, .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list p, .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list span { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; text-align: left !important; text-shadow: none !important; font-family: inherit !important; line-height: 1.45 !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list h3 { margin-bottom: 12px !important; color: var(--wsb-ink) !important; font-size: 18px !important; font-weight: 900 !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list p { color: var(--wsb-red-dark) !important; font-size: 20px !important; font-weight: 900 !important; letter-spacing: .04em !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-list .user-name { margin-top: 8px !important; color: var(--wsb-muted) !important; font-size: 14px !important; font-weight: 800 !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-add { align-items: center !important; justify-content: center !important; border-style: dashed !important; background: #fffaf3 !important; cursor: pointer !important; } .wsb-theme #userCenter-body .userCenter-account-bd .unbundling ul li.card-add .text-add { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 68px !important; height: 68px !important; border-radius: 50% !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 14px 26px rgba(181, 31, 42, .18) !important; } .wsb-theme #userCenter-body .mask-bg { background: rgba(8, 9, 11, .58) !important; backdrop-filter: blur(5px) !important; } .wsb-theme #userCenter-body #edit-window { max-width: min(680px, calc(100vw - 40px)) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .28) !important; overflow: hidden !important; } .wsb-theme #userCenter-body .card-add-page { padding: 24px !important; background: #fff !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .card-add-page .title-center { margin: 0 0 18px !important; padding: 0 0 14px !important; border-bottom: 1px solid rgba(20, 20, 22, .08) !important; color: var(--wsb-ink) !important; font-size: 22px !important; font-weight: 900 !important; text-align: left !important; } .wsb-theme #userCenter-body .card-add-page .form-item { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 14px !important; margin: 0 0 14px !important; } .wsb-theme #userCenter-body .card-add-page .zhsz3l, .wsb-theme #userCenter-body .card-add-page .zhsz3r, .wsb-theme #userCenter-body .card-add-page .bottons, .wsb-theme #userCenter-body .card-add-page .btn-box { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right !important; } .wsb-theme #userCenter-body .card-add-page .zhsz3r, .wsb-theme #userCenter-body .card-add-page .bottons, .wsb-theme #userCenter-body .card-add-page .btn-box { text-align: left !important; } .wsb-theme #userCenter-body .card-add-page input[type="text"], .wsb-theme #userCenter-body .card-add-page select { width: 100% !important; max-width: 100% !important; height: 42px !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .card-add-page input[type="button"], .wsb-theme #userCenter-body .card-add-page .btn-cancel { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 116px !important; height: 42px !important; margin: 0 8px 0 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; } .wsb-theme #userCenter-body .card-add-page input[type="button"] { color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; } .wsb-theme #userCenter-body .card-add-page .btn-cancel { color: var(--wsb-muted) !important; background: #f8f1e8 !important; } @media (max-width: 620px) { .wsb-theme #userCenter-body .card-add-page .form-item { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .card-add-page .zhsz3l { text-align: left !important; } } /* V3 fix109: clearer account-center record tables. */ .wsb-theme #userCenter-body .userCenter-cashBack-nav, .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item, .wsb-theme #userCenter-body .userCenter-account-bd .table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; min-height: 0 !important; margin: 0 0 14px !important; padding: 14px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 12px 28px rgba(18, 18, 20, .06) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav a, .wsb-theme #userCenter-body .userCenter-cashBack-nav .active { float: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 116px !important; height: 42px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #eadfcd !important; border-radius: 10px !important; color: #66707c !important; background: #fff !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav a.on, .wsb-theme #userCenter-body .userCenter-cashBack-nav a:hover, .wsb-theme #userCenter-body .userCenter-cashBack-nav .active { border-color: transparent !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; box-shadow: 0 12px 22px rgba(181, 31, 42, .14) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { flex: 1 1 100% !important; display: grid !important; grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 4px 0 0 !important; padding: 12px !important; border: 1px solid #eadfcd !important; border-radius: 12px !important; background: #fbf8f2 !important; box-shadow: none !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox select { float: none !important; width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 38px 0 14px !important; border: 1px solid #ddd2c4 !important; border-radius: 10px !important; color: var(--wsb-ink) !important; background-color: #fff !important; font-size: 15px !important; font-weight: 800 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { float: none !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { float: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox label, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .lab { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; color: #8a6c31 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"] { width: 156px !important; height: 40px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid #ddd2c4 !important; border-radius: 10px !important; color: var(--wsb-ink) !important; background: #fff !important; font-size: 14px !important; font-weight: 800 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub input, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="submit"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="button"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 78px !important; height: 40px !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; box-shadow: 0 10px 20px rgba(181, 31, 42, .14) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item { margin-top: 12px !important; padding: 14px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(18, 18, 20, .07) !important; } .wsb-theme #userCenter-body table.table4 { width: 100% !important; min-width: 760px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #eadfcd !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; overflow: hidden !important; } .wsb-theme #userCenter-body table.table4 th, .wsb-theme #userCenter-body table.table4 td { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; text-align: left !important; vertical-align: middle !important; font-family: inherit !important; white-space: normal !important; word-break: break-word !important; } .wsb-theme #userCenter-body table.table4 tr:first-child th, .wsb-theme #userCenter-body table.table4 tr:first-child td { padding: 14px 16px !important; border: 0 !important; color: #fff !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; } .wsb-theme #userCenter-body table.table4 tr:not(:first-child) td { padding: 16px !important; border: 0 !important; border-bottom: 1px solid #efe6d8 !important; color: #202329 !important; background: #fff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.45 !important; } .wsb-theme #userCenter-body table.table4 tr:nth-child(even):not(:first-child) td { background: #fbf8f2 !important; } .wsb-theme #userCenter-body table.table4 tr:hover:not(:first-child) td { background: #fff4f1 !important; } .wsb-theme #userCenter-body table.table4 tr:last-child td { border-bottom: 0 !important; } .wsb-theme #userCenter-body table.table4 th + th, .wsb-theme #userCenter-body table.table4 td + td { border-left: 1px solid rgba(234, 223, 205, .82) !important; } .wsb-theme #userCenter-body table.table4 a { color: var(--wsb-red-dark) !important; font-weight: 900 !important; text-decoration: none !important; } @media (max-width: 900px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: grid !important; grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { justify-content: space-between !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"] { flex: 1 1 auto !important; width: auto !important; } } /* V3 fix110: align record pages and make game-record filter/table compact. */ .wsb-theme .userCenter-box > .row > form { display: none !important; } .wsb-theme #userCenter-body .userCenter-box > .row { align-items: start !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right { align-self: start !important; } .wsb-theme #userCenter-body #fu-content.userCenter-content { margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav { margin: 0 0 14px !important; padding: 16px !important; align-items: center !important; gap: 10px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav > a.on { min-width: 118px !important; height: 42px !important; border-radius: 10px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { flex: 1 1 100% !important; display: grid !important; grid-template-columns: minmax(240px, 420px) minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; width: 100% !important; margin: 4px 0 0 !important; padding: 14px !important; border: 1px solid #eadfcd !important; border-radius: 14px !important; background: #fbf8f2 !important; box-shadow: none !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 10px 12px !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox select { max-width: 420px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-con { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item { margin-top: 0 !important; padding: 16px !important; } .wsb-theme #userCenter-body table.table4 { border: 1px solid #e5d8c6 !important; box-shadow: 0 10px 24px rgba(18, 18, 20, .04) !important; } .wsb-theme #userCenter-body table.table4 tr:first-child th, .wsb-theme #userCenter-body table.table4 tr:first-child td { text-align: center !important; } .wsb-theme #userCenter-body table.table4 tr:not(:first-child) td { text-align: center !important; } @media (max-width: 1180px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { justify-content: flex-start !important; } } /* V3 fix111: compact record filters, tables, and transfer layout. */ .wsb-theme #userCenter-body #fu-content.userCenter-content { min-height: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav { display: block !important; overflow: visible !important; margin: 0 0 12px !important; padding: 14px 16px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav > a.on { display: inline-flex !important; width: auto !important; min-width: 122px !important; height: 40px !important; margin: 0 0 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { display: grid !important; grid-template-columns: minmax(260px, 520px) auto !important; justify-content: space-between !important; align-items: center !important; column-gap: 22px !important; row-gap: 12px !important; width: 100% !important; max-width: 1180px !important; min-height: 0 !important; margin: 0 auto !important; padding: 14px 18px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox select { max-width: none !important; height: 44px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: grid !important; grid-template-columns: auto auto auto !important; justify-content: end !important; align-items: center !important; gap: 10px 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { display: grid !important; grid-template-columns: auto 150px !important; align-items: center !important; gap: 8px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { display: flex !important; align-items: center !important; justify-content: center !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox label, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .lab { color: #806327 !important; text-align: right !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"] { width: 150px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-con { margin-top: 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item { padding: 18px !important; overflow-x: auto !important; } .wsb-theme #userCenter-body table.table4 { min-width: 820px !important; border-color: #dfd1bd !important; border-radius: 14px !important; } .wsb-theme #userCenter-body table.table4 tr:first-child th, .wsb-theme #userCenter-body table.table4 tr:first-child td { padding: 13px 14px !important; white-space: nowrap !important; } .wsb-theme #userCenter-body table.table4 tr:not(:first-child) td { padding: 14px 14px !important; background-clip: padding-box !important; } .wsb-theme #userCenter-body table.table4 tr:nth-child(odd):not(:first-child) td { background: #fff !important; } .wsb-theme #userCenter-body table.table4 tr:nth-child(even):not(:first-child) td { background: #fbf7ef !important; } .wsb-theme #userCenter-body .transferform { margin: 0 !important; padding: 18px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(18, 18, 20, .06) !important; } .wsb-theme #userCenter-body .transerMoney-form { display: grid !important; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) !important; align-items: start !important; gap: 14px !important; } .wsb-theme #userCenter-body .TransactionFrom, .wsb-theme #userCenter-body .TransactionTo { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-content: start !important; min-height: 0 !important; padding: 46px 14px 14px !important; } .wsb-theme #userCenter-body .TransactionFrom a, .wsb-theme #userCenter-body .TransactionTo a { min-height: 40px !important; font-size: 13px !important; } .wsb-theme #userCenter-body .transerMoney-form-icon { align-self: center !important; min-height: 0 !important; margin: 48px 0 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-money { grid-column: 1 / 3 !important; grid-template-columns: 78px minmax(180px, 320px) minmax(0, 1fr) !important; padding: 12px 14px !important; } .wsb-theme #userCenter-body .transerMoney-form-submit { grid-column: 3 !important; align-self: center !important; justify-content: stretch !important; } .wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: 100% !important; min-height: 52px !important; } @media (max-width: 1280px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { grid-template-columns: 1fr !important; max-width: 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { justify-content: start !important; } } @media (max-width: 960px) { .wsb-theme #userCenter-body .transerMoney-form { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .transerMoney-form-icon, .wsb-theme #userCenter-body .transerMoney-form-money, .wsb-theme #userCenter-body .transerMoney-form-submit { grid-column: 1 !important; } .wsb-theme #userCenter-body .transerMoney-form-icon { margin: 0 !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav { padding: 12px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox label, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .lab { text-align: left !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"] { width: 100% !important; } } /* V3 fix112: keep records and transfer pages familiar, compact, and readable. */ .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { display: grid !important; grid-template-columns: minmax(260px, 420px) minmax(520px, 1fr) !important; align-items: center !important; gap: 14px 18px !important; width: 100% !important; max-width: none !important; min-height: 0 !important; overflow: visible !important; padding: 14px 16px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox > select { width: 100% !important; max-width: 420px !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: grid !important; grid-template-columns: minmax(210px, auto) minmax(210px, auto) 92px !important; justify-content: end !important; align-items: center !important; gap: 10px 12px !important; min-width: 0 !important; width: 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { display: grid !important; grid-template-columns: auto 154px !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; width: auto !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { display: flex !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox label { display: inline-block !important; min-width: 56px !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"] { width: 154px !important; min-width: 154px !important; max-width: 154px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub input, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="button"] { min-width: 86px !important; height: 42px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-item { overflow-x: auto !important; } .wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 { min-width: 780px !important; } .wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 th, .wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 td { padding: 13px 14px !important; } .wsb-theme #userCenter-body .transferform { max-width: 1080px !important; margin: 0 auto !important; padding: 16px !important; border-radius: 14px !important; } .wsb-theme #userCenter-body .transerMoney-form { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .TransactionFrom, .wsb-theme #userCenter-body .TransactionTo { position: relative !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important; gap: 10px !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 44px 14px 14px !important; border-radius: 12px !important; } .wsb-theme #userCenter-body .TransactionFrom a, .wsb-theme #userCenter-body .TransactionTo a { min-height: 38px !important; font-size: 13px !important; } .wsb-theme #userCenter-body .transerMoney-form-icon { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 30px !important; margin: 8px 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-icon img { width: 30px !important; height: 30px !important; margin: 0 !important; padding: 7px !important; } .wsb-theme #userCenter-body .transerMoney-form-money { display: grid !important; grid-template-columns: 76px minmax(220px, 360px) minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 12px 0 0 !important; padding: 14px !important; } .wsb-theme #userCenter-body .transerMoney-form-money .tit { text-align: right !important; } .wsb-theme #userCenter-body .transerMoney-form-money #Amount { width: 100% !important; min-height: 42px !important; } .wsb-theme #userCenter-body .transerMoney-form-submit { display: flex !important; justify-content: flex-start !important; width: 100% !important; margin: 12px 0 0 !important; padding: 0 0 0 90px !important; } .wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: 180px !important; min-height: 44px !important; } @media (max-width: 1280px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { justify-content: start !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { grid-template-columns: 72px minmax(0, 1fr) !important; width: 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox label { text-align: left !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"] { width: 100% !important; min-width: 0 !important; max-width: none !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub input { width: 100% !important; } .wsb-theme #userCenter-body .transerMoney-form-money { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .transerMoney-form-money .tit { text-align: left !important; } .wsb-theme #userCenter-body .transerMoney-form-submit { padding: 0 !important; } .wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: 100% !important; } } /* V3 fix115: final EOF member-center narrow viewport guard. */ .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .right { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; gap: 10px 12px !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { display: grid !important; grid-template-columns: auto 154px !important; gap: 8px !important; flex: 0 1 238px !important; min-width: 0 !important; } .wsb-theme #userCenter-body .withdrawlsform table { display: block !important; width: min(760px, 100%) !important; margin: 0 auto 22px !important; padding: 22px !important; background: #fff !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 16px !important; } .wsb-theme #userCenter-body .withdrawlsform tbody, .wsb-theme #userCenter-body .withdrawlsform tr, .wsb-theme #userCenter-body .withdrawlsform th, .wsb-theme #userCenter-body .withdrawlsform td { background: transparent !important; } .wsb-theme #userCenter-body .withdrawlsform tbody { display: block !important; width: 100% !important; } .wsb-theme #userCenter-body .withdrawlsform tr { display: grid !important; grid-template-columns: 120px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 14px !important; margin: 0 0 14px !important; } .wsb-theme #userCenter-body .withdrawlsform th, .wsb-theme #userCenter-body .withdrawlsform td { display: block !important; width: auto !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; } .wsb-theme #userCenter-body .withdrawlsform th { text-align: right !important; color: #5f6670 !important; font-weight: 900 !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .withdrawlsform .cominp, .wsb-theme #userCenter-body .withdrawlsform .comselect, .wsb-theme #userCenter-body .withdrawlsform input[type="text"], .wsb-theme #userCenter-body .withdrawlsform input[type="password"], .wsb-theme #userCenter-body .withdrawlsform input[type="number"], .wsb-theme #userCenter-body .withdrawlsform select { float: none !important; width: min(520px, 100%) !important; max-width: 100% !important; margin: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist, .wsb-theme #userCenter-body .userCenter-message-content, .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-withdrawal-item { max-width: 100% !important; overflow-x: auto !important; } @media (max-width: 1280px) { .wsb-theme #userCenter-body .container { width: 100% !important; max-width: none !important; padding-right: 12px !important; padding-left: 12px !important; } .wsb-theme #userCenter-body .userCenter-box > .row { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right { grid-column: 1 !important; width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; float: none !important; } .wsb-theme #userCenter-body .userCenter-nav { position: static !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 14px !important; } .wsb-theme #userCenter-body .userCenter-nav ul { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)) !important; gap: 10px !important; } .wsb-theme #userCenter-body #fu-content.userCenter-content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: visible !important; } } @media (max-width: 980px) { .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub { flex: 1 1 100% !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .start, .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .end { grid-template-columns: 82px minmax(0, 1fr) !important; } .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="date"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox input[type="text"], .wsb-theme #userCenter-body .userCenter-cashBack-nav .formBox .sub input { width: 100% !important; min-width: 0 !important; max-width: none !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .userCenter-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wsb-theme #userCenter-body .withdrawlsform tr { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .withdrawlsform th { text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .withdrawlsform .cominp, .wsb-theme #userCenter-body .withdrawlsform .comselect, .wsb-theme #userCenter-body .withdrawlsform input[type="text"], .wsb-theme #userCenter-body .withdrawlsform input[type="password"], .wsb-theme #userCenter-body .withdrawlsform input[type="number"], .wsb-theme #userCenter-body .withdrawlsform select, .wsb-theme #userCenter-body .withdrawlsform input[type="button"], .wsb-theme #userCenter-body .withdrawlsform input[type="submit"] { width: 100% !important; } } /* V3 fix116 EOF guard: wallet/member-center narrow layout must win over legacy rules. */ .wsb-theme #userCenter-body .userCenter-bankSavings-nav { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0 0 14px !important; padding: 14px !important; border: 1px solid rgba(20, 20, 22, .08) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 12px 28px rgba(18, 18, 20, .06) !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 42px !important; margin: 0 !important; padding: 0 12px !important; overflow: hidden !important; border: 1px solid #eadfcd !important; border-radius: 10px !important; background: #fffaf3 !important; color: #626b76 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a.on, .wsb-theme #userCenter-body .userCenter-bankSavings-nav a:hover { border-color: transparent !important; background: linear-gradient(135deg, var(--wsb-red), var(--wsb-red-dark)) !important; color: #fff !important; box-shadow: 0 12px 22px rgba(181, 31, 42, .14) !important; } .wsb-theme #userCenter-body .paytablist, .wsb-theme #userCenter-body .paytablist .tablist, .wsb-theme #userCenter-body .paytablist .tablist > form, .wsb-theme #userCenter-body .paytablist .tablist .registerform { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; overflow: visible !important; } .wsb-theme #userCenter-body .paytablist .tablist table, .wsb-theme #userCenter-body .paytablist .tablist table tbody { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr { display: grid !important; grid-template-columns: 136px minmax(0, 1fr) !important; align-items: start !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .paytablist .tablist table th, .wsb-theme #userCenter-body .paytablist .tablist table td { display: block !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--wsb-ink) !important; text-shadow: none !important; } .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 10px !important; color: #626b76 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .paytablist .tablist table td { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; font-size: 14px !important; line-height: 1.65 !important; } .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select { float: none !important; width: 100% !important; max-width: 520px !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose, .wsb-theme #userCenter-body .paytablist .paymenty-choose3, .wsb-theme #userCenter-body .paytablist .tablist table td .paymenty-choose { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose select { flex: 1 1 220px !important; max-width: 520px !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose span, .wsb-theme #userCenter-body .paytablist .paymenty-choose a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; margin: 0 !important; white-space: normal !important; line-height: 1.5 !important; } .wsb-theme #userCenter-body .paytablist .tablist .formbtn td, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn td { display: flex !important; flex-flow: row wrap !important; align-items: center !important; gap: 10px !important; } @media (max-width: 1180px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)) !important; } .wsb-theme #userCenter-body .paytablist { padding: 16px !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 10px !important; gap: 8px !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t { min-height: 40px !important; padding: 0 8px !important; font-size: 14px !important; } .wsb-theme #userCenter-body .paytablist .input-item, .wsb-theme #userCenter-body .paytablist .tablist table tr { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 0 !important; text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select { max-width: none !important; } } @media (max-width: 420px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: 1fr !important; } } /* V3 fix118 EOF: wallet deposit methods must remain readable after PC/H5 compression. */ .wsb-theme #userCenter-body, .wsb-theme #userCenter-body * { box-sizing: border-box !important; } .wsb-theme #userCenter-body .container, .wsb-theme #userCenter-body .userCenter-box, .wsb-theme #userCenter-body .row, .wsb-theme #userCenter-body .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content, .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .paytablist { max-width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important; gap: 10px !important; width: 100% !important; padding: 14px !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t { width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .paytablist { width: 100% !important; padding: 18px !important; border-radius: 16px !important; background: #fff !important; overflow: visible !important; } .wsb-theme #userCenter-body .paytablist .tablist, .wsb-theme #userCenter-body .paytablist .tablist > form, .wsb-theme #userCenter-body .paytablist .tablist .registerform { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: visible !important; } .wsb-theme #userCenter-body .paytablist .input-item { display: grid !important; grid-template-columns: 136px minmax(0, 520px) !important; align-items: start !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; clear: both !important; } .wsb-theme #userCenter-body .paytablist .input-title { width: auto !important; min-width: 0 !important; padding-top: 10px !important; text-align: right !important; white-space: normal !important; } .wsb-theme #userCenter-body .paytablist .input-box { width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist table, .wsb-theme #userCenter-body .paytablist .tablist table tbody { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr { display: grid !important; grid-template-columns: 136px minmax(0, 1fr) !important; align-items: start !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; border: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .paytablist .tablist table th, .wsb-theme #userCenter-body .paytablist .tablist table td { display: block !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--wsb-ink) !important; text-shadow: none !important; } .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 10px !important; color: #626b76 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .paytablist .tablist table td { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; font-size: 14px !important; line-height: 1.65 !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select { float: none !important; display: block !important; width: 100% !important; max-width: 520px !important; min-width: 0 !important; margin: 0 !important; color: var(--wsb-ink) !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose, .wsb-theme #userCenter-body .paytablist .paymenty-choose3, .wsb-theme #userCenter-body .paytablist .tablist table td .paymenty-choose { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose select { flex: 1 1 220px !important; max-width: 520px !important; } .wsb-theme #userCenter-body .paytablist .paymenty-choose span, .wsb-theme #userCenter-body .paytablist .paymenty-choose a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; margin: 0 !important; white-space: normal !important; line-height: 1.5 !important; } .wsb-theme #userCenter-body .paytablist .tablist table td .Validform_checktip { display: block !important; width: auto !important; min-width: 0 !important; margin: 4px 0 0 !important; color: #a11f2d !important; } .wsb-theme #userCenter-body .paytablist .tablist table td[style*="color"], .wsb-theme #userCenter-body .paytablist .tablist table .pay3Msg td, .wsb-theme #userCenter-body .paytablist .notice { color: #8f5a00 !important; font-weight: 800 !important; line-height: 1.65 !important; } .wsb-theme #userCenter-body .paytablist .tablist .formbtn td, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn td { display: flex !important; flex-flow: row wrap !important; align-items: center !important; gap: 10px !important; } .wsb-theme #userCenter-body .paytablist .tablist .formbtn .combtn, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn .combtn, .wsb-theme #userCenter-body .paytablist input[type="button"], .wsb-theme #userCenter-body .paytablist input[type="submit"] { width: auto !important; min-width: 138px !important; max-width: 100% !important; } @media (max-width: 900px) { .wsb-theme #userCenter-body .userCenter-box > .row { display: block !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .promottons-leftbg { display: none !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content { float: none !important; width: 100% !important; max-width: 100% !important; } } @media (max-width: 640px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 10px !important; } .wsb-theme #userCenter-body .paytablist { padding: 12px !important; } .wsb-theme #userCenter-body .paytablist .input-item, .wsb-theme #userCenter-body .paytablist .tablist table tr { grid-template-columns: 1fr !important; gap: 6px !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .paytablist .tablist table th { padding-top: 0 !important; text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input[type="text"], .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .paytablist .tablist table .cominp, .wsb-theme #userCenter-body .paytablist .tablist table .comselect, .wsb-theme #userCenter-body .paytablist .tablist table input[type="text"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="password"], .wsb-theme #userCenter-body .paytablist .tablist table input[type="number"], .wsb-theme #userCenter-body .paytablist .tablist table select, .wsb-theme #userCenter-body .paytablist .tablist .formbtn .combtn, .wsb-theme #userCenter-body .paytablist .tablist table tr.formbtn .combtn { max-width: none !important; width: 100% !important; } } @media (max-width: 390px) { .wsb-theme #userCenter-body .userCenter-bankSavings-nav { grid-template-columns: 1fr !important; } } /* V3 fix120 EOF: final payment note rows override legacy table/flex rules. */ .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg { display: grid !important; grid-template-columns: 136px minmax(0, 1fr) !important; align-items: start !important; width: 100% !important; margin: 0 0 12px !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg th { min-height: 1px !important; padding: 0 !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td[style*="color"] { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 8px 0 !important; color: #8a5a05 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.8 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td span, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td font, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td a { display: inline !important; width: auto !important; min-width: 0 !important; margin: 0 !important; white-space: normal !important; } @media (max-width: 640px) { .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg th { display: none !important; } .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td, .wsb-theme #userCenter-body .paytablist .tablist table tr.pay3Msg td[style*="color"] { padding: 10px 0 !important; font-size: 13px !important; line-height: 1.75 !important; } } /* V3 fix124 EOF: final member center copy and compressed layout overrides. */ @media (max-width: 760px) { .wsb-theme .wsb-accountbar { overflow: hidden !important; } .wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: clamp(112px, 27vw, 164px) minmax(0, 1fr) !important; align-items: center !important; gap: 8px 10px !important; width: calc(100% - 18px) !important; min-height: 120px !important; padding: 10px 58px 12px 0 !important; } .wsb-theme .wsb-brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .wsb-theme .wsb-brand img { display: block !important; width: clamp(106px, 25vw, 152px) !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-rows: 34px !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; background-image: none !important; } .wsb-theme .wsb-userbar > span:first-child, .wsb-theme .wsb-userbar #membergrade, .wsb-theme .wsb-userbar .info-2 { display: none !important; } .wsb-theme .wsb-userbar .nick { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; height: 34px !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; padding: 0 !important; color: var(--wsb-gold-light) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 34px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 34px !important; min-height: 0 !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; text-align: center !important; white-space: nowrap !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 2 !important; grid-row: 1 !important; font-size: 0 !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"]::after { content: "账户"; font-size: 13px; line-height: 34px; } .wsb-theme .wsb-userbar .link-cz { grid-column: 3 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 3 !important; grid-row: 2 !important; font-size: 0 !important; } .wsb-theme .wsb-userbar #logout_submit::after { content: "退出"; font-size: 13px; line-height: 34px; } } @media (max-width: 430px) { .wsb-theme .wsb-accountbar-inner { grid-template-columns: 100px minmax(0, 1fr) !important; padding-right: 50px !important; } .wsb-theme .wsb-brand img { width: 98px !important; } .wsb-theme .header-logined.wsb-userbar, .wsb-theme .wsb-userbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 32px !important; gap: 7px !important; } .wsb-theme .wsb-userbar .nick, .wsb-theme .wsb-userbar a { height: 32px !important; font-size: 12px !important; line-height: 32px !important; } .wsb-theme .wsb-userbar a[href="/center/user/index.html"] { grid-column: 2 !important; grid-row: 1 !important; } .wsb-theme .wsb-userbar .link-cz { grid-column: 1 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-ck { grid-column: 2 !important; grid-row: 2 !important; } .wsb-theme .wsb-userbar .link-zz { grid-column: 1 !important; grid-row: 3 !important; } .wsb-theme .wsb-userbar #logout_submit { grid-column: 2 !important; grid-row: 3 !important; } } @media (max-width: 900px) { .wsb-theme #userCenter-body .userCenter-box > .row { display: block !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-left, .wsb-theme #userCenter-body .userCenter-box-left { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-box > .row > .userCenter-box-right, .wsb-theme #userCenter-body .userCenter-content { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav { display: block !important; width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 12px !important; border: 1px solid rgba(214, 198, 172, .72) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .94) !important; box-shadow: 0 12px 28px rgba(53, 39, 23, .08) !important; } .wsb-theme #userCenter-body .userCenter-nav-hd { display: none !important; } .wsb-theme #userCenter-body .userCenter-nav ul { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } .wsb-theme #userCenter-body .userCenter-nav li, .wsb-theme #userCenter-body .userCenter-nav li.n6, .wsb-theme #userCenter-body .userCenter-nav li.n7, .wsb-theme #userCenter-body .userCenter-nav li.n8, .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { position: relative !important; display: block !important; width: auto !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(218, 207, 190, .9) !important; border-radius: 10px !important; background: #fffdf8 !important; box-shadow: none !important; } .wsb-theme #userCenter-body .userCenter-nav li:before, .wsb-theme #userCenter-body .userCenter-nav li:after { display: none !important; } .wsb-theme #userCenter-body .userCenter-nav li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-height: 42px !important; padding: 8px 6px !important; color: #606975 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important; text-align: center !important; text-indent: 0 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .userCenter-nav li.on, .wsb-theme #userCenter-body .userCenter-nav li:hover { border-color: rgba(190, 31, 48, .72) !important; background: linear-gradient(180deg, #c92b39 0%, #9d1825 100%) !important; } .wsb-theme #userCenter-body .userCenter-nav li.on a, .wsb-theme #userCenter-body .userCenter-nav li a:hover { color: #fff !important; } } @media (max-width: 520px) { .wsb-theme #userCenter-body .userCenter-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .wsb-theme #userCenter-body .paytablist .tablist form > .userCenter-comnav2 + .input-item, .wsb-theme #userCenter-body .paytablist .tablist form > .userCenter-comnav2 + .input-item + .input-item { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 8px 0 !important; color: #5f5750 !important; background: transparent !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.8 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .paytablist .backSaving-tips-con, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con p, .wsb-theme #userCenter-body .paytablist .backSaving-tips-con li { display: block !important; width: 100% !important; max-width: none !important; color: #5f5750 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.8 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* V3 fix123 EOF: final pagination sizing and promotion sidebar contrast. */ .wsb-theme #userCenter-body .u_page, .wsb-theme #userCenter-body .fy { float: none !important; clear: both !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px 10px !important; width: 100% !important; max-width: 100% !important; margin: 16px auto 0 !important; padding: 12px 14px !important; border-top: 1px solid rgba(221, 210, 196, .8) !important; color: #66707c !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.45 !important; white-space: normal !important; box-sizing: border-box !important; } .wsb-theme #userCenter-body .u_page.fr, .wsb-theme #userCenter-body .fy.fr { float: none !important; } .wsb-theme #userCenter-body .u_page select, .wsb-theme #userCenter-body .fy select { flex: 0 0 auto !important; display: inline-block !important; width: auto !important; min-width: 74px !important; max-width: 110px !important; height: 36px !important; min-height: 36px !important; margin: 0 6px !important; padding: 0 30px 0 12px !important; border: 1px solid rgba(214, 198, 172, .9) !important; border-radius: 9px !important; color: var(--wsb-ink) !important; background-color: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 36px !important; text-align: left !important; box-shadow: none !important; box-sizing: border-box !important; } .wsb-theme .wsb-promo-page .promottons-nav li.on, .wsb-theme .wsb-promo-page .promottons-nav li:hover { border-color: rgba(190, 35, 48, .32) !important; background: #fff3f2 !important; box-shadow: inset 4px 0 0 var(--wsb-red) !important; } .wsb-theme .wsb-promo-page .promottons-nav li.on a, .wsb-theme .wsb-promo-page .promottons-nav a:hover { color: var(--wsb-red-dark) !important; background: transparent !important; } /* V3 fix134: unified account tables and payment forms. */ .wsb-theme #userCenter-body, .wsb-theme #userCenter-body .userCenter-content, .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-message-content { color: #171b21 !important; } .wsb-theme #userCenter-body .userCenter-content, .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .userCenter-cashBack-item, .wsb-theme #userCenter-body .userCenter-message-content { border-color: rgba(221, 210, 196, .82) !important; background: #fffdfa !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; padding: 14px !important; border: 1px solid rgba(216, 202, 178, .75) !important; border-radius: 14px !important; background: #fbf8f1 !important; box-sizing: border-box !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 auto !important; min-width: 112px !important; min-height: 40px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid #e2d7c8 !important; border-radius: 12px !important; background: #fffdf9 !important; box-shadow: none !important; color: #5f6873 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-bankSavings-nav a.on, .wsb-theme #userCenter-body .userCenter-bankSavings-nav a:hover, .wsb-theme #userCenter-body .userCenter-bankSavings-nav .apply_t.on { border-color: transparent !important; background: linear-gradient(135deg, #c62a37, #9f1f2b) !important; box-shadow: 0 10px 20px rgba(178, 35, 47, .14) !important; color: #fff !important; } .wsb-theme #userCenter-body .paytablist .input-item, .wsb-theme #userCenter-body .formBox .input-item { display: grid !important; grid-template-columns: 140px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 900px !important; margin: 0 auto 14px !important; padding: 0 !important; box-sizing: border-box !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .formBox .input-title { color: #626b76 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: right !important; white-space: normal !important; } .wsb-theme #userCenter-body .paytablist .input-box, .wsb-theme #userCenter-body .paytablist .input-box .cominp, .wsb-theme #userCenter-body .paytablist .input-box .comselect, .wsb-theme #userCenter-body .paytablist .input-box input, .wsb-theme #userCenter-body .paytablist .input-box select, .wsb-theme #userCenter-body .formBox .input-box, .wsb-theme #userCenter-body .formBox .input-box input, .wsb-theme #userCenter-body .formBox .input-box select, .wsb-theme #userCenter-body .formBox .input-box textarea { width: 100% !important; max-width: 100% !important; min-height: 42px !important; box-sizing: border-box !important; } .wsb-theme #userCenter-body table.table4, .wsb-theme #userCenter-body .userCenter-content table, .wsb-theme #userCenter-body .tablist table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; border: 1px solid #e3d7c6 !important; border-radius: 14px !important; background: #fff !important; } .wsb-theme #userCenter-body table.table4 th, .wsb-theme #userCenter-body .userCenter-content table th, .wsb-theme #userCenter-body .tablist table th { padding: 13px 14px !important; border: 0 !important; border-right: 1px solid rgba(255, 255, 255, .12) !important; background: linear-gradient(135deg, #c72a37, #9f1f2b) !important; color: #fff !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; white-space: nowrap !important; } .wsb-theme #userCenter-body table.table4 td, .wsb-theme #userCenter-body .userCenter-content table td, .wsb-theme #userCenter-body .tablist table td { padding: 12px 14px !important; border: 0 !important; border-bottom: 1px solid #efe6da !important; color: #272c33 !important; font-size: 14px !important; line-height: 1.55 !important; text-align: center !important; vertical-align: middle !important; word-break: break-word !important; } .wsb-theme #userCenter-body table.table4 tr:nth-child(even) td, .wsb-theme #userCenter-body .userCenter-content table tr:nth-child(even) td, .wsb-theme #userCenter-body .tablist table tr:nth-child(even) td { background: #fbf7ef !important; } .wsb-theme #userCenter-body .u_page, .wsb-theme #userCenter-body .fy, .wsb-theme #userCenter-body .pagination { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; margin: 18px auto !important; color: #5f6873 !important; font-size: 14px !important; line-height: 1.5 !important; } .wsb-theme #userCenter-body .u_page select, .wsb-theme #userCenter-body .fy select, .wsb-theme #userCenter-body .pagination select { width: auto !important; min-width: 88px !important; max-width: 180px !important; height: 34px !important; min-height: 34px !important; padding: 0 28px 0 10px !important; border: 1px solid #d9cdbb !important; border-radius: 9px !important; background-color: #fffdf9 !important; color: #171b21 !important; } @media (max-width: 900px) { .wsb-theme #userCenter-body .paytablist .input-item, .wsb-theme #userCenter-body .formBox .input-item { grid-template-columns: 1fr !important; max-width: 100% !important; } .wsb-theme #userCenter-body .paytablist .input-title, .wsb-theme #userCenter-body .formBox .input-title { text-align: left !important; } .wsb-theme #userCenter-body .userCenter-content table, .wsb-theme #userCenter-body .tablist table, .wsb-theme #userCenter-body table.table4 { min-width: 680px !important; } .wsb-theme #userCenter-body .userCenter-account-bd, .wsb-theme #userCenter-body .tablist, .wsb-theme #userCenter-body .userCenter-content { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } } /* End V3 fix134: unified account tables and payment forms. */ /* V3 fix135: classic logo proportions */ .wsb-theme .wsb-brand, .wsb-theme .header-logo2, .wsb-theme #logo, .wsb-theme .logo { overflow: visible !important; } .wsb-theme .wsb-brand img, .wsb-theme .header-logo2 img, .wsb-theme #logo img, .wsb-theme .logo img { width: auto !important; height: auto !important; max-width: 260px !important; max-height: 72px !important; object-fit: contain !important; image-rendering: auto !important; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .36)); } @media screen and (max-width: 760px) { .wsb-theme .wsb-brand img, .wsb-theme .header-logo2 img, .wsb-theme #logo img, .wsb-theme .logo img { max-width: 210px !important; max-height: 58px !important; } } @media screen and (max-width: 420px) { .wsb-theme .wsb-brand img, .wsb-theme .header-logo2 img, .wsb-theme #logo img, .wsb-theme .logo img { max-width: 168px !important; max-height: 52px !important; } } /* End V3 fix135: classic logo proportions */ /* V3 fix137: stabilize PC top info bar while the Beijing time is loading. */ .wsb-theme #header-top-wrap.wsb-topbar, .wsb-theme .wsb-topbar { height: 30px !important; min-height: 30px !important; padding: 0 !important; overflow: hidden !important; } .wsb-theme .wsb-topbar-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; height: 30px !important; min-height: 30px !important; line-height: 30px !important; white-space: nowrap !important; overflow: hidden !important; } .wsb-theme .wsb-contact, .wsb-theme .wsb-toplinks { display: flex !important; align-items: center !important; gap: 24px !important; height: 30px !important; min-width: 0 !important; line-height: 30px !important; white-space: nowrap !important; overflow: hidden !important; } .wsb-theme .wsb-contact { flex: 0 1 560px !important; } .wsb-theme .wsb-toplinks { flex: 0 0 auto !important; justify-content: flex-end !important; } .wsb-theme .wsb-topbar span, .wsb-theme .wsb-topbar a, .wsb-theme .wsb-topbar strong { display: inline-flex !important; align-items: center !important; height: 30px !important; line-height: 30px !important; } .wsb-theme #jclock { display: inline-block !important; width: 176px !important; min-width: 176px !important; height: 30px !important; text-align: left !important; font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif !important; font-variant-numeric: tabular-nums !important; line-height: 30px !important; } @media (max-width: 1180px) { .wsb-theme .wsb-topbar-inner, .wsb-theme .wsb-contact, .wsb-theme .wsb-toplinks { gap: 16px !important; } .wsb-theme .wsb-contact { flex-basis: 450px !important; } } /* End V3 fix137: stabilize PC top info bar while the Beijing time is loading. */ /* V3 fix138: make PC account settings friendly when the viewport is narrowed. */ .wsb-theme #userCenter-body .userCenter-account-form, .wsb-theme #userCenter-body .userCenter-account-form-item, .wsb-theme #userCenter-body .userCenter-account-form form { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-account-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; padding: 8px !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-account-nav a { flex: 1 1 148px !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-account-form table, .wsb-theme #userCenter-body .userCenter-account-form table tbody { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; overflow: visible !important; } .wsb-theme #userCenter-body .userCenter-account-form table tr, .wsb-theme #userCenter-body .userCenter-account-form table tr[style] { display: grid !important; grid-template-columns: minmax(92px, 132px) minmax(0, 1fr) !important; align-items: start !important; gap: 8px 14px !important; width: 100% !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .wsb-theme #userCenter-body .userCenter-account-form table th, .wsb-theme #userCenter-body .userCenter-account-form table td { display: block !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--wsb-ink) !important; font-size: 14px !important; line-height: 1.55 !important; text-align: left !important; vertical-align: top !important; word-break: normal !important; overflow-wrap: anywhere !important; } .wsb-theme #userCenter-body .userCenter-account-form table th { padding-top: 10px !important; color: #626b76 !important; font-weight: 900 !important; text-align: right !important; white-space: nowrap !important; } .wsb-theme #userCenter-body .userCenter-account-form table td { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; } .wsb-theme #userCenter-body .userCenter-account-form table td.alert-msg { grid-column: 2 !important; display: block !important; padding: 2px 0 4px !important; color: #9f1f2b !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.65 !important; } .wsb-theme #userCenter-body .userCenter-account-form .cominp, .wsb-theme #userCenter-body .userCenter-account-form .comselect, .wsb-theme #userCenter-body .userCenter-account-form input[type="text"], .wsb-theme #userCenter-body .userCenter-account-form input[type="password"], .wsb-theme #userCenter-body .userCenter-account-form select { float: none !important; flex: 1 1 280px !important; width: 100% !important; max-width: 460px !important; min-width: 0 !important; height: 40px !important; margin: 0 !important; } .wsb-theme #userCenter-body .userCenter-account-form input[type="checkbox"] { flex: 0 0 auto !important; margin: 0 4px 0 0 !important; } .wsb-theme #userCenter-body .userCenter-account-form label, .wsb-theme #userCenter-body .userCenter-account-form td a, .wsb-theme #userCenter-body .userCenter-account-form td font { max-width: 100% !important; white-space: normal !important; line-height: 1.55 !important; } .wsb-theme #userCenter-body .userCenter-account-form .combtn, .wsb-theme #userCenter-body .userCenter-account-form input[type="button"] { width: auto !important; min-width: 132px !important; max-width: 100% !important; } .wsb-theme #userCenter-body .small_btn_open { max-width: calc(100vw - 32px) !important; } .wsb-theme #userCenter-body .small_btn_open table { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .small_btn_open .cominp, .wsb-theme #userCenter-body .small_btn_open .comselect { width: 100% !important; max-width: 100% !important; } @media (max-width: 980px) { .wsb-theme #userCenter-body .userCenter-banner { padding: 14px !important; } .wsb-theme #userCenter-body .userCenter-banner .row { display: grid !important; grid-template-columns: 68px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; } .wsb-theme #userCenter-body .userCenter-banner [class*="col-"] { float: none !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } .wsb-theme #userCenter-body .userCenter-banner .info-1, .wsb-theme #userCenter-body .userCenter-banner .info-2 { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px 12px !important; width: 100% !important; min-width: 0 !important; } .wsb-theme #userCenter-body .userCenter-banner .refresh-alert { flex: 1 0 100% !important; margin-top: 2px !important; } .wsb-theme #userCenter-body .userCenter-gameInfo ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { .wsb-theme #userCenter-body .userCenter-account-nav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .wsb-theme #userCenter-body .userCenter-account-nav a { flex-basis: auto !important; padding-right: 8px !important; padding-left: 8px !important; } .wsb-theme #userCenter-body .userCenter-account-form table tr, .wsb-theme #userCenter-body .userCenter-account-form table tr[style] { grid-template-columns: 1fr !important; gap: 5px !important; margin-bottom: 14px !important; } .wsb-theme #userCenter-body .userCenter-account-form table th { padding-top: 0 !important; text-align: left !important; white-space: normal !important; } .wsb-theme #userCenter-body .userCenter-account-form table td:empty { display: none !important; } .wsb-theme #userCenter-body .userCenter-account-form table td.alert-msg { grid-column: 1 !important; } .wsb-theme #userCenter-body .userCenter-account-form .cominp, .wsb-theme #userCenter-body .userCenter-account-form .comselect, .wsb-theme #userCenter-body .userCenter-account-form input[type="text"], .wsb-theme #userCenter-body .userCenter-account-form input[type="password"], .wsb-theme #userCenter-body .userCenter-account-form select, .wsb-theme #userCenter-body .userCenter-account-form .combtn, .wsb-theme #userCenter-body .userCenter-account-form input[type="button"] { flex-basis: 100% !important; max-width: none !important; width: 100% !important; } } @media (max-width: 520px) { .wsb-theme #userCenter-body .userCenter-account-nav { grid-template-columns: 1fr !important; } .wsb-theme #userCenter-body .userCenter-banner .row { grid-template-columns: 1fr !important; text-align: left !important; } .wsb-theme #userCenter-body .userCenter-gameInfo ul { grid-template-columns: 1fr !important; } } /* End V3 fix138: make PC account settings friendly when the viewport is narrowed. */ /* V3 fix139: account profile rows are forms, not report tables. */ html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tbody { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; border: 0 !important; border-radius: 0 !important; border-spacing: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tr, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tr[style] { display: grid !important; grid-template-columns: 128px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 16px !important; width: 100% !important; min-width: 0 !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; background-image: none !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table th, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tr:nth-child(even) th, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tr:nth-child(even) td { display: block !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important; vertical-align: middle !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table th { color: #626b76 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 40px !important; text-align: right !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; color: #171b21 !important; font-size: 14px !important; line-height: 1.55 !important; text-align: left !important; overflow-wrap: anywhere !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td.alert-msg { grid-column: 2 !important; display: block !important; padding: 0 0 4px !important; color: #9f1f2b !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.6 !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:empty { display: block !important; min-height: 1px !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form .cominp, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form .comselect, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form input[type="text"], html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form input[type="password"], html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form select { display: block !important; float: none !important; flex: 1 1 280px !important; width: 100% !important; max-width: 460px !important; min-width: 0 !important; height: 40px !important; margin: 0 !important; text-align: left !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form input[type="checkbox"] { flex: 0 0 auto !important; width: auto !important; height: auto !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form label { flex: 1 1 220px !important; max-width: 100% !important; color: #626b76 !important; line-height: 1.55 !important; white-space: normal !important; } @media (max-width: 900px) { html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form { overflow-x: visible !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tbody { min-width: 0 !important; } } @media (max-width: 760px) { html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tr, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table tr[style] { grid-template-columns: 1fr !important; gap: 5px !important; padding: 0 0 12px !important; border-bottom: 1px solid #efe6da !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table th { line-height: 1.45 !important; text-align: left !important; white-space: normal !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td.alert-msg { grid-column: 1 !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:empty { display: none !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form .cominp, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form .comselect, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form input[type="text"], html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form input[type="password"], html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form select, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form .combtn, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form input[type="button"] { flex-basis: 100% !important; max-width: none !important; width: 100% !important; } } /* End V3 fix139: account profile rows are forms, not report tables. */ /* V3 fix140: hide empty form labels before action buttons. */ html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty), html body.wsb-theme #userCenter-body .userCenter-account-form table tr:has(> th:empty) { grid-template-columns: 1fr !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr > th:empty, html body.wsb-theme #userCenter-body .userCenter-account-form table tr > th:empty { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) > td, html body.wsb-theme #userCenter-body .userCenter-account-form table tr:has(> th:empty) > td { grid-column: 1 / -1 !important; display: flex !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) input[type="button"], html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) input[type="submit"] { min-width: min(100%, 360px) !important; } /* End V3 fix140: hide empty form labels before action buttons. */ /* V3 fix144: keep PC e-wallet binding actions aligned with their inputs. */ html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay), html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) { display: grid !important; grid-template-columns: minmax(300px, 460px) auto auto !important; align-items: center !important; justify-content: start !important; column-gap: 10px !important; row-gap: 8px !important; width: 100% !important; max-width: 100% !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay) .cominp, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) .cominp, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay) input[type="text"], html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) input[type="text"] { grid-column: 1 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay) > a, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; padding: 0 14px !important; border: 1px solid rgba(181, 31, 42, .18) !important; border-radius: 999px !important; background: #fff5f2 !important; color: #9f1f2b !important; font-size: 13px !important; font-weight: 900 !important; line-height: 36px !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay) > a:hover, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) > a:hover { border-color: rgba(181, 31, 42, .32) !important; background: #b51f2a !important; color: #fff !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay) font, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) font { color: inherit !important; font-weight: inherit !important; } @media (max-width: 1180px) { html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay), html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) { grid-template-columns: minmax(0, 1fr) auto !important; } } @media (max-width: 760px) { html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay), html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) { grid-template-columns: 1fr !important; } html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #gbpay) > a, html body.wsb-theme #userCenter-body .userCenter-content .userCenter-account-form table td:has(> #cgpay) > a { width: 100% !important; } } /* End V3 fix144: keep PC e-wallet binding actions aligned with their inputs. */ /* V3 fix145: systemize PC header login controls and keep modal opening stable. */ html body.wsb-theme .wsb-accountbar { min-height: 74px !important; } html body.wsb-theme .wsb-accountbar-inner { min-height: 74px !important; align-items: center !important; } html body.wsb-theme .wsb-login-wrap { align-items: center !important; gap: 10px !important; min-width: 0 !important; } html body.wsb-theme .wsb-login-form { align-items: center !important; gap: 8px !important; min-width: 0 !important; } html body.wsb-theme .wsb-login-form .link-inp { flex: 0 0 150px !important; width: 150px !important; max-width: 150px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; } html body.wsb-theme .wsb-login-form .inp { box-sizing: border-box !important; width: 100% !important; height: 40px !important; min-height: 40px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 40px !important; letter-spacing: 0 !important; } html body.wsb-theme .wsb-login-form .inp::placeholder { font-size: 13px !important; color: rgba(111, 99, 84, .72) !important; } html body.wsb-theme .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: 84px 82px !important; align-items: center !important; gap: 8px !important; flex: 0 0 174px !important; width: 174px !important; min-width: 174px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; } html body.wsb-theme .wsb-login-form .ZhuCode .inp, html body.wsb-theme .wsb-login-form .ZhuCode .inp-code { width: 84px !important; min-width: 0 !important; max-width: 84px !important; height: 40px !important; min-height: 40px !important; padding: 0 8px !important; text-align: center !important; } html body.wsb-theme .wsb-login-form .code-img, html body.wsb-theme .wsb-login-form .code-img img, html body.wsb-theme .wsb-login-form .code-imgimg_vcode, html body.wsb-theme .wsb-login-form #img_vcode { width: 82px !important; min-width: 0 !important; max-width: 82px !important; height: 40px !important; min-height: 40px !important; border-radius: 9px !important; object-fit: contain !important; object-position: center center !important; } html body.wsb-theme .wsb-login-form .login-btn, html body.wsb-theme .wsb-login-wrap > .add-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 20px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 800 !important; line-height: 40px !important; letter-spacing: 0 !important; white-space: nowrap !important; } html body.wsb-theme .wsb-login-form .login-btn { min-width: 86px !important; } html body.wsb-theme .wsb-login-wrap > .add-account { min-width: 108px !important; } html body.wsb-theme .wsb-login-links { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-left: 2px !important; white-space: nowrap !important; } html body.wsb-theme .wsb-login-links a { font-size: 13px !important; font-weight: 700 !important; line-height: 40px !important; letter-spacing: 0 !important; } html.swal2-shown, body.swal2-shown, body.swal2-height-auto { height: auto !important; padding-right: 0 !important; overflow-y: auto !important; } @media (max-width: 1320px) { html body.wsb-theme .wsb-login-wrap, html body.wsb-theme .wsb-login-form { gap: 7px !important; } html body.wsb-theme .wsb-login-form .link-inp { flex-basis: 136px !important; width: 136px !important; max-width: 136px !important; } html body.wsb-theme .wsb-login-form .ZhuCode { grid-template-columns: 72px 76px !important; flex-basis: 156px !important; width: 156px !important; min-width: 156px !important; } html body.wsb-theme .wsb-login-form .ZhuCode .inp, html body.wsb-theme .wsb-login-form .ZhuCode .inp-code { width: 72px !important; max-width: 72px !important; } html body.wsb-theme .wsb-login-form .code-img, html body.wsb-theme .wsb-login-form .code-img img, html body.wsb-theme .wsb-login-form .code-imgimg_vcode, html body.wsb-theme .wsb-login-form #img_vcode { width: 76px !important; max-width: 76px !important; } html body.wsb-theme .wsb-login-form .login-btn, html body.wsb-theme .wsb-login-wrap > .add-account { padding-right: 16px !important; padding-left: 16px !important; } } /* End V3 fix145: systemize PC header login controls and modal stability. */ /* V3 fix146: lock header login rhythm against older responsive button rules. */ html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form { align-items: center !important; gap: 8px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .link-inp { flex: 0 0 150px !important; width: 150px !important; max-width: 150px !important; height: 40px !important; min-height: 40px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .inp { height: 40px !important; min-height: 40px !important; font-size: 14px !important; line-height: 40px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode { grid-template-columns: 84px 82px !important; flex: 0 0 174px !important; width: 174px !important; min-width: 174px !important; height: 40px !important; min-height: 40px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode .inp, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode .inp-code { width: 84px !important; max-width: 84px !important; height: 40px !important; min-height: 40px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .code-img, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .code-img img, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form #img_vcode { width: 82px !important; max-width: 82px !important; height: 40px !important; min-height: 40px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .login-btn, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { width: auto !important; height: 40px !important; min-height: 40px !important; padding: 0 18px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 800 !important; line-height: 40px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .login-btn { min-width: 86px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { min-width: 106px !important; max-width: none !important; } @media (max-width: 1320px) { html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .link-inp { flex-basis: 136px !important; width: 136px !important; max-width: 136px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode { grid-template-columns: 72px 76px !important; flex-basis: 156px !important; width: 156px !important; min-width: 156px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode .inp, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode .inp-code { width: 72px !important; max-width: 72px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .code-img, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .code-img img, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form #img_vcode { width: 76px !important; max-width: 76px !important; } } /* End V3 fix146: lock header login rhythm. */ /* V3 fix147: compact PC transfer account selector groups. */ html body.wsb-theme #userCenter-body .transferform { max-width: 1060px !important; padding: 14px !important; } html body.wsb-theme #userCenter-body .transerMoney-form { display: grid !important; grid-template-columns: 1fr !important; row-gap: 10px !important; width: 100% !important; } html body.wsb-theme #userCenter-body .TransactionFrom, html body.wsb-theme #userCenter-body .TransactionTo { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(112px, 136px)) !important; justify-content: start !important; align-content: start !important; gap: 8px !important; min-height: 0 !important; padding: 42px 14px 14px !important; border-radius: 12px !important; background: #fbf8f2 !important; } html body.wsb-theme #userCenter-body .TransactionFrom::before, html body.wsb-theme #userCenter-body .TransactionTo::before { top: 14px !important; left: 14px !important; font-size: 15px !important; line-height: 1.2 !important; } html body.wsb-theme #userCenter-body .TransactionFrom a, html body.wsb-theme #userCenter-body .TransactionTo a { width: 100% !important; min-width: 0 !important; min-height: 36px !important; padding: 0 12px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 800 !important; line-height: 36px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-icon { min-height: 24px !important; margin: 2px 0 !important; } html body.wsb-theme #userCenter-body .transerMoney-form-icon img { width: 28px !important; height: 28px !important; padding: 7px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-money { grid-template-columns: 72px minmax(220px, 340px) minmax(0, 1fr) !important; margin-top: 6px !important; padding: 12px 14px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-money .tit { font-size: 14px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-money #Amount { min-height: 40px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-submit { margin-top: 10px !important; padding-left: 86px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: 164px !important; min-height: 42px !important; font-size: 15px !important; } @media (max-width: 1180px) { html body.wsb-theme #userCenter-body .TransactionFrom, html body.wsb-theme #userCenter-body .TransactionTo { grid-template-columns: repeat(auto-fill, minmax(104px, 128px)) !important; } } @media (max-width: 760px) { html body.wsb-theme #userCenter-body .TransactionFrom, html body.wsb-theme #userCenter-body .TransactionTo { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body.wsb-theme #userCenter-body .transerMoney-form-money { grid-template-columns: 64px minmax(0, 1fr) auto !important; } html body.wsb-theme #userCenter-body .transerMoney-form-submit { padding-left: 0 !important; } } /* End V3 fix147: compact PC transfer account selector groups. */ /* V3 fix148: restore transfer page to stacked groups, compact only the buttons. */ html body.wsb-theme #userCenter-body .transferform { max-width: 1100px !important; margin: 0 auto !important; padding: 16px !important; } html body.wsb-theme #userCenter-body .transerMoney-form { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body.wsb-theme #userCenter-body .TransactionFrom, html body.wsb-theme #userCenter-body .TransactionTo { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; justify-content: stretch !important; align-content: start !important; gap: 8px 10px !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 42px 14px 14px !important; border-radius: 12px !important; } html body.wsb-theme #userCenter-body .TransactionFrom a, html body.wsb-theme #userCenter-body .TransactionTo a { width: 100% !important; min-width: 0 !important; min-height: 36px !important; padding: 0 10px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 36px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; } html body.wsb-theme #userCenter-body .transerMoney-form-money { display: grid !important; grid-template-columns: 76px minmax(240px, 420px) auto !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 6px 0 0 !important; padding: 12px 14px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-submit { display: flex !important; justify-content: flex-start !important; width: 100% !important; margin: 10px 0 0 !important; padding: 0 0 0 90px !important; } html body.wsb-theme #userCenter-body .transerMoney-form-submit #transfer { width: 180px !important; min-height: 42px !important; } @media (max-width: 1180px) { html body.wsb-theme #userCenter-body .TransactionFrom, html body.wsb-theme #userCenter-body .TransactionTo { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { html body.wsb-theme #userCenter-body .TransactionFrom, html body.wsb-theme #userCenter-body .TransactionTo { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body.wsb-theme #userCenter-body .transerMoney-form-money { grid-template-columns: 64px minmax(0, 1fr) auto !important; } html body.wsb-theme #userCenter-body .transerMoney-form-submit { padding-left: 0 !important; } } /* End V3 fix148: restore transfer page stacked groups. */ /* V3 fix149: prevent compressed PC account header from overlapping the logo. */ @media (min-width: 761px) and (max-width: 1100px) { html body.wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; align-items: center !important; column-gap: 14px !important; row-gap: 8px !important; width: min(100% - 32px, 1040px) !important; min-height: 112px !important; padding: 10px 78px 10px 0 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 260px !important; max-width: 260px !important; min-width: 0 !important; overflow: hidden !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { display: block !important; width: 224px !important; max-width: 224px !important; height: auto !important; object-fit: contain !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar { grid-column: 2 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar > span:first-child, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #membergrade, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .info-2 { display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { flex: 0 1 96px !important; max-width: 96px !important; min-height: 36px !important; padding: 0 4px !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 36px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 92px !important; min-height: 40px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 40px !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit { min-width: 88px !important; } } @media (min-width: 761px) and (max-width: 920px) { html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 220px minmax(0, 1fr) !important; width: min(100% - 28px, 900px) !important; padding-right: 70px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 220px !important; max-width: 220px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 196px !important; max-width: 196px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { min-width: 78px !important; padding: 0 12px !important; font-size: 14px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { flex-basis: 82px !important; max-width: 82px !important; font-size: 14px !important; } } /* End V3 fix149: compressed PC account header logo guard. */ /* V3 fix150: keep PC-narrow withdrawal form in a two-column form layout. */ @media (min-width: 761px) and (max-width: 1180px) { html body.wsb-theme #userCenter-body .userCenter-withdrawal-item { padding: 18px !important; overflow: visible !important; } html body.wsb-theme #userCenter-body .withdrawlsform table { display: block !important; width: min(760px, 100%) !important; max-width: 760px !important; margin: 0 auto 22px !important; padding: 22px !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 16px !important; background: #fff !important; } html body.wsb-theme #userCenter-body .withdrawlsform tbody { display: block !important; width: 100% !important; background: transparent !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr, html body.wsb-theme #userCenter-body .withdrawlsform tr[style] { display: grid !important; grid-template-columns: 132px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.wsb-theme #userCenter-body .withdrawlsform th, html body.wsb-theme #userCenter-body .withdrawlsform td { display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.wsb-theme #userCenter-body .withdrawlsform th { color: #606975 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 44px !important; text-align: right !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body .withdrawlsform td { padding: 0 !important; } html body.wsb-theme #userCenter-body .withdrawlsform .cominp, html body.wsb-theme #userCenter-body .withdrawlsform .comselect, html body.wsb-theme #userCenter-body .withdrawlsform input[type="text"], html body.wsb-theme #userCenter-body .withdrawlsform input[type="password"], html body.wsb-theme #userCenter-body .withdrawlsform input[type="number"], html body.wsb-theme #userCenter-body .withdrawlsform select { float: none !important; width: min(520px, 100%) !important; max-width: 100% !important; min-height: 44px !important; margin: 0 !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) { grid-template-columns: 132px minmax(0, 1fr) !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) > th { display: block !important; } html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) input[type="button"], html body.wsb-theme #userCenter-body .withdrawlsform tr:has(> th:empty) input[type="submit"] { width: 180px !important; min-width: 180px !important; min-height: 44px !important; } } /* End V3 fix150: PC-narrow withdrawal form two-column guard. */ /* V3 fix151: stronger withdrawal form guard for compressed desktop widths. */ @media (min-width: 520px) and (max-width: 1280px) { html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform table { display: block !important; width: min(760px, 100%) !important; max-width: 760px !important; margin: 0 auto 22px !important; padding: 20px !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 16px !important; background: #fff !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tbody { display: block !important; width: 100% !important; background: transparent !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr[style] { display: grid !important; grid-template-columns: 126px minmax(0, 1fr) !important; align-items: center !important; gap: 10px 14px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform td { display: block !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width { color: #606975 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 42px !important; text-align: right !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .cominp, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .comselect, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="text"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="password"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="number"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform select { float: none !important; width: min(520px, 100%) !important; max-width: 100% !important; min-height: 42px !important; margin: 0 !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr:has(> th:empty) { grid-template-columns: 126px minmax(0, 1fr) !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr:has(> th:empty) > th { display: block !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="button"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="submit"] { width: 180px !important; min-width: 180px !important; max-width: 100% !important; min-height: 42px !important; } } @media (max-width: 519px) { html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr[style] { grid-template-columns: 1fr !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width { text-align: left !important; } } /* End V3 fix151: stronger withdrawal form guard. */ /* V3 fix152: mobile withdrawal form labels must not render as red section bars. */ @media (max-width: 760px) { html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform table { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 18px !important; padding: 16px !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 14px !important; background: #fff !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tbody, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr[style], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform td { display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr[style] { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; margin-bottom: 14px !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width { color: #606975 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: left !important; white-space: normal !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .cominp, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .comselect, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="text"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="password"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="number"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform select, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="button"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="submit"] { float: none !important; width: 100% !important; max-width: 100% !important; min-height: 42px !important; margin: 0 !important; } } /* End V3 fix152: mobile withdrawal form label cleanup. */ /* V3 fix153: H5 logged-in header logo must keep its own space. */ @media (max-width: 760px) { html body.wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: 154px minmax(0, 1fr) 52px !important; align-items: center !important; column-gap: 8px !important; row-gap: 8px !important; width: 100% !important; min-height: 96px !important; padding: 8px 10px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 154px !important; max-width: 154px !important; min-width: 0 !important; overflow: hidden !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { display: block !important; width: 146px !important; max-width: 146px !important; height: auto !important; object-fit: contain !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; white-space: normal !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar > span:first-child, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #membergrade, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .info-2 { display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { flex: 0 1 78px !important; max-width: 78px !important; min-height: 30px !important; padding: 0 !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 30px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 72px !important; min-height: 34px !important; padding: 0 10px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"], html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit { min-width: 72px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { position: absolute !important; top: 9px !important; right: 10px !important; left: auto !important; z-index: 1040 !important; width: 48px !important; background: transparent !important; } html body.wsb-theme .wsb-nav-toggle { width: 48px !important; height: 48px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 132px minmax(0, 1fr) 48px !important; min-height: 104px !important; column-gap: 6px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 132px !important; max-width: 132px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 128px !important; max-width: 128px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { min-width: 64px !important; padding: 0 8px !important; font-size: 12px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { flex-basis: 70px !important; max-width: 70px !important; font-size: 13px !important; } } /* End V3 fix153: H5 logged-in header logo guard. */ /* V3 fix154: rebuild H5 logged-in header as compact logo + action chips. */ @media (max-width: 760px) { html body.wsb-theme .wsb-accountbar { background: #101113 !important; } html body.wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: 148px minmax(0, 1fr) 50px !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; min-height: 118px !important; padding: 10px 8px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 148px !important; max-width: 148px !important; height: auto !important; min-width: 0 !important; overflow: hidden !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { display: block !important; width: 142px !important; max-width: 142px !important; height: auto !important; object-fit: contain !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; align-content: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; white-space: normal !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar > span:first-child, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #membergrade, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .info-2 { display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { display: block !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; min-height: 24px !important; margin: 0 0 2px !important; padding: 0 !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; background: transparent !important; border: 0 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 24px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 calc(50% - 3px) !important; width: calc(50% - 3px) !important; min-width: 0 !important; max-width: none !important; height: 30px !important; min-height: 30px !important; margin: 0 !important; padding: 0 6px !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .07) !important; color: #f7f2ea !important; font-size: 12px !important; font-weight: 900 !important; line-height: 30px !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-shadow: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-cz { color: #0aa552 !important; background: #fff8ef !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-ck { color: #a4855f !important; background: #fff8ef !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-zz { color: #d18405 !important; background: #fff8ef !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"] { font-size: 0 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before { content: "账户" !important; font-size: 12px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit { font-size: 0 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { content: "退出" !important; font-size: 12px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { position: absolute !important; top: 10px !important; right: 8px !important; left: auto !important; z-index: 1040 !important; width: 50px !important; background: transparent !important; } html body.wsb-theme .wsb-nav-inner { width: 50px !important; min-height: 0 !important; padding: 0 !important; } html body.wsb-theme .wsb-nav-toggle { width: 50px !important; height: 50px !important; margin: 0 !important; border-radius: 14px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 126px minmax(0, 1fr) 46px !important; min-height: 116px !important; column-gap: 6px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 126px !important; max-width: 126px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 122px !important; max-width: 122px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { height: 29px !important; min-height: 29px !important; font-size: 11px !important; line-height: 29px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { font-size: 11px !important; } } /* End V3 fix154: compact H5 logged-in header rebuild. */ /* V3 fix155: final compressed logged-in header reset for 980px and below. */ @media (max-width: 980px) { html body.wsb-theme .wsb-accountbar { overflow: hidden !important; background: #101113 !important; } html body.wsb-theme .wsb-accountbar-inner { display: grid !important; grid-template-columns: 240px minmax(0, 1fr) 58px !important; align-items: center !important; column-gap: 12px !important; width: 100% !important; max-width: none !important; min-height: 128px !important; margin: 0 !important; padding: 10px 12px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 240px !important; max-width: 240px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { display: block !important; width: 230px !important; max-width: 230px !important; height: auto !important; object-fit: contain !important; object-position: left center !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; align-content: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 7px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; white-space: normal !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar > span:first-child, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #membergrade, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .info-2 { display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { display: block !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; background: transparent !important; color: var(--wsb-gold-light) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 24px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 112px !important; width: 112px !important; min-width: 0 !important; max-width: 112px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 9px !important; background: rgba(255, 255, 255, .07) !important; box-shadow: none !important; color: #f7f2ea !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; text-align: center !important; text-decoration: none !important; text-indent: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-cz, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-ck, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-zz { background: #fff8ef !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-cz { color: #0aa552 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-ck { color: #a4855f !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-zz { color: #d18405 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"], html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit { font-size: 0 !important; color: transparent !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::after, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::after { content: none !important; display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { display: inline !important; color: #f7f2ea !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before { content: "账户" !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { content: "退出" !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { position: absolute !important; top: 10px !important; right: 12px !important; left: auto !important; z-index: 1040 !important; width: 54px !important; background: transparent !important; } html body.wsb-theme .wsb-nav-inner { width: 54px !important; min-height: 0 !important; padding: 0 !important; } html body.wsb-theme .wsb-nav-toggle { width: 54px !important; height: 54px !important; margin: 0 !important; border-radius: 14px !important; } } @media (max-width: 760px) { html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 154px minmax(0, 1fr) 52px !important; column-gap: 8px !important; min-height: 118px !important; padding: 10px 8px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 154px !important; max-width: 154px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 146px !important; max-width: 146px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { flex-basis: calc(50% - 4px) !important; width: calc(50% - 4px) !important; max-width: none !important; height: 31px !important; min-height: 31px !important; font-size: 12px !important; line-height: 31px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { font-size: 12px !important; line-height: 31px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 128px minmax(0, 1fr) 48px !important; min-height: 118px !important; column-gap: 6px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 128px !important; max-width: 128px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 124px !important; max-width: 124px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { height: 29px !important; min-height: 29px !important; padding: 0 7px !important; font-size: 11px !important; line-height: 29px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { font-size: 11px !important; line-height: 29px !important; } } /* End V3 fix155: final compressed logged-in header reset. */ /* V3 fix156: explicit member-login header layout, separate from guest header. */ @media (max-width: 980px) { html body.wsb-theme .wsb-accountbar, html body.wsb-theme .wsb-accountbar * { box-sizing: border-box !important; } html body.wsb-theme .wsb-accountbar { overflow: visible !important; background: #101113 !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) 58px !important; align-items: center !important; column-gap: 12px !important; width: 100% !important; max-width: 100% !important; min-height: 118px !important; margin: 0 !important; padding: 10px 12px !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 220px !important; max-width: 220px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { display: block !important; width: 210px !important; max-width: 210px !important; height: auto !important; object-fit: contain !important; object-position: left center !important; } html body.wsb-theme .wsb-memberbar { grid-column: 2 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: repeat(4, minmax(72px, 1fr)) !important; gap: 7px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; } html body.wsb-theme .wsb-memberbar > span:first-child, html body.wsb-theme .wsb-memberbar #membergrade, html body.wsb-theme .wsb-memberbar .info-2 { display: none !important; } html body.wsb-theme .wsb-memberbar .nick { grid-column: 1 / -1 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; background: transparent !important; color: var(--wsb-gold-light) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 24px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-memberbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 0 8px !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .07) !important; box-shadow: none !important; color: #f7f2ea !important; font-size: 12px !important; font-weight: 900 !important; line-height: 32px !important; text-align: center !important; text-decoration: none !important; text-indent: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.wsb-theme .wsb-memberbar .link-cz, html body.wsb-theme .wsb-memberbar .link-ck, html body.wsb-theme .wsb-memberbar .link-zz { background: #fff8ef !important; } html body.wsb-theme .wsb-memberbar .link-cz { color: #0aa552 !important; } html body.wsb-theme .wsb-memberbar .link-ck { color: #a4855f !important; } html body.wsb-theme .wsb-memberbar .link-zz { color: #d18405 !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"], html body.wsb-theme .wsb-memberbar #logout_submit { font-size: 0 !important; color: transparent !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::after, html body.wsb-theme .wsb-memberbar #logout_submit::after { content: none !important; display: none !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-memberbar #logout_submit::before { display: inline !important; color: #f7f2ea !important; font-size: 12px !important; line-height: 32px !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before { content: "账户" !important; } html body.wsb-theme .wsb-memberbar #logout_submit::before { content: "退出" !important; } } @media (max-width: 760px) { html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: 138px minmax(0, 1fr) 52px !important; min-height: 112px !important; column-gap: 8px !important; padding: 10px 8px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand { width: 138px !important; max-width: 138px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: 132px !important; max-width: 132px !important; } html body.wsb-theme .wsb-memberbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; } html body.wsb-theme .wsb-memberbar a { height: 30px !important; min-height: 30px !important; line-height: 30px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: 116px minmax(0, 1fr) 48px !important; min-height: 112px !important; column-gap: 6px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand { width: 116px !important; max-width: 116px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: 112px !important; max-width: 112px !important; } html body.wsb-theme .wsb-memberbar a, html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-memberbar #logout_submit::before { font-size: 11px !important; } } /* End V3 fix156: explicit member-login header layout. */ /* V3 fix157: pin the logged-in H5 header to the viewport so the logo is not clipped. */ @media (max-width: 980px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { position: relative !important; left: auto !important; right: auto !important; display: grid !important; grid-template-columns: 210px minmax(0, 1fr) 62px !important; width: 100vw !important; max-width: 100vw !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; padding: 10px 12px 10px 34px !important; overflow: visible !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand { width: 200px !important; max-width: 200px !important; margin: 0 !important; overflow: visible !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: 190px !important; max-width: 190px !important; transform: none !important; } } @media (max-width: 760px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: 146px minmax(0, 1fr) 54px !important; padding-left: 20px !important; padding-right: 8px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand { width: 140px !important; max-width: 140px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: 132px !important; max-width: 132px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: 118px minmax(0, 1fr) 48px !important; padding-left: 14px !important; padding-right: 6px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand { width: 112px !important; max-width: 112px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: 108px !important; max-width: 108px !important; } } /* End V3 fix157: logged-in H5 header viewport pin. */ /* V3 fix158: fallback for logged-in header before JSP recompiles memberbar class. */ @media (max-width: 980px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner { position: relative !important; left: 0 !important; right: auto !important; display: grid !important; grid-template-columns: 210px minmax(0, 1fr) 78px !important; align-items: center !important; column-gap: 10px !important; width: 100vw !important; max-width: 100vw !important; min-width: 0 !important; min-height: 128px !important; margin: 0 !important; padding: 10px 82px 10px 34px !important; overflow: visible !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 200px !important; max-width: 200px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { display: block !important; width: 190px !important; max-width: 190px !important; height: auto !important; object-fit: contain !important; object-position: left center !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar { grid-column: 2 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: center !important; align-content: center !important; justify-content: stretch !important; gap: 7px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; white-space: normal !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar > span:first-child, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #membergrade, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .info-2 { display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .nick { grid-column: 1 / -1 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; background: transparent !important; color: var(--wsb-gold-light) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 24px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 34px !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"], html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit { font-size: 0 !important; color: transparent !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::after, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::after { content: none !important; display: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { display: inline !important; color: #f7f2ea !important; font-size: 13px !important; line-height: 34px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]::before { content: "账户" !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit::before { content: "退出" !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { top: 10px !important; right: 12px !important; width: 54px !important; } } @media (max-width: 760px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 146px minmax(0, 1fr) !important; padding: 10px 72px 10px 20px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 140px !important; max-width: 140px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 132px !important; max-width: 132px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 116px minmax(0, 1fr) !important; padding: 10px 62px 10px 14px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 112px !important; max-width: 112px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 108px !important; max-width: 108px !important; } } /* End V3 fix158: logged-in header fallback. */ /* V3 fix159: H5 deposit history uses compact tabs and record cards. */ @media (max-width: 760px) { html body.wsb-theme #userCenter-body.wsb-deposit-history-page .userCenter-cashBack-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 0 12px !important; padding: 10px !important; border: 1px solid rgba(216, 202, 178, .75) !important; border-radius: 12px !important; background: #fbf8f1 !important; overflow: visible !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page .userCenter-cashBack-nav .apply_t { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 38px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #e2d7c8 !important; border-radius: 10px !important; background: #fffdf9 !important; color: #5f6873 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 38px !important; text-align: center !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page .userCenter-cashBack-nav .apply_t.on { border-color: transparent !important; background: linear-gradient(135deg, #c62a37, #9f1f2b) !important; color: #fff !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page .userCenter-cashBack-con, html body.wsb-theme #userCenter-body.wsb-deposit-history-page .userCenter-cashBack-item { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 { display: block !important; width: 100% !important; min-width: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 tbody { display: grid !important; gap: 10px !important; width: 100% !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 tr:first-child { display: none !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 tr { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 12px 14px !important; border: 1px solid rgba(216, 202, 178, .8) !important; border-radius: 12px !important; background: #fffdf9 !important; box-shadow: 0 10px 24px rgba(18, 18, 20, .06) !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td { position: relative !important; display: grid !important; grid-template-columns: 86px minmax(0, 1fr) !important; align-items: start !important; gap: 10px !important; width: 100% !important; min-height: 30px !important; padding: 7px 0 !important; border: 0 !important; border-bottom: 1px solid #efe6da !important; background: transparent !important; color: #232832 !important; font-size: 13px !important; line-height: 1.45 !important; text-align: left !important; word-break: break-word !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:last-child { border-bottom: 0 !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td::before { color: #606975 !important; font-weight: 900 !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:nth-child(1)::before { content: "单号"; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:nth-child(2)::before { content: "账号"; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:nth-child(3)::before { content: "类型"; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:nth-child(4)::before { content: "金额"; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:nth-child(5)::before { content: "时间"; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page table.table4 td:nth-child(6)::before { content: "状态"; } html body.wsb-theme #userCenter-body.wsb-deposit-history-page .pd20, html body.wsb-theme #userCenter-body.wsb-deposit-history-page .u_page { width: 100% !important; margin: 12px 0 0 !important; padding: 0 !important; float: none !important; } } /* End V3 fix159: H5 deposit history cards. */ /* V3 fix160: H5 account history tables as cards even without JSP page class. */ @media (max-width: 760px) { html body.wsb-theme #userCenter-body .userCenter-cashBack-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 0 12px !important; padding: 10px !important; overflow: visible !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-nav .apply_t { width: 100% !important; min-width: 0 !important; min-height: 38px !important; margin: 0 !important; padding: 0 10px !important; font-size: 13px !important; line-height: 38px !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-con, html body.wsb-theme #userCenter-body .userCenter-cashBack-item { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 { display: block !important; width: 100% !important; min-width: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody { display: grid !important; gap: 10px !important; width: 100% !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:first-child, html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:first-child th, html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:first-child td { display: none !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 12px 14px !important; border: 1px solid rgba(216, 202, 178, .8) !important; border-radius: 12px !important; background: #fffdf9 !important; box-shadow: 0 10px 24px rgba(18, 18, 20, .06) !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td { display: grid !important; grid-template-columns: 86px minmax(0, 1fr) !important; align-items: start !important; gap: 10px !important; width: 100% !important; min-height: 30px !important; padding: 7px 0 !important; border: 0 !important; border-bottom: 1px solid #efe6da !important; background: transparent !important; color: #232832 !important; font-size: 13px !important; line-height: 1.45 !important; text-align: left !important; word-break: break-word !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:last-child { border-bottom: 0 !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td::before { color: #606975 !important; font-weight: 900 !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(1)::before { content: "单号"; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(2)::before { content: "账号"; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(3)::before { content: "类型"; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(4)::before { content: "金额"; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(5)::before { content: "时间"; } html body.wsb-theme #userCenter-body .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(6)::before { content: "状态"; } } /* End V3 fix160: H5 account history card fallback. */ /* V3 fix161: H5 game-record query panel and result cards. */ @media (max-width: 760px) { html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-nav, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-nav { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; margin: 0 0 12px !important; padding: 10px !important; border: 1px solid rgba(216, 202, 178, .75) !important; border-radius: 12px !important; background: #fbf8f1 !important; overflow: visible !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-nav > a.on, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-nav > a.on { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 40px !important; margin: 0 !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 40px !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox select, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox select { width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid #d9cdbd !important; border-radius: 10px !important; background: #fff !important; color: #20242b !important; font-size: 14px !important; font-weight: 800 !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox .right, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox .right { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox .start, html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox .end, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox .start, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox .end { display: grid !important; grid-template-columns: 74px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox label, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox label { width: auto !important; margin: 0 !important; color: #766238 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.2 !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox input[type="date"], html body.wsb-theme #userCenter-body:has(#gamelist) .formBox input[type="date"] { width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #d9cdbd !important; border-radius: 10px !important; background: #fff !important; color: #20242b !important; font-size: 14px !important; font-weight: 800 !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .formBox .sub input, html body.wsb-theme #userCenter-body:has(#gamelist) .formBox .sub input { width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 900 !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td { grid-template-columns: 78px minmax(0, 1fr) !important; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(1)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(1)::before { content: "账号"; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(2)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(2)::before { content: "游戏"; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(3)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(3)::before { content: "投注"; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(4)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(4)::before { content: "局号"; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(5)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(5)::before { content: "投注金额"; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(6)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(6)::before { content: "输赢派彩"; } html body.wsb-theme #userCenter-body.wsb-gamerecord-page .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(7)::before, html body.wsb-theme #userCenter-body:has(#gamelist) .userCenter-cashBack-item table.table4 tbody > tr:not(:first-child) > td:nth-child(7)::before { content: "投注时间"; } } /* End V3 fix161: H5 game-record query panel and result cards. */ /* V3 fix162: H5 station-message tabs and list cards. */ @media (max-width: 760px) { html body.wsb-theme #userCenter-body.wsb-message-page .userCenter-message-nav, html body.wsb-theme #userCenter-body:has(.msgform) .userCenter-message-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 0 12px !important; padding: 10px !important; border: 1px solid rgba(216, 202, 178, .75) !important; border-radius: 12px !important; background: #fbf8f1 !important; overflow: visible !important; } html body.wsb-theme #userCenter-body.wsb-message-page .userCenter-message-nav a, html body.wsb-theme #userCenter-body:has(.msgform) .userCenter-message-nav a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 40px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #e2d7c8 !important; border-radius: 10px !important; background: #fffdf9 !important; color: #5f6873 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 40px !important; text-align: center !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body.wsb-message-page .userCenter-message-nav a.on, html body.wsb-theme #userCenter-body:has(.msgform) .userCenter-message-nav a.on { border-color: transparent !important; background: linear-gradient(135deg, #c62a37, #9f1f2b) !important; color: #fff !important; box-shadow: 0 10px 20px rgba(178, 35, 47, .14) !important; } html body.wsb-theme #userCenter-body.wsb-message-page .userCenter-message-content, html body.wsb-theme #userCenter-body:has(.msgform) .userCenter-message-content, html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform, html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform table, html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform table, html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tbody, html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tbody { display: block !important; width: 100% !important; min-width: 0 !important; border: 0 !important; background: transparent !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr:first-child, html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr:first-child { display: none !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr.msg-item, html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr.msg-item { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) 42px !important; grid-template-areas: "open title del" "time time time" !important; align-items: center !important; gap: 8px 10px !important; width: 100% !important; margin: 0 0 10px !important; padding: 12px !important; border: 1px solid rgba(216, 202, 178, .82) !important; border-radius: 12px !important; background: #fffdf9 !important; box-shadow: 0 10px 24px rgba(18, 18, 20, .06) !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr.msg-item > td, html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr.msg-item > td { display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #232832 !important; font-size: 13px !important; line-height: 1.45 !important; text-align: left !important; word-break: break-word !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr.msg-item > td:nth-child(1), html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr.msg-item > td:nth-child(1) { grid-area: open !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr.msg-item > td:nth-child(2), html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr.msg-item > td:nth-child(2) { grid-area: title !important; font-weight: 900 !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr.msg-item > td:nth-child(3), html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr.msg-item > td:nth-child(3) { grid-area: time !important; color: #66707c !important; font-weight: 700 !important; } html body.wsb-theme #userCenter-body.wsb-message-page .table3.msgform tr.msg-item > td:nth-child(4), html body.wsb-theme #userCenter-body:has(.msgform) .table3.msgform tr.msg-item > td:nth-child(4) { grid-area: del !important; justify-self: end !important; } html body.wsb-theme #userCenter-body.wsb-message-page .msg-less, html body.wsb-theme #userCenter-body:has(.msgform) .msg-less { display: block !important; width: 100% !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; } html body.wsb-theme #userCenter-body.wsb-message-page .msg-full-content, html body.wsb-theme #userCenter-body:has(.msgform) .msg-full-content { display: block !important; width: 100% !important; margin: -4px 0 10px !important; padding: 10px 12px !important; border: 1px solid rgba(216, 202, 178, .65) !important; border-radius: 10px !important; background: #fff !important; color: #232832 !important; font-size: 13px !important; line-height: 1.55 !important; } html body.wsb-theme #userCenter-body.wsb-message-page .msg-full-content td, html body.wsb-theme #userCenter-body:has(.msgform) .msg-full-content td { display: block !important; width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; } } /* End V3 fix162: H5 station-message tabs and list cards. */ /* V3 fix163: keep logged-in header button text readable on hover. */ html body.wsb-theme .wsb-memberbar .link-cz:hover, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-cz:hover { border-color: rgba(10, 165, 82, .28) !important; background: #fff8ef !important; color: #0a8f49 !important; box-shadow: 0 10px 20px rgba(10, 165, 82, .1) !important; } html body.wsb-theme .wsb-memberbar .link-ck:hover, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-ck:hover { border-color: rgba(164, 133, 95, .3) !important; background: #fff8ef !important; color: #8f6f4b !important; box-shadow: 0 10px 20px rgba(164, 133, 95, .1) !important; } html body.wsb-theme .wsb-memberbar .link-zz:hover, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar .link-zz:hover { border-color: rgba(209, 132, 5, .3) !important; background: #fff8ef !important; color: #c07804 !important; box-shadow: 0 10px 20px rgba(209, 132, 5, .1) !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]:hover::before, html body.wsb-theme .wsb-memberbar #logout_submit:hover::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar a[href="/center/user/index.html"]:hover::before, html body.wsb-theme .wsb-accountbar-inner > .wsb-userbar #logout_submit:hover::before { color: #fff !important; } /* End V3 fix163: readable logged-in header hover state. */ /* V3 fix164: H5 floating shortcuts collapse into a drawer and keep header actions clear. */ .slide-menu .wsb-float-toggle { display: none; } @media (max-width: 1180px) { html body.wsb-theme .wsb-accountbar-inner { padding-right: 80px !important; } html body.wsb-theme .wsb-accountbar-inner .wsb-login-wrap { max-width: calc(100% - 80px) !important; margin-right: 0 !important; } html body.wsb-theme .wsb-accountbar-inner .wsb-login-wrap .add-account { max-width: 112px !important; padding-right: 14px !important; padding-left: 14px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { right: 10px !important; z-index: 130 !important; } html body.wsb-theme .slide-menu { position: fixed !important; right: 0 !important; bottom: calc(82px + env(safe-area-inset-bottom)) !important; top: auto !important; left: auto !important; z-index: 90 !important; display: block !important; width: 54px !important; height: auto !important; overflow: visible !important; transform: none !important; } html body.wsb-theme .slide-menu .wsb-float-toggle { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; margin: 0 0 0 auto !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 12px 0 0 12px !important; background: rgba(24, 24, 24, .92) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .2) !important; color: #fff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } html body.wsb-theme .slide-menu .se { position: absolute !important; right: 8px !important; bottom: 52px !important; display: block !important; width: 54px !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(74px) !important; transition: opacity .18s ease, transform .18s ease !important; } html body.wsb-theme .slide-menu.is-open .se, html body.wsb-theme .slide-menu:focus-within .se { opacity: 1 !important; pointer-events: auto !important; transform: translateX(0) !important; } html body.wsb-theme .slide-menu.is-open .wsb-float-toggle, html body.wsb-theme .slide-menu:focus-within .wsb-float-toggle { border-radius: 12px !important; background: linear-gradient(135deg, #c62a37, #9f1f2b) !important; } html body.wsb-theme .slide-menu #dispc, html body.wsb-theme .slide-menu .se ul { display: grid !important; gap: 7px !important; width: 54px !important; margin: 0 !important; padding: 0 !important; } html body.wsb-theme .slide-menu li, html body.wsb-theme .slide-menu li a { width: 54px !important; height: 42px !important; min-height: 42px !important; border-radius: 11px !important; } } /* End V3 fix164: H5 floating shortcut drawer. */ /* V3 fix165: drawer breakpoint must also cover desktop browser H5 preview widths. */ @media (max-width: 1180px) { html body.wsb-theme .slide-menu:not(.is-open):not(:focus-within) .se { opacity: 0 !important; pointer-events: none !important; transform: translateX(74px) !important; } html body.wsb-theme .slide-menu .wsb-float-toggle { display: flex !important; } } /* End V3 fix165: wider H5 preview drawer breakpoint. */ /* V3 fix166: PC compressed header keeps member actions away from the menu button. */ @media (max-width: 1180px) { html body.wsb-theme .wsb-accountbar { overflow-x: clip !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner { position: relative !important; left: 0 !important; right: auto !important; display: grid !important; grid-template-columns: clamp(132px, 24vw, 210px) minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; width: 100vw !important; max-width: 100vw !important; min-width: 0 !important; margin: 0 !important; padding: 12px 96px 12px 18px !important; box-sizing: border-box !important; overflow: hidden !important; transform: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; display: flex !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { display: block !important; width: clamp(126px, 20vw, 190px) !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; object-position: left center !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-memberbar { grid-column: 2 !important; display: grid !important; grid-template-columns: repeat(3, minmax(68px, 1fr)) !important; align-items: center !important; gap: 7px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; white-space: normal !important; } html body.wsb-theme .wsb-memberbar > span:first-child, html body.wsb-theme .wsb-memberbar #membergrade, html body.wsb-theme .wsb-memberbar .info-2 { display: none !important; } html body.wsb-theme .wsb-memberbar .nick { grid-column: 1 / -1 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: 24px !important; margin: 0 !important; overflow: hidden !important; color: var(--wsb-gold-light) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 24px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-memberbar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 8px !important; border-radius: 10px !important; box-sizing: border-box !important; font-size: 13px !important; font-weight: 900 !important; line-height: 34px !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"], html body.wsb-theme .wsb-memberbar #logout_submit { font-size: 0 !important; color: transparent !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-memberbar #logout_submit::before { display: inline !important; color: #f7f2ea !important; font-size: 13px !important; line-height: 34px !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before { content: "账户" !important; } html body.wsb-theme .wsb-memberbar #logout_submit::before { content: "退出" !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { top: 12px !important; right: 12px !important; width: 64px !important; z-index: 180 !important; pointer-events: none !important; } html body.wsb-theme .wsb-nav-toggle { position: absolute !important; top: 0 !important; right: 0 !important; width: 58px !important; height: 58px !important; margin: 0 !important; z-index: 181 !important; pointer-events: auto !important; } } @media (max-width: 720px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: clamp(116px, 28vw, 150px) minmax(0, 1fr) !important; gap: 8px !important; padding: 12px 82px 12px 14px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: clamp(110px, 26vw, 138px) !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-memberbar { grid-template-columns: repeat(2, minmax(64px, 1fr)) !important; gap: 6px !important; } html body.wsb-theme .wsb-memberbar a { height: 32px !important; min-height: 32px !important; font-size: 12px !important; line-height: 32px !important; } html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-memberbar #logout_submit::before { font-size: 12px !important; line-height: 32px !important; } } @media (max-width: 430px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner { grid-template-columns: 104px minmax(0, 1fr) !important; padding-right: 70px !important; padding-left: 10px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 102px !important; } } /* End V3 fix166: PC compressed member header. */ /* V3 fix167: PC compressed guest login panel must float above notice/content. */ @media (max-width: 1180px) { html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { overflow: visible !important; z-index: 230 !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { grid-template-columns: clamp(128px, 24vw, 210px) minmax(0, 1fr) !important; padding-right: 96px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { position: relative !important; z-index: 240 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form { position: absolute !important; top: calc(100% + 14px) !important; right: 0 !important; left: auto !important; z-index: 260 !important; display: none !important; grid-template-columns: 1fr !important; align-items: stretch !important; width: min(360px, calc(100vw - 32px)) !important; max-width: min(360px, calc(100vw - 32px)) !important; max-height: calc(100vh - 150px) !important; gap: 10px !important; padding: 14px !important; overflow: auto !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 14px !important; background: rgba(18, 19, 21, .98) !important; box-shadow: 0 22px 52px rgba(0, 0, 0, .42) !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap.is-login-open .wsb-login-form { display: grid !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .link-inp, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .login-btn { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .inp, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .login-btn { height: 42px !important; min-height: 42px !important; border-radius: 10px !important; font-size: 15px !important; line-height: 42px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode { display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 8px !important; height: auto !important; min-height: 0 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode .inp, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .ZhuCode .inp-code { width: 100% !important; max-width: 100% !important; height: 42px !important; min-height: 42px !important; text-align: left !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .code-img, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .code-img img, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form #img_vcode { width: 96px !important; max-width: 96px !important; height: 42px !important; min-height: 42px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form .wsb-login-links { display: flex !important; justify-content: center !important; gap: 18px !important; margin: 0 !important; } } @media (max-width: 560px) { html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form { right: -70px !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; } } /* End V3 fix167: PC compressed guest login panel. */ /* V3 fix168: PC compressed header drawers must remain clickable and visible. */ @media (max-width: 1180px) { html body.wsb-theme .wsb-nav-wrap, html body.wsb-theme #header-wrap { position: relative !important; z-index: 220 !important; overflow: visible !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { pointer-events: none !important; overflow: visible !important; } html body.wsb-theme .wsb-nav-toggle { pointer-events: auto !important; cursor: pointer !important; } html body.wsb-theme .header-menu.is-open { position: absolute !important; top: 66px !important; right: 0 !important; left: auto !important; z-index: 280 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: min(390px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; gap: 8px !important; padding: 12px !important; overflow: visible !important; pointer-events: auto !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 14px !important; background: rgba(17, 18, 20, .98) !important; box-shadow: 0 22px 52px rgba(0, 0, 0, .42) !important; } html body.wsb-theme .header-menu.is-open > li, html body.wsb-theme .header-menu.is-open > li > a { width: auto !important; min-width: 0 !important; } } @media (max-width: 560px) { html body.wsb-theme .header-menu.is-open { right: -4px !important; grid-template-columns: 1fr !important; } } /* End V3 fix168: PC compressed header drawers. */ /* V3 fix169/170: PC ultra-narrow browser width must not create horizontal overflow. */ @media (max-width: 560px) { html body.wsb-theme, html body.wsb-theme #scrollHeader, html body.wsb-theme .wsb-accountbar, html body.wsb-theme .wsb-nav-wrap, html body.wsb-theme #header-wrap, html body.wsb-theme #notice, html body.wsb-theme .container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; } html body.wsb-theme .wsb-nav-wrap, html body.wsb-theme #header-wrap { position: relative !important; z-index: 360 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { width: 100% !important; max-width: 100% !important; grid-template-columns: 104px minmax(0, 1fr) !important; padding: 14px 76px 14px 10px !important; overflow: visible !important; box-sizing: border-box !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { width: 104px !important; max-width: 104px !important; overflow: hidden !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 102px !important; max-width: 102px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { justify-content: flex-end !important; gap: 6px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-mobile-login-toggle, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { height: 38px !important; min-height: 38px !important; padding-right: 10px !important; padding-left: 10px !important; font-size: 14px !important; line-height: 38px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { min-width: 94px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { position: absolute !important; top: -114px !important; right: 10px !important; width: 58px !important; height: 58px !important; z-index: 320 !important; overflow: visible !important; pointer-events: none !important; } html body.wsb-theme .wsb-nav-toggle { top: 0 !important; right: 0 !important; width: 54px !important; height: 54px !important; pointer-events: auto !important; } html body.wsb-theme .header-menu.is-open { top: 62px !important; right: 0 !important; width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100vh - 130px) !important; overflow-y: auto !important; } html body.wsb-theme #notice { position: relative !important; z-index: 20 !important; } html body.wsb-theme #scrollHeader { overflow: visible !important; } } /* End V3 fix169/170: PC ultra-narrow header overflow guard. */ /* V3 fix171: PC ultra-narrow login panel must sit above the notice strip. */ @media (max-width: 560px) { html body.wsb-theme .wsb-nav-wrap, html body.wsb-theme #header-wrap { z-index: auto !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { z-index: 520 !important; } html body.wsb-theme #notice { z-index: 30 !important; } html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap.is-login-open), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap.is-login-open) { position: relative !important; z-index: 620 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap.is-login-open { z-index: 640 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap.is-login-open .wsb-login-form { z-index: 660 !important; } } /* End V3 fix171: PC ultra-narrow login panel stacking. */ /* V3 fix172: PC ultra-narrow drawer navigation uses compact multi-column rows. */ @media (max-width: 560px) { html body.wsb-theme .header-menu.is-open { right: 10px !important; left: 10px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; width: auto !important; max-width: none !important; max-height: calc(100vh - 176px) !important; gap: 8px !important; padding: 10px !important; overflow-y: auto !important; border-radius: 14px !important; } html body.wsb-theme .header-menu.is-open > li { display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; } html body.wsb-theme .header-menu.is-open > li > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 58px !important; height: 58px !important; padding: 8px 6px !important; text-align: center !important; } html body.wsb-theme .header-menu.is-open > li > a i { display: block !important; width: 100% !important; overflow: hidden !important; color: inherit !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.12 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .header-menu.is-open > li > a .en { display: block !important; margin-top: 4px !important; overflow: hidden !important; color: rgba(255, 255, 255, .66) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } } /* End V3 fix172: PC ultra-narrow drawer navigation grid. */ /* V3 fix173: PC compressed guest header uses one stable row before ultra-narrow mode. */ @media (min-width: 561px) and (max-width: 1180px) { html body.wsb-theme #scrollHeader { overflow: visible !important; } html body.wsb-theme .wsb-accountbar { position: relative !important; z-index: 240 !important; min-height: 116px !important; overflow: visible !important; background: #101113 !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { display: grid !important; grid-template-columns: minmax(170px, 260px) minmax(0, 1fr) 76px !important; align-items: center !important; gap: 16px !important; width: 100% !important; max-width: 100% !important; min-height: 116px !important; margin: 0 !important; padding: 18px 92px 18px 22px !important; overflow: visible !important; box-sizing: border-box !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: start !important; width: min(240px, 100%) !important; max-width: 100% !important; height: auto !important; margin: 0 !important; overflow: hidden !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: clamp(156px, 22vw, 230px) !important; max-width: 100% !important; height: auto !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; width: 100% !important; max-width: 560px !important; min-width: 0 !important; margin: 0 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-mobile-login-toggle, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { width: auto !important; min-width: 112px !important; height: 44px !important; min-height: 44px !important; padding: 0 18px !important; border-radius: 12px !important; font-size: 15px !important; line-height: 44px !important; white-space: nowrap !important; } html body.wsb-theme .wsb-nav-wrap, html body.wsb-theme #header-wrap { position: relative !important; z-index: 260 !important; height: 0 !important; min-height: 0 !important; overflow: visible !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { position: absolute !important; top: -88px !important; right: 22px !important; width: 62px !important; height: 62px !important; z-index: 360 !important; overflow: visible !important; pointer-events: none !important; } html body.wsb-theme .wsb-nav-toggle { position: absolute !important; top: 0 !important; right: 0 !important; width: 58px !important; height: 58px !important; pointer-events: auto !important; } html body.wsb-theme #notice { position: relative !important; z-index: 30 !important; } html body.wsb-theme .header-menu.is-open { top: -18px !important; right: 22px !important; left: auto !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: min(560px, calc(100vw - 44px)) !important; max-width: calc(100vw - 44px) !important; max-height: calc(100vh - 150px) !important; overflow-y: auto !important; } } @media (min-width: 561px) and (max-width: 760px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { grid-template-columns: 140px minmax(0, 1fr) 66px !important; gap: 10px !important; padding: 14px 78px 14px 16px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-brand img { width: 132px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { gap: 8px !important; max-width: none !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-mobile-login-toggle, html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap > .add-account { min-width: 86px !important; height: 40px !important; min-height: 40px !important; padding: 0 12px !important; font-size: 14px !important; line-height: 40px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { top: -86px !important; right: 14px !important; } } /* End V3 fix173: PC compressed guest header row. */ /* V3 fix174: PC ultra-narrow drawer opens as a viewport panel, not inside the menu button box. */ @media (max-width: 560px) { html body.wsb-theme .header-menu.is-open { position: fixed !important; top: 136px !important; right: 12px !important; left: 12px !important; z-index: 700 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: auto !important; max-width: none !important; max-height: calc(100vh - 156px) !important; gap: 8px !important; padding: 10px !important; overflow-x: hidden !important; overflow-y: auto !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 14px !important; background: rgba(17, 18, 20, .98) !important; box-shadow: 0 20px 48px rgba(0, 0, 0, .42) !important; pointer-events: auto !important; transform: none !important; } html body.wsb-theme .header-menu.is-open > li, html body.wsb-theme .header-menu.is-open > li > a { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } html body.wsb-theme .header-menu.is-open > li > a { height: 58px !important; min-height: 58px !important; padding: 8px 6px !important; box-sizing: border-box !important; } } /* End V3 fix174: PC ultra-narrow viewport drawer. */ /* V3 fix175: PC compressed login panel stays above notice at mid widths. */ @media (min-width: 561px) and (max-width: 1180px) { html body.wsb-theme #notice { z-index: 30 !important; } html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap.is-login-open), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap.is-login-open) { position: relative !important; z-index: 620 !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap.is-login-open { z-index: 640 !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap.is-login-open .wsb-login-form { z-index: 660 !important; } } /* End V3 fix175: PC compressed login panel stacking. */ /* V3 fix176: PC compressed menu button stays visible while login panel is open. */ @media (max-width: 1180px) { html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { z-index: 760 !important; } html body.wsb-theme .wsb-nav-toggle { z-index: 780 !important; } html body.wsb-theme .header-menu.is-open { z-index: 800 !important; } } /* End V3 fix176: PC compressed menu button over login panel. */ /* V3 fix177: PC ultra-narrow guest header removes the empty black gap. */ @media (max-width: 560px) { html body.wsb-theme .wsb-accountbar { min-height: 92px !important; height: 92px !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { min-height: 92px !important; height: 92px !important; align-items: center !important; padding-top: 10px !important; padding-bottom: 10px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { top: -78px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap .wsb-login-form { top: calc(100% + 10px) !important; } } /* End V3 fix177: PC ultra-narrow guest header height. */ /* V3 fix178: logged-in compressed PC header reserves a clean menu lane. */ @media (max-width: 560px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: clamp(96px, 26vw, 118px) minmax(0, 1fr) !important; gap: 8px !important; min-height: 124px !important; padding: 10px 106px 10px 12px !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: clamp(94px, 25vw, 112px) !important; max-width: clamp(94px, 25vw, 112px) !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-memberbar { grid-template-columns: repeat(2, minmax(58px, 1fr)) !important; gap: 6px !important; max-width: 100% !important; overflow: visible !important; } html body.wsb-theme .wsb-memberbar .nick { height: 22px !important; min-height: 22px !important; font-size: 14px !important; line-height: 22px !important; } html body.wsb-theme .wsb-memberbar a, html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-memberbar #logout_submit::before { height: 30px !important; min-height: 30px !important; font-size: 12px !important; line-height: 30px !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { top: 20px !important; right: 14px !important; width: 56px !important; z-index: 780 !important; } html body.wsb-theme .wsb-nav-toggle { width: 54px !important; height: 54px !important; border-radius: 15px !important; } } @media (max-width: 380px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: 90px minmax(0, 1fr) !important; padding-right: 98px !important; padding-left: 8px !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: 88px !important; max-width: 88px !important; } } /* End V3 fix178: logged-in compressed PC header menu lane. */ /* V3 fix179: deposit amount required marker stays beside the input. */ html body.wsb-theme #userCenter-body .paytablist .registerform table tr:first-child > td { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; } html body.wsb-theme #userCenter-body .paytablist .registerform table tr:first-child > td > .cominp, html body.wsb-theme #userCenter-body .paytablist .registerform table tr:first-child > td > input { flex: 1 1 auto !important; min-width: 0 !important; } html body.wsb-theme #userCenter-body .paytablist .registerform table tr:first-child > td > .Validform_checktip { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; text-align: center !important; } /* End V3 fix179: deposit amount required marker. */ /* V3 fix180: member header keeps distance from the menu at narrow desktop widths. */ @media (max-width: 720px) { html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { grid-template-columns: clamp(106px, 22vw, 132px) minmax(0, 1fr) !important; gap: 8px !important; min-height: 124px !important; padding: 10px 116px 10px 12px !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand, html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) > .wsb-brand img { width: clamp(104px, 21vw, 124px) !important; max-width: clamp(104px, 21vw, 124px) !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-memberbar { grid-template-columns: repeat(2, minmax(58px, 1fr)) !important; gap: 6px !important; max-width: 100% !important; } html body.wsb-theme .wsb-nav-wrap #header, html body.wsb-theme #header { right: 14px !important; width: 56px !important; z-index: 780 !important; } html body.wsb-theme .wsb-nav-toggle { width: 54px !important; height: 54px !important; border-radius: 15px !important; } } /* End V3 fix180: narrow desktop member header menu spacing. */ /* V3 fix181: SweetAlert opens without page shake on compressed PC pages. */ html { overflow-y: scroll; } html.swal2-shown, body.swal2-shown, body.swal2-height-auto { height: auto !important; padding-right: 0 !important; overflow-y: scroll !important; } html body.wsb-theme .swal2-container, html body.wsb-theme .swal2-container.swal2-fade, html body.wsb-theme .swal2-container.swal2-shown { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; transition: none !important; } html body.wsb-theme .swal2-modal.swal2-show, html body.wsb-theme .swal2-modal.swal2-hide, html body.wsb-theme .swal2-icon, html body.wsb-theme .swal2-icon * { -webkit-animation: none !important; animation: none !important; transition: none !important; } /* End V3 fix181: SweetAlert stable open. */ /* V3 fix182: keep the page shell width stable while SweetAlert locks scroll. */ html.swal2-shown body.wsb-theme, html.swal2-shown body.wsb-theme .wsb-topbar, html.swal2-shown body.wsb-theme .wsb-accountbar, html.swal2-shown body.wsb-theme #header-wrap, html.swal2-shown body.wsb-theme .wsb-nav-wrap, html.swal2-shown body.wsb-theme #notice { width: 100vw !important; max-width: 100vw !important; margin-right: 0 !important; overflow-x: clip !important; } html.swal2-shown body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner, html.swal2-shown body.wsb-theme .wsb-accountbar-inner, html.swal2-shown body.wsb-theme #notice > .container { width: 100vw !important; max-width: 100vw !important; margin-right: 0 !important; margin-left: 0 !important; } /* End V3 fix182: SweetAlert page shell width lock. */ /* V3 fix183: logged-in narrow header owns the drawer button space. */ @media (max-width: 720px) { html body.wsb-theme .wsb-accountbar:has(.wsb-memberbar) { height: 124px !important; min-height: 124px !important; overflow: visible !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { height: 124px !important; min-height: 124px !important; padding-right: 116px !important; } html body.wsb-theme .wsb-nav-wrap #header:has(.wsb-nav-toggle), html body.wsb-theme #header:has(.wsb-nav-toggle) { top: -104px !important; right: 14px !important; width: 56px !important; height: 56px !important; z-index: 780 !important; pointer-events: none !important; } html body.wsb-theme .wsb-nav-toggle { top: 0 !important; right: 0 !important; width: 54px !important; height: 54px !important; pointer-events: auto !important; } } /* End V3 fix183: logged-in narrow drawer button position. */ /* V3 fix185: guest compressed header aligns login actions with the drawer button. */ @media (max-width: 560px) { html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) { height: 92px !important; min-height: 92px !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-login-wrap), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-login-wrap) { height: 92px !important; min-height: 92px !important; align-items: center !important; padding-top: 10px !important; padding-bottom: 10px !important; } html body.wsb-theme .wsb-accountbar-inner > .wsb-login-wrap { align-self: center !important; } html body.wsb-theme .wsb-nav-wrap #header:has(.wsb-nav-toggle), html body.wsb-theme #header:has(.wsb-nav-toggle) { top: -90px !important; right: 14px !important; width: 56px !important; height: 56px !important; z-index: 780 !important; pointer-events: none !important; } html body.wsb-theme .wsb-nav-toggle { top: 0 !important; right: 0 !important; width: 54px !important; height: 54px !important; pointer-events: auto !important; } } /* End V3 fix185: guest compressed header alignment. */ /* V3 fix186: guest ultra-narrow menu button uses the same visual rhythm as login actions. */ @media (max-width: 560px) { html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) + .wsb-nav-wrap #header:has(.wsb-nav-toggle), html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) ~ #header-wrap #header:has(.wsb-nav-toggle) { top: -76px !important; right: 14px !important; width: 46px !important; height: 46px !important; } html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) + .wsb-nav-wrap .wsb-nav-toggle, html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) ~ #header-wrap .wsb-nav-toggle { width: 46px !important; height: 46px !important; border-radius: 13px !important; } html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) + .wsb-nav-wrap .wsb-nav-toggle span, html body.wsb-theme .wsb-accountbar:has(.wsb-login-wrap) ~ #header-wrap .wsb-nav-toggle span { width: 22px !important; } } /* End V3 fix186: guest ultra-narrow menu button rhythm. */ /* V3 fix188: compressed PC wallet platform balances collapse into a drawer. */ .wsb-game-balance-toggle { display: none; } @media (max-width: 560px) { html body.wsb-theme .userCenter-gameInfo, html body.wsb-theme #userCenter-body .userCenter-gameInfo { padding: 12px !important; } html body.wsb-theme .wsb-game-balance-toggle { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 4px 12px !important; width: 100% !important; min-height: 58px !important; margin: 0 !important; padding: 10px 14px !important; border: 1px solid #e7d9c7 !important; border-radius: 10px !important; background: linear-gradient(135deg, #fffaf3 0%, #fff 100%) !important; color: #24272d !important; text-align: left !important; box-shadow: 0 8px 22px rgba(107, 83, 54, .08) !important; cursor: pointer !important; } html body.wsb-theme .wsb-game-balance-toggle span { display: block !important; min-width: 0 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.2 !important; } html body.wsb-theme .wsb-game-balance-toggle small { display: block !important; grid-column: 1 !important; min-width: 0 !important; overflow: hidden !important; color: #68717e !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-game-balance-toggle em { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 52px !important; height: 34px !important; padding: 0 12px !important; border-radius: 999px !important; background: #bd2632 !important; color: #fff !important; font-size: 13px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; } html body.wsb-theme .userCenter-gameInfo:not(.is-open) ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo:not(.is-open) ul { max-height: 0 !important; margin-top: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } html body.wsb-theme .userCenter-gameInfo.is-open ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo.is-open ul { max-height: none !important; margin-top: 10px !important; overflow: visible !important; opacity: 1 !important; pointer-events: auto !important; } html body.wsb-theme .userCenter-gameInfo ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo ul { transition: opacity .16s ease, margin-top .16s ease !important; } } /* End V3 fix188: compressed PC platform balance drawer. */ /* V3 fix190: logged-in compressed PC header removes the dead vertical gap. */ @media (max-width: 720px) { html body.wsb-theme .wsb-accountbar:has(.wsb-memberbar) { height: 108px !important; min-height: 108px !important; } html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { height: 108px !important; min-height: 108px !important; align-items: center !important; padding-top: 8px !important; padding-bottom: 8px !important; } html body.wsb-theme .wsb-memberbar .nick { height: 20px !important; min-height: 20px !important; line-height: 20px !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-memberbar { align-self: center !important; align-content: center !important; height: 92px !important; min-height: 0 !important; } html body.wsb-theme .wsb-memberbar a, html body.wsb-theme .wsb-memberbar a[href="/center/user/index.html"]::before, html body.wsb-theme .wsb-memberbar #logout_submit::before { height: 29px !important; min-height: 29px !important; line-height: 29px !important; } html body.wsb-theme .wsb-nav-wrap #header:has(.wsb-nav-toggle), html body.wsb-theme #header:has(.wsb-nav-toggle) { top: -94px !important; } html body.wsb-theme .wsb-accountbar:has(.wsb-memberbar) + .wsb-nav-wrap, html body.wsb-theme .wsb-accountbar:has(.wsb-memberbar) + #header-wrap { height: 0 !important; min-height: 0 !important; overflow: visible !important; } } @media (max-width: 380px) { html body.wsb-theme .wsb-accountbar:has(.wsb-memberbar), html body.wsb-theme .wsb-accountbar > .container.wsb-accountbar-inner:has(> .wsb-memberbar), html body.wsb-theme .wsb-accountbar-inner:has(> .wsb-memberbar) { height: 104px !important; min-height: 104px !important; } html body.wsb-theme .wsb-nav-wrap #header:has(.wsb-nav-toggle), html body.wsb-theme #header:has(.wsb-nav-toggle) { top: -90px !important; } html body.wsb-theme .wsb-accountbar-inner > .header-logined.wsb-userbar, html body.wsb-theme .wsb-accountbar-inner > .wsb-memberbar { height: 88px !important; } } /* End V3 fix190: compact logged-in header. */ /* V3 fix191: withdrawal form labels use quiet text instead of red block cells. */ html body.wsb-theme #userCenter-body .userCenter-withdrawal-con, html body.wsb-theme #userCenter-body .userCenter-withdrawal-item { background: #fff !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform table, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform table[style] { display: block !important; width: min(920px, 100%) !important; max-width: 920px !important; margin: 0 auto 24px !important; padding: 28px 32px !important; border: 1px solid rgba(214, 203, 187, .82) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 12px 30px rgba(31, 24, 18, .06) !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tbody { display: block !important; width: 100% !important; background: transparent !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr[style] { display: grid !important; grid-template-columns: 142px minmax(0, 1fr) !important; align-items: center !important; gap: 12px 18px !important; width: 100% !important; max-width: 760px !important; margin: 0 auto 18px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform td { display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width { color: #5f6873 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 44px !important; text-align: right !important; text-shadow: none !important; white-space: nowrap !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .cominp, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .comselect, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="text"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="password"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="number"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform select { float: none !important; display: block !important; width: min(540px, 100%) !important; max-width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid rgba(214, 203, 187, .95) !important; border-radius: 10px !important; background-color: #fff !important; color: #242a31 !important; box-shadow: none !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[readonly], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input:disabled { background-color: #f7f4ee !important; color: #3f444b !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="button"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="submit"] { float: none !important; width: 180px !important; min-width: 180px !important; max-width: 100% !important; min-height: 44px !important; margin: 0 !important; border-radius: 10px !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr:has(> th:empty) { grid-template-columns: 142px minmax(0, 1fr) !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr:has(> th:empty) > th { display: block !important; } @media (max-width: 760px) { html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform table, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform table[style] { width: 100% !important; padding: 18px !important; border-radius: 14px !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr[style], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform tr:has(> th:empty) { grid-template-columns: 1fr !important; max-width: 100% !important; gap: 8px !important; margin-bottom: 14px !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform th.th-width { line-height: 1.35 !important; text-align: left !important; white-space: normal !important; } html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .cominp, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform .comselect, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="text"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="password"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="number"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform select, html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="button"], html body.wsb-theme #userCenter-body #WithdrawDirectlyForm.withdrawlsform input[type="submit"] { width: 100% !important; max-width: 100% !important; } } /* End V3 fix191: withdrawal quiet form labels. */ /* V3 fix192: PC compressed platform balances use the same drawer pattern as mobile. */ @media (max-width: 1320px) { html body.wsb-theme .userCenter-gameInfo, html body.wsb-theme #userCenter-body .userCenter-gameInfo { width: min(1180px, calc(100% - 32px)) !important; padding: 14px !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(18, 18, 20, .08) !important; } html body.wsb-theme .wsb-game-balance-toggle { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 5px 12px !important; width: 100% !important; min-height: 62px !important; margin: 0 !important; padding: 11px 16px !important; border: 1px solid #e2d4c1 !important; border-radius: 12px !important; background: linear-gradient(180deg, #fff, #fbf8f2) !important; color: #24272d !important; box-shadow: 0 8px 22px rgba(107, 83, 54, .08) !important; cursor: pointer !important; font-family: inherit !important; line-height: 1.2 !important; text-align: left !important; -webkit-appearance: none !important; appearance: none !important; } html body.wsb-theme .wsb-game-balance-toggle span { display: block !important; min-width: 0 !important; color: #24272d !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.18 !important; white-space: nowrap !important; } html body.wsb-theme .wsb-game-balance-toggle small { display: block !important; grid-column: 1 !important; min-width: 0 !important; overflow: hidden !important; color: #6c7078 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.wsb-theme .wsb-game-balance-toggle em { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 56px !important; height: 34px !important; padding: 0 13px !important; border-radius: 999px !important; background: #bd2632 !important; color: #fff !important; font-size: 13px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; } html body.wsb-theme .userCenter-gameInfo ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo ul { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; margin-top: 10px !important; padding: 10px !important; border: 1px solid #eadfcd !important; border-radius: 12px !important; background: rgba(255, 251, 245, .96) !important; box-shadow: 0 12px 24px rgba(16, 18, 20, .06) !important; transition: opacity .16s ease, margin-top .16s ease, max-height .16s ease !important; box-sizing: border-box !important; } html body.wsb-theme .userCenter-gameInfo:not(.is-open) ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo:not(.is-open) ul { max-height: 0 !important; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-width: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } html body.wsb-theme .userCenter-gameInfo.is-open ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo.is-open ul { max-height: none !important; overflow: visible !important; opacity: 1 !important; pointer-events: auto !important; } html body.wsb-theme .userCenter-gameInfo li, html body.wsb-theme #userCenter-body .userCenter-gameInfo li { min-height: 64px !important; padding: 12px 14px !important; border-radius: 11px !important; background: #fff !important; } } @media (max-width: 980px) { html body.wsb-theme .userCenter-gameInfo ul, html body.wsb-theme #userCenter-body .userCenter-gameInfo ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { html body.wsb-theme .wsb-game-balance-toggle { min-height: 58px !important; padding: 10px 14px !important; } html body.wsb-theme .wsb-game-balance-toggle span { font-size: 16px !important; } } /* End V3 fix192: PC compressed platform balance drawer. */ /* V3 fix193: make Chatwoot launcher fit the WSB mobile/desktop UI. */ html body #cw-bubble-holder .woot-widget-bubble, html body .woot-widget-bubble { width: 56px !important; min-width: 56px !important; height: 56px !important; min-height: 56px !important; border-radius: 50% !important; box-shadow: 0 10px 22px rgba(24, 27, 31, .16) !important; } html body #cw-bubble-holder .woot-widget-bubble svg, html body .woot-widget-bubble svg { width: 28px !important; height: 28px !important; } @media (max-width: 760px) { html body #cw-bubble-holder .woot-widget-bubble, html body .woot-widget-bubble { width: 52px !important; min-width: 52px !important; height: 52px !important; min-height: 52px !important; right: 16px !important; bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; box-shadow: 0 8px 18px rgba(24, 27, 31, .14) !important; } html body #cw-bubble-holder .woot-widget-bubble svg, html body .woot-widget-bubble svg { width: 26px !important; height: 26px !important; } } /* End V3 fix193. */