:root {
--bg: #dbe8f8;
--panel-bg: #ffffff;
--text: #1b1b1b;
--primary: #2d3ea8;
--primary-dark: #1f2d8a;
--border: #bcbcbc;
--muted: #666;
--success: #1a8f2a;
--danger: #d83b3b;
--notice: #05058b;
}
* {
box-sizing: border-box;
}
html, body {
height: 100%;
margin: 0;
font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
color: var(--text);
background: var(--bg);
}
button, input {
font: inherit;
}
.is-hidden {
display: none !important;
}
.app-shell {
min-height: 100vh;
background: var(--bg);
}
.login-view {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}
.login-panel {
width: 460px;
background: var(--panel-bg);
border: 1px solid #d6d6d6;
border-radius: 10px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
padding: 28px 30px 22px;
}
.brand-row {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
}
.brand-logo {
width: 64px;
height: 64px;
border: 2px solid var(--primary);
border-radius: 16px;
display: grid;
place-items: center;
font-size: 34px;
}
.brand-title {
font-size: 28px;
font-weight: 700;
}
.brand-subtitle {
margin-top: 4px;
color: var(--muted);
}
.login-form {
display: grid;
gap: 18px;
}
.field {
display: grid;
gap: 8px;
}
.field span {
font-weight: 700;
}
.field input {
height: 40px;
border: 1px solid var(--border);
border-radius: 6px;
padding: 0 12px;
outline: none;
}
.field input:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(45, 62, 168, 0.12);
}
.primary-btn,
.secondary-btn {
height: 38px;
border: 1px solid var(--border);
border-radius: 4px;
padding: 0 16px;
cursor: pointer;
}
.primary-btn {
background: var(--primary);
color: #fff;
border-color: var(--primary-dark);
}
.primary-btn:hover {
background: var(--primary-dark);
}
.secondary-btn {
background: #f5f5f5;
}
.hint-text {
min-height: 20px;
color: var(--danger);
font-size: 14px;
}
.agreement-overlay {
position: fixed;
inset: 0;
z-index: 30;
background: rgba(255, 255, 255, 0.98);
display: grid;
place-items: center;
padding: 40px;
}
.agreement-card {
width: 560px;
background: #fff;
border: 1px solid #dcdcdc;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
padding: 24px 26px;
}
.agreement-title {
font-size: 22px;
font-weight: 700;
margin-bottom: 14px;
}
.agreement-body {
line-height: 1.9;
color: #2b2b2b;
min-height: 140px;
}
.agreement-actions {
display: flex;
justify-content: center;
gap: 14px;
margin-top: 20px;
}
.home-view {
min-height: 100vh;
}
.topbar {
display: grid;
grid-template-columns: 1fr auto;
align-items: start;
gap: 18px;
background: rgba(255, 255, 255, 0.72);
padding: 10px 14px;
}
.topbar-left {
display: flex;
align-items: flex-start;
gap: 14px;
}
.site-mark {
width: 88px;
height: 88px;
border: 2px solid var(--primary);
border-radius: 18px;
display: grid;
place-items: center;
font-size: 48px;
background: #f4f8ff;
}
.account-box {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px 10px;
min-width: 210px;
}
.account-item {
border: 1px solid #b7b7b7;
border-radius: 4px;
background: #fff;
padding: 6px 8px;
display: flex;
justify-content: space-between;
gap: 10px;
}
.account-item .label {
color: #222;
}
.account-item .value {
font-weight: 700;
}
.value-green { color: var(--success); }
.value-red { color: var(--danger); }
.lottery-box {
border: 1px solid #888;
background: #fff;
min-width: 270px;
padding: 8px 12px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 24px;
align-items: start;
}
.lottery-item {
min-width: 0;
}
.lottery-row {
display: flex;
justify-content: space-between;
gap: 16px;
line-height: 1.5;
}
.lottery-name {
font-weight: 700;
}
.lottery-period {
color: #ff6f00;
}
.lottery-status {
color: #000;
font-weight: 700;
}
.lottery-countdown {
font-weight: 700;
}
.icon-nav {
display: grid;
grid-template-columns: repeat(9, 76px);
gap: 8px;
justify-content: end;
}
.nav-icon-btn {
width: 76px;
min-height: 82px;
padding: 8px 6px 6px;
border: none;
background: transparent;
cursor: pointer;
display: grid;
justify-items: center;
align-content: start;
gap: 6px;
color: #1a1a1a;
}
.nav-icon-btn .icon-circle {
width: 54px;
height: 54px;
border-radius: 50%;
border: 2px solid var(--primary);
display: grid;
place-items: center;
font-size: 28px;
background: #fff;
color: var(--primary);
}
.nav-icon-btn span:last-child {
font-size: 13px;
}
.nav-icon-btn.is-active .icon-circle,
.nav-icon-btn:hover .icon-circle {
background: var(--primary);
color: #fff;
}
.logout-btn span:last-child {
color: #9d3b2c;
}
.notice-bar {
margin: 0 0 10px;
background: var(--notice);
color: #fff;
height: 28px;
display: flex;
align-items: center;
padding: 0 14px;
}
.notice-title {
color: #fff200;
margin-right: 8px;
font-weight: 700;
}
.notice-bar marquee {
width: 100%;
}
.home-main {
padding: 0 14px 16px;
}
.panel {
display: none;
background: var(--panel-bg);
border: 1px solid #d8d8d8;
min-height: 180px;
padding: 18px 18px 20px;
}
.panel.is-active {
display: block;
}
.panel-head h2 {
margin: 0 0 6px;
font-size: 20px;
}
.panel-head p {
margin: 0;
color: var(--muted);
}
.placeholder-box {
margin-top: 16px;
min-height: 120px;
background: #fbfbfb;
border: 1px dashed #d2d2d2;
display: grid;
place-items: center;
color: #666;
text-align: center;
padding: 18px;
}
.member-panel-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
.member-panel-actions {
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.small-btn {
height: 30px;
padding: 0 12px;
font-size: 13px;
}
.member-profile-status {
color: var(--muted);
font-size: 13px;
}
.member-profile-status.is-ok {
color: var(--success);
}
.member-profile-status.is-error {
color: var(--danger);
}
.member-profile-grid {
margin-top: 14px;
display: grid;
grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr);
gap: 12px;
}
.member-card {
background: #fff;
border: 1px solid #cfcfcf;
border-radius: 6px;
overflow: hidden;
}
.member-card-title {
min-height: 34px;
padding: 8px 10px;
background: #f2f5ff;
border-bottom: 1px solid #cfcfcf;
font-weight: 700;
color: #18236e;
}
.compact-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 13px;
}
.compact-table th,
.compact-table td {
border: 1px solid #d7d7d7;
padding: 6px 8px;
vertical-align: middle;
}
.compact-table th {
background: #f7f7f7;
font-weight: 700;
text-align: center;
}
.member-info-table td:nth-child(odd) {
width: 18%;
background: #fbfbfb;
color: #555;
font-weight: 700;
text-align: right;
}
.member-info-table td:nth-child(even) {
width: 32%;
color: #111;
}
.coding-mode-table select {
width: 100%;
height: 28px;
border: 1px solid #bcbcbc;
border-radius: 3px;
background: #fff;
}
.coding-mode-table input[type="checkbox"] {
width: 16px;
height: 16px;
}
.odds-card {
margin-top: 12px;
}
.odds-title-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.formula-text {
font-size: 12px;
color: #4b4b4b;
font-weight: 400;
}
.odds-toolbar {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 10px;
border-bottom: 1px solid #d7d7d7;
background: #fcfcfc;
}
.same-rebate-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
}
.rebate-select {
height: 30px;
width: 96px;
min-width: 96px;
border: 1px solid #bcbcbc;
border-radius: 3px;
background: #fff;
text-align: center;
text-align-last: center;
}
.odds-table-wrap {
width: 100%;
max-height: 520px;
overflow: auto;
}
.odds-settings-table {
width: 100%;
min-width: 1120px;
table-layout: fixed;
}
.odds-settings-table > thead > tr > th,
.odds-settings-table > tbody > tr > td {
padding: 6px 10px;
height: 42px;
text-align: center;
vertical-align: middle;
}
.odds-settings-table > thead > tr > th {
position: sticky;
top: 0;
z-index: 2;
}
.odds-settings-table > thead > tr > th:nth-child(1),
.odds-settings-table > tbody > tr > td:nth-child(1) { width: 110px; }
.odds-settings-table > thead > tr > th:nth-child(2),
.odds-settings-table > tbody > tr > td:nth-child(2) { width: 170px; }
.odds-settings-table > thead > tr > th:nth-child(3),
.odds-settings-table > tbody > tr > td:nth-child(3) { width: 90px; }
.odds-settings-table > thead > tr > th:nth-child(4),
.odds-settings-table > tbody > tr > td:nth-child(4) { width: 95px; }
.odds-settings-table > thead > tr > th:nth-child(5),
.odds-settings-table > tbody > tr > td:nth-child(5) { width: 155px; }
.odds-settings-table > thead > tr > th:nth-child(6),
.odds-settings-table > tbody > tr > td:nth-child(6) { width: 155px; }
.odds-settings-table > thead > tr > th:nth-child(7),
.odds-settings-table > tbody > tr > td:nth-child(7) { width: 110px; }
.odds-settings-table > thead > tr > th:nth-child(8),
.odds-settings-table > tbody > tr > td:nth-child(8) { width: 115px; }
.odds-settings-table > tbody > tr > td:nth-child(5),
.odds-settings-table > tbody > tr > td:nth-child(6),
.odds-settings-table > tbody > tr > td:nth-child(7) {
padding: 4px 8px;
}
.odds-settings-table > tbody > tr > td:nth-child(7) {
text-align: center;
}
.readonly-number {
background: #fbfbfb;
text-align: center;
color: #111;
font-weight: 700;
}
.limit-stack-table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 12px;
background: #fff;
}
.limit-stack-table th,
.limit-stack-table td {
border: 1px solid #e1e1e1;
padding: 3px 6px;
line-height: 18px;
}
.limit-stack-table th {
width: 34px;
background: #f5f5f5;
color: #555;
text-align: center;
}
.limit-stack-table td {
width: auto;
text-align: center;
color: #111;
font-weight: 700;
white-space: nowrap;
}
.actual-odds-cell {
color: #0b5f18;
font-weight: 700;
text-align: center;
}
.report-title-bar {
height: 34px;
line-height: 34px;
padding: 0 8px;
background: #009688;
color: #fff;
font-weight: 700;
font-size: 16px;
}
.report-title-bar.inner {
margin: 0;
text-align: center;
}
.report-toolbar {
min-height: 58px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px 12px;
padding: 10px 8px;
border: 1px solid #7ab8b3;
border-top: none;
background: #fff;
}
.report-field {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
font-size: 14px;
}
.report-field input,
.report-field select {
height: 36px;
border: 1px solid #d5dbe5;
border-radius: 5px;
background: #fff;
padding: 0 10px;
outline: none;
min-width: 132px;
}
.report-field select {
min-width: 84px;
}
.report-field.compact select {
width: 84px;
min-width: 84px;
}
.report-field.wide select {
width: 138px;
min-width: 138px;
}
.report-field.date-field input {
width: 275px;
min-width: 275px;
}
.report-field.order-field input {
width: 164px;
min-width: 164px;
}
.report-radio-group {
display: inline-flex;
align-items: center;
gap: 12px;
min-height: 36px;
white-space: nowrap;
}
.report-radio-group label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
font-weight: 700;
}
.report-radio-group input[type="radio"] {
width: 18px;
height: 18px;
accent-color: #1a73e8;
}
.report-radio-group input[type="radio"]:checked + span {
color: #006dff;
}
.red-gradient-btn,
.orange-btn {
height: 36px;
border-radius: 5px;
padding: 0 12px;
color: #fff;
border: 1px solid rgba(0, 0, 0, 0.18);
font-weight: 700;
cursor: pointer;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.35);
}
.red-gradient-btn {
background: linear-gradient(#d64b4b, #b51f28);
}
.orange-btn {
background: linear-gradient(#f4ad3c, #e49118);
}
.report-card {
margin-top: 12px;
border: 1px solid #7ab8b3;
background: #fff;
}
.report-table-wrap {
width: 100%;
overflow-x: auto;
}
.report-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
background: #fff;
font-size: 15px;
}
.report-table th,
.report-table td {
border: 1px solid #7ab8b3;
height: 38px;
padding: 7px 8px;
text-align: center;
vertical-align: middle;
word-break: break-all;
}
.report-table th {
background: #f5f5f5;
font-weight: 700;
color: #000;
}
.report-table tfoot td {
background: #fffdf3;
font-weight: 700;
}
.bet-detail-table {
min-width: 1180px;
}
.bet-detail-table th:nth-child(1),
.bet-detail-table td:nth-child(1) { width: 90px; }
.bet-detail-table th:nth-child(2),
.bet-detail-table td:nth-child(2) { width: 175px; }
.bet-detail-table th:nth-child(3),
.bet-detail-table td:nth-child(3) { width: 175px; }
.bet-detail-table th:nth-child(4),
.bet-detail-table td:nth-child(4) { width: 178px; }
.bet-detail-table th:nth-child(5),
.bet-detail-table td:nth-child(5) { width: 120px; }
.bet-detail-table th:nth-child(6),
.bet-detail-table td:nth-child(6),
.bet-detail-table th:nth-child(7),
.bet-detail-table td:nth-child(7),
.bet-detail-table th:nth-child(8),
.bet-detail-table td:nth-child(8),
.bet-detail-table th:nth-child(9),
.bet-detail-table td:nth-child(9),
.bet-detail-table th:nth-child(10),
.bet-detail-table td:nth-child(10) { width: 90px; }
.bet-detail-table th:nth-child(11),
.bet-detail-table td:nth-child(11) { width: 94px; }
.bet-detail-table th:nth-child(12),
.bet-detail-table td:nth-child(12) { width: 90px; }
.history-bill-table th,
.history-bill-table td {
height: 44px;
}
.draw-result-table th:nth-child(1),
.draw-result-table td:nth-child(1) { width: 140px; }
.draw-result-table th:nth-child(2),
.draw-result-table td:nth-child(2) { width: 180px; }
.draw-result-table th:nth-child(3),
.draw-result-table td:nth-child(3) { width: 180px; }
.draw-balls {
display: inline-flex;
justify-content: center;
gap: 8px;
}
.draw-ball {
width: 28px;
height: 28px;
border-radius: 50%;
display: inline-grid;
place-items: center;
background: #d81717;
color: #fff;
font-weight: 700;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.45);
}
.report-status {
min-height: 22px;
margin-top: 8px;
color: #666;
font-size: 13px;
}
.report-status.inline {
margin-top: 0;
display: inline-flex;
align-items: center;
}
.report-status.is-ok { color: var(--success); }
.report-status.is-error { color: var(--danger); }
.report-bottom-actions {
display: flex;
justify-content: center;
padding: 12px 0 4px;
}
.report-positive { color: #0b7a1d; font-weight: 700; }
.report-negative { color: #d83b3b; font-weight: 700; }
.report-muted { color: #777; }
.quick-entry-grid,
.rules-grid {
margin-top: 16px;
display: grid;
grid-template-columns: repeat(3, minmax(220px, 1fr));
gap: 14px;
}
.quick-card {
min-height: 150px;
border: 1px solid #cfcfcf;
border-radius: 8px;
background: #fff;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 12px;
}
.quick-card.muted {
background: #fbfbfb;
}
.quick-card-title {
font-size: 18px;
font-weight: 700;
color: #18236e;
}
.quick-card p {
margin: 0;
color: #555;
line-height: 1.7;
}
.rules-card {
padding-bottom: 10px;
}
.rules-card ul {
margin: 10px 16px 0 26px;
padding: 0;
line-height: 1.9;
color: #333;
}
.rules-card code {
background: #f1f3f8;
border: 1px solid #d8ddea;
border-radius: 4px;
padding: 1px 5px;
}
.bet-format-card {
grid-column: 1 / -1;
padding-bottom: 0;
}
.bet-format-body {
padding: 14px;
}
.bet-format-notice,
.bet-format-footnote {
border: 1px solid #cdd9ef;
border-radius: 6px;
background: #f7faff;
padding: 11px 13px;
color: #344054;
line-height: 1.75;
}
.bet-format-section + .bet-format-section {
margin-top: 16px;
}
.bet-format-section h3 {
margin: 0 0 8px;
color: #18236e;
font-size: 15px;
}
.bet-format-table-wrap {
overflow-x: auto;
}
.bet-format-table {
width: 100%;
min-width: 780px;
border-collapse: collapse;
table-layout: fixed;
font-size: 13px;
}
.bet-format-table th,
.bet-format-table td {
border: 1px solid #d8deea;
padding: 9px 10px;
text-align: left;
vertical-align: top;
line-height: 1.65;
}
.bet-format-table th {
background: #eef3ff;
color: #18236e;
font-weight: 700;
}
.bet-format-table th:first-child,
.bet-format-table td:first-child {
width: 100px;
font-weight: 700;
white-space: nowrap;
}
.bet-format-table th:nth-child(2),
.bet-format-table td:nth-child(2) {
width: 43%;
}
.bet-format-table code,
.bet-format-notice code,
.bet-format-footnote code {
display: inline-block;
margin: 1px 0;
white-space: nowrap;
}
.bet-format-footnote {
margin-top: 16px;
margin-bottom: 4px;
}
@media (min-width:1366px) and (max-width: 760px) {
.bet-format-body {
padding: 10px;
}
.bet-format-table {
font-size: 12px;
}
}
.settings-form,
.route-layout {
margin-top: 16px;
max-width: 720px;
border: 1px solid #d7d7d7;
border-radius: 8px;
background: #fff;
padding: 18px;
}
.settings-field {
display: grid;
gap: 8px;
margin-bottom: 14px;
}
.settings-field span {
font-weight: 700;
color: #333;
}
.settings-field input {
height: 38px;
border: 1px solid #bcbcbc;
border-radius: 5px;
padding: 0 10px;
outline: none;
}
.settings-field input:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(45, 62, 168, 0.12);
}
.settings-actions {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.settings-msg {
min-height: 20px;
color: #666;
font-size: 13px;
}
.settings-msg.is-ok { color: var(--success); }
.settings-msg.is-error { color: var(--danger); }
.route-layout {
max-width: 900px;
}
.route-list {
display: grid;
grid-template-columns: repeat(2, minmax(240px, 1fr));
gap: 10px;
margin-bottom: 16px;
}
.route-card {
display: flex;
align-items: center;
gap: 10px;
border: 1px solid #cfcfcf;
border-radius: 8px;
padding: 12px;
background: #fbfbfb;
cursor: pointer;
}
.route-card:has(input:checked) {
border-color: var(--primary);
background: #f2f5ff;
}
.route-card-main {
display: grid;
gap: 4px;
}
.route-card-main strong {
color: #18236e;
}
.route-card-main em {
font-style: normal;
color: #666;
font-size: 12px;
word-break: break-all;
}
.quick-entry-panel {
padding: 0;
background: #f6f6f6;
border-color: #d7d7d7;
min-height: 560px;
}
.quick-workbench {
display: grid;
grid-template-columns: 356px minmax(720px, 1fr);
gap: 32px;
align-items: stretch;
min-height: 560px;
}
.quick-side {
background: #fff;
border-right: 1px solid #dcdcdc;
padding: 0 0 10px;
}
.quick-box {
border: 1px solid #0b9b90;
background: #fff;
margin: 0 0 12px;
}
.quick-box-title {
min-height: 40px;
background: #06998d;
color: #fff;
font-size: 18px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0 48px;
}
.quick-box-title .quick-mini-btn,
.quick-box-title .quick-link-btn {
position: absolute;
right: 4px;
top: 6px;
}
.quick-account-row {
height: 40px;
display: flex;
align-items: center;
gap: 8px;
padding: 0 14px;
border-bottom: 1px solid #ededed;
font-size: 15px;
}
.quick-info-table,
.quick-result-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 15px;
}
.quick-info-table th,
.quick-info-table td,
.quick-result-table th,
.quick-result-table td {
border-bottom: 1px solid #ececec;
border-right: 1px solid #ececec;
height: 38px;
text-align: left;
padding: 0 14px;
font-weight: 400;
}
.quick-info-table th,
.quick-result-table th {
background: #efefef;
}
.quick-result-table td[colspan] {
text-align: center;
color: #777;
}
.quick-record-box {
min-height: 290px;
}
.quick-record-total {
min-height: 36px;
border-bottom: 1px dashed #d5d5d5;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
}
.quick-record-total strong {
color: #ff0000;
font-size: 18px;
}
.quick-copy-row {
display: flex;
justify-content: flex-end;
gap: 0;
padding: 6px 4px 12px;
}
.quick-record-list {
min-height: 160px;
padding: 12px 10px;
font-size: 14px;
color: #555;
text-align: center;
}
.quick-record-item {
text-align: left;
border-bottom: 1px dashed #e2e2e2;
padding: 8px 2px;
line-height: 1.5;
}
.quick-record-item strong {
color: #222;
}
.quick-mini-btn,
.quick-link-btn,
.quick-blue-btn,
.quick-light-btn,
.quick-orange-btn,
.quick-outline-btn,
.quick-icon-btn,
.quick-warn-btn,
.quick-green-btn,
.quick-gray-btn,
.quick-submit-btn {
border: 1px solid #d6dce7;
border-radius: 4px;
min-height: 30px;
padding: 0 12px;
cursor: pointer;
background: #fff;
}
.quick-mini-btn {
background: #fff;
color: #111;
height: 28px;
min-height: 28px;
padding: 0 6px;
}
.quick-link-btn {
background: transparent;
color: #fff;
border: 0;
height: 28px;
min-height: 28px;
padding: 0 2px;
}
.quick-blue-btn {
background: #428ff5;
border-color: #428ff5;
color: #fff;
font-weight: 700;
}
.quick-light-btn {
background: #fff;
color: #2f3f68;
}
.quick-main {
min-width: 0;
padding: 12px 10px 16px 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.quick-top-actions {
height: 60px;
background: #fff;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
padding: 0 16px;
}
.quick-orange-btn {
background: #eda12c;
color: #fff;
border-color: #eda12c;
height: 38px;
min-width: 88px;
font-weight: 700;
}
.quick-outline-btn {
background: #fff;
color: #374151;
height: 38px;
min-width: 86px;
}
.quick-input-wrap {
position: relative;
background: #fff;
}
.quick-input {
width: 100%;
min-height: 275px;
resize: vertical;
border: 0;
border-top: 1px solid #ffe0e0;
border-bottom: 1px solid #ffe0e0;
background: #ffe1e3;
padding: 14px 16px 24px;
font-size: 18px;
line-height: 1.6;
outline: none;
color: #111;
}
.quick-input:focus {
box-shadow: inset 0 0 0 2px rgba(255, 144, 144, 0.45);
}
.quick-input-counter {
position: absolute;
right: 8px;
bottom: 6px;
font-size: 14px;
color: #000;
}
.quick-toolbar {
background: #fff;
min-height: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding: 6px 4px;
}
.quick-toolbar-primary {
border-bottom: 1px solid #f1f1f1;
}
.quick-icon-btn.danger {
width: 42px;
height: 42px;
border-radius: 50%;
background: #fff4f4;
border-color: #ffd0d0;
color: #ff5555;
font-size: 20px;
}
.quick-warn-btn {
background: #fff7ed;
color: #d08a2a;
border-color: #fde1bd;
height: 38px;
min-width: 70px;
}
.quick-green-btn {
background: #61c23b;
color: #fff;
border-color: #61c23b;
height: 38px;
min-width: 70px;
font-weight: 700;
}
.quick-gray-btn {
background: #fff;
color: #374151;
height: 38px;
min-width: 96px;
}
.quick-gray-btn.weak {
color: #aeb5c1;
background: #f4f6f8;
}
.quick-inline-field {
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
font-size: 16px;
}
.quick-inline-field input {
width: 126px;
height: 36px;
border: 1px solid #d8dee8;
border-radius: 5px;
padding: 0 8px;
outline: none;
}
.quick-submit-btn {
background: #ffb5bb;
color: #fff;
border-color: #ffb5bb;
min-width: 70px;
height: 42px;
font-weight: 700;
font-size: 16px;
}
.quick-submit-btn:not(:disabled):hover {
filter: brightness(0.97);
}
.quick-submit-btn:disabled,
.quick-green-btn:disabled {
opacity: .65;
cursor: not-allowed;
}
.quick-group-input {
width: 190px;
height: 40px;
border: 1px solid #d8dee8;
border-radius: 5px;
padding: 0 12px;
font-size: 16px;
outline: none;
}
.quick-switch {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
white-space: nowrap;
cursor: pointer;
}
.quick-switch input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.quick-switch span {
position: relative;
width: 52px;
height: 26px;
border-radius: 999px;
background: #d6dae2;
transition: background .16s ease;
}
.quick-switch span::after {
content: '';
position: absolute;
top: 3px;
left: 4px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
transition: transform .16s ease;
}
.quick-switch input:checked + span {
background: #e76637;
}
.quick-switch input[name="quickGameType"][value="lucky5"]:checked + span,
.quick-switch input#quickImmediateDecodeSwitch:checked + span,
.quick-switch input#quickSmartFixSwitch:checked + span {
background: #439bf4;
}
.quick-switch input:checked + span::after {
transform: translateX(24px);
}
.quick-switch em {
font-style: normal;
color: #111;
}
.quick-decode-preview {
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 3px;
min-height: 82px;
padding: 10px 14px;
white-space: pre-wrap;
line-height: 1.6;
font-size: 15px;
color: #111;
}
.quick-preview-empty {
color: #777;
text-align: center;
padding-top: 18px;
}
.quick-preview-error {
color: #d83b3b;
}
.quick-summary-row {
min-height: 52px;
border: 1px solid #666;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
gap: 14px;
padding: 0 26px;
font-size: 20px;
}
.quick-summary-row span + span {
border-left: 1px dashed #d1d1d1;
padding-left: 14px;
}
.quick-status {
font-size: 14px;
color: #777;
border-left: 0 !important;
margin-left: auto;
}
.quick-status.is-ok { color: var(--success); }
.quick-status.is-error { color: var(--danger); }
:root {
--bg: #edf4ff;
--panel-bg: #ffffff;
--text: #172033;
--primary: #2563eb;
--primary-dark: #1e40af;
--primary-soft: #eaf2ff;
--accent: #14b8a6;
--accent-dark: #0f766e;
--accent-soft: #e8fbf8;
--border: #d7e2f0;
--muted: #64748b;
--success: #16a34a;
--danger: #ef4444;
--warning: #f59e0b;
--notice: #12336c;
--surface: rgba(255, 255, 255, 0.88);
--surface-solid: #ffffff;
--shadow-sm: 0 8px 20px rgba(24, 42, 87, 0.08);
--shadow-md: 0 16px 42px rgba(24, 42, 87, 0.12);
--radius-sm: 8px;
--radius-md: 14px;
--radius-lg: 20px;
}
html,
body {
color: var(--text);
background:
radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.12), transparent 28%),
radial-gradient(circle at 95% 10%, rgba(20, 184, 166, 0.12), transparent 28%),
linear-gradient(180deg, #f6f9ff 0%, var(--bg) 42%, #eaf3ff 100%);
}
.app-shell {
background: transparent;
}
button,
select,
input,
textarea {
font-family: inherit;
}
button {
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease, opacity .16s ease;
}
button:not(:disabled):hover {
transform: translateY(-1px);
}
button:not(:disabled):active {
transform: translateY(0);
}
input:focus,
select:focus,
textarea:focus {
border-color: rgba(37, 99, 235, .72) !important;
box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}
.login-panel,
.agreement-card {
border: 1px solid rgba(215, 226, 240, .95);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .94);
box-shadow: var(--shadow-md);
backdrop-filter: blur(12px);
}
.brand-logo,
.site-mark {
border: 0;
background: linear-gradient(135deg, var(--primary), var(--accent));
color: #fff;
box-shadow: 0 12px 28px rgba(37, 99, 235, .22);
}
.brand-title,
.quick-card-title,
.member-card-title,
.route-card-main strong {
color: var(--primary-dark);
}
.primary-btn,
.small-btn {
border: 0;
border-radius: 10px;
background: linear-gradient(135deg, var(--primary), var(--accent));
color: #fff;
box-shadow: 0 10px 22px rgba(37, 99, 235, .22);
}
.secondary-btn {
border-radius: 10px;
border-color: var(--border);
background: #f8fbff;
color: var(--primary-dark);
}
.topbar {
margin: 12px 14px 0;
padding: 14px 16px;
border: 1px solid rgba(215, 226, 240, .95);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .9);
box-shadow: var(--shadow-sm);
backdrop-filter: blur(12px);
}
.site-mark {
width: 76px;
height: 76px;
border-radius: 22px;
font-size: 40px;
}
.account-box {
min-width: 232px;
gap: 8px;
}
.account-item {
min-height: 38px;
border: 1px solid var(--border);
border-radius: 12px;
background: linear-gradient(180deg, #fff, #f8fbff);
box-shadow: 0 6px 14px rgba(24, 42, 87, .05);
}
.account-item .label,
.lottery-status {
color: var(--muted);
}
.account-item .value,
.lottery-name,
.lottery-countdown {
color: var(--text);
}
.value-green,
.report-positive {
color: var(--success);
}
.value-red,
.report-negative {
color: var(--danger);
}
.lottery-box {
min-width: 300px;
border: 1px solid var(--border);
border-radius: 16px;
background: linear-gradient(180deg, #fff, #f7fbff);
box-shadow: 0 8px 18px rgba(24, 42, 87, .06);
}
.lottery-period {
color: var(--warning);
font-weight: 700;
}
.icon-nav {
gap: 10px;
}
.nav-icon-btn {
min-height: 78px;
border-radius: 16px;
color: var(--muted);
}
.nav-icon-btn .icon-circle {
width: 50px;
height: 50px;
border: 1px solid rgba(37, 99, 235, .22);
background: #f7fbff;
color: var(--primary);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 8px 16px rgba(24, 42, 87, .06);
}
.nav-icon-btn span:last-child {
color: #334155;
font-weight: 600;
}
.nav-icon-btn.is-active,
.nav-icon-btn:hover {
background: var(--primary-soft);
}
.nav-icon-btn.is-active .icon-circle,
.nav-icon-btn:hover .icon-circle {
border-color: transparent;
background: linear-gradient(135deg, var(--primary), var(--accent));
color: #fff;
box-shadow: 0 10px 22px rgba(37, 99, 235, .24);
}
.logout-btn:hover {
background: #fff1f2;
}
.logout-btn span:last-child {
color: #b42318;
}
.notice-bar {
height: 34px;
margin: 10px 14px 12px;
border-radius: 999px;
background: linear-gradient(90deg, var(--notice), #1e40af 48%, var(--accent-dark));
box-shadow: 0 10px 22px rgba(18, 51, 108, .15);
}
.notice-title {
color: #fef08a;
}
.home-main {
padding: 0 14px 18px;
}
.panel {
border: 1px solid rgba(215, 226, 240, .95);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .9);
box-shadow: var(--shadow-sm);
overflow: hidden;
}
.member-card,
.quick-card,
.settings-form,
.route-layout,
.report-card {
border: 1px solid var(--border);
border-radius: var(--radius-md);
background: #fff;
box-shadow: 0 8px 20px rgba(24, 42, 87, .06);
overflow: hidden;
}
.member-card-title,
.report-title-bar,
.quick-box-title {
background: linear-gradient(135deg, var(--primary-dark), var(--primary) 58%, var(--accent));
color: #fff;
}
.member-card-title {
border-bottom: 0;
}
.compact-table th,
.report-table th,
.quick-info-table th,
.quick-result-table th {
background: #f1f6ff;
color: #1e3a8a;
}
.compact-table th,
.compact-table td,
.report-table th,
.report-table td {
border-color: var(--border);
}
.report-title-bar {
height: 38px;
line-height: 38px;
padding: 0 14px;
border-radius: 0;
letter-spacing: .5px;
}
.report-toolbar {
border-color: var(--border);
background: #fbfdff;
}
.report-field input,
.report-field select,
.settings-field input,
.rebate-select,
.coding-mode-table select,
.quick-inline-field input,
.quick-group-input {
border-color: var(--border);
border-radius: 10px;
background: #fff;
}
.red-gradient-btn,
.orange-btn {
border: 0;
border-radius: 10px;
box-shadow: 0 8px 18px rgba(24, 42, 87, .12);
}
.red-gradient-btn {
background: linear-gradient(135deg, #f43f5e, #ef4444);
}
.orange-btn {
background: linear-gradient(135deg, #f59e0b, #f97316);
}
.route-card {
border-color: var(--border);
border-radius: var(--radius-md);
background: #f8fbff;
}
.route-card:has(input:checked) {
border-color: rgba(37, 99, 235, .55);
background: var(--primary-soft);
box-shadow: 0 10px 22px rgba(37, 99, 235, .12);
}
.quick-entry-panel {
min-height: 604px;
padding: 0;
border: 1px solid rgba(215, 226, 240, .95);
background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(241, 248, 255, .92));
}
.quick-workbench {
grid-template-columns: 324px minmax(760px, 1fr);
gap: 18px;
min-height: 604px;
padding: 18px;
background:
radial-gradient(circle at 0% 0%, rgba(37, 99, 235, .08), transparent 34%),
radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .10), transparent 30%);
}
.quick-side {
display: flex;
flex-direction: column;
gap: 14px;
padding: 0;
border-right: 0;
background: transparent;
}
.quick-box {
margin: 0;
border: 1px solid var(--border);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .94);
box-shadow: var(--shadow-sm);
overflow: hidden;
}
.quick-box-title {
min-height: 44px;
justify-content: flex-start;
padding: 0 88px 0 16px;
font-size: 16px;
letter-spacing: .3px;
}
.quick-box-title::before {
content: '';
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, .2);
}
.quick-box-title .quick-mini-btn,
.quick-box-title .quick-link-btn {
right: 10px;
top: 8px;
}
.quick-account-row {
height: 42px;
border-bottom: 1px solid var(--border);
color: var(--muted);
}
.quick-account-row strong {
color: var(--primary-dark);
}
.quick-info-table,
.quick-result-table {
font-size: 14px;
}
.quick-info-table th,
.quick-info-table td,
.quick-result-table th,
.quick-result-table td {
height: 38px;
border-color: var(--border);
padding: 0 12px;
}
.quick-result-table td[colspan],
.quick-record-list,
.quick-preview-empty {
color: var(--muted);
}
.quick-record-box {
flex: 1;
min-height: 314px;
}
.quick-record-total {
min-height: 42px;
border-bottom: 1px dashed var(--border);
padding: 0 12px;
color: var(--muted);
}
.quick-record-total strong {
color: var(--danger);
}
.quick-copy-row {
justify-content: flex-start;
gap: 8px;
padding: 10px 12px;
border-bottom: 1px solid #eef3fb;
}
.quick-record-list {
min-height: 172px;
padding: 12px;
}
.quick-record-item {
padding: 10px 12px;
border: 1px solid #e8eff8;
border-radius: 12px;
background: #fbfdff;
line-height: 1.6;
box-shadow: 0 4px 10px rgba(24, 42, 87, .04);
}
.quick-record-item + .quick-record-item {
margin-top: 8px;
}
.quick-record-item strong {
color: var(--primary-dark);
}
.quick-main {
gap: 12px;
padding: 0;
min-width: 0;
}
.quick-top-actions,
.quick-input-wrap,
.quick-toolbar,
.quick-decode-preview,
.quick-summary-row {
border: 1px solid var(--border);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .94);
box-shadow: var(--shadow-sm);
}
.quick-top-actions {
height: 58px;
justify-content: space-between;
padding: 0 14px;
}
.quick-top-actions::before {
content: '快速录入工作台';
color: var(--primary-dark);
font-size: 18px;
font-weight: 800;
letter-spacing: .4px;
}
.quick-input-wrap {
position: relative;
overflow: hidden;
}
.quick-input-wrap::before {
content: '下注文本';
position: absolute;
z-index: 1;
top: 14px;
left: 16px;
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 10px;
border-radius: 999px;
background: rgba(37, 99, 235, .1);
color: var(--primary-dark);
font-size: 13px;
font-weight: 700;
pointer-events: none;
}
.quick-input {
min-height: 286px;
border: 0 !important;
border-radius: var(--radius-lg);
background:
linear-gradient(180deg, rgba(255, 248, 249, .96), rgba(255, 255, 255, .98)),
repeating-linear-gradient(0deg, transparent 0, transparent 30px, rgba(239, 68, 68, .06) 31px);
padding: 52px 18px 32px;
font-size: 17px;
line-height: 1.7;
color: #111827;
}
.quick-input::placeholder {
color: #94a3b8;
}
.quick-input-counter {
right: 16px;
bottom: 10px;
padding: 3px 9px;
border-radius: 999px;
background: rgba(255, 255, 255, .82);
color: var(--muted);
font-size: 12px;
}
.quick-toolbar {
min-height: 58px;
gap: 10px;
padding: 10px 12px;
}
.quick-toolbar-primary {
border-bottom: 1px solid var(--border);
}
.quick-toolbar-secondary {
background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 251, 255, .96));
}
.quick-inline-field {
height: 38px;
padding: 0 8px;
border: 1px solid #e6edf7;
border-radius: 12px;
background: #fbfdff;
color: #475569;
font-size: 14px;
}
.quick-inline-field input {
width: 110px;
height: 30px;
}
.quick-mini-btn,
.quick-link-btn,
.quick-blue-btn,
.quick-light-btn,
.quick-orange-btn,
.quick-outline-btn,
.quick-icon-btn,
.quick-warn-btn,
.quick-green-btn,
.quick-gray-btn,
.quick-submit-btn {
border-radius: 10px;
border-color: var(--border);
font-weight: 700;
}
.quick-mini-btn {
border: 0;
background: rgba(255, 255, 255, .94);
color: var(--primary-dark);
}
.quick-link-btn {
color: #fff;
}
.quick-blue-btn {
border: 0;
background: linear-gradient(135deg, var(--primary), #3b82f6);
box-shadow: 0 8px 16px rgba(37, 99, 235, .18);
}
.quick-light-btn,
.quick-outline-btn,
.quick-gray-btn {
background: #f8fbff;
color: var(--primary-dark);
}
.quick-orange-btn {
border: 0;
background: linear-gradient(135deg, #f59e0b, #f97316);
box-shadow: 0 8px 16px rgba(245, 158, 11, .2);
}
.quick-warn-btn {
border: 0;
background: #fff7ed;
color: #c2410c;
}
.quick-green-btn {
border: 0;
background: linear-gradient(135deg, #22c55e, #14b8a6);
color: #fff;
box-shadow: 0 8px 16px rgba(20, 184, 166, .2);
}
.quick-gray-btn.weak {
border-color: #edf2f7;
background: #f8fafc;
color: #94a3b8;
}
.quick-icon-btn.danger {
border: 0;
background: #fff1f2;
color: var(--danger);
}
.quick-submit-btn {
min-width: 86px;
border: 0;
background: linear-gradient(135deg, #ef4444, #f97316);
color: #fff;
box-shadow: 0 10px 20px rgba(239, 68, 68, .18);
}
.quick-submit-btn:not(:disabled):hover,
.quick-green-btn:not(:disabled):hover,
.quick-blue-btn:not(:disabled):hover,
.quick-orange-btn:not(:disabled):hover,
.red-gradient-btn:not(:disabled):hover,
.orange-btn:not(:disabled):hover,
.primary-btn:not(:disabled):hover {
box-shadow: 0 14px 26px rgba(37, 99, 235, .18);
}
.quick-group-input {
width: 168px;
height: 40px;
}
.quick-switch {
gap: 7px;
height: 34px;
padding: 0 8px 0 4px;
border: 1px solid #e6edf7;
border-radius: 999px;
background: #fff;
font-size: 14px;
}
.quick-switch span {
width: 42px;
height: 22px;
background: #cbd5e1;
}
.quick-switch span::after {
top: 3px;
left: 3px;
width: 16px;
height: 16px;
}
.quick-switch input:checked + span {
background: linear-gradient(135deg, #f97316, #ef4444);
}
.quick-switch input[name="quickGameType"][value="lucky5"]:checked + span,
.quick-switch input#quickImmediateDecodeSwitch:checked + span,
.quick-switch input#quickSmartFixSwitch:checked + span {
background: linear-gradient(135deg, var(--primary), var(--accent));
}
.quick-switch input:checked + span::after {
transform: translateX(20px);
}
.quick-switch em {
color: #334155;
font-size: 13px;
font-weight: 700;
}
.quick-decode-preview {
min-height: 96px;
padding: 14px 16px;
background: #fbfdff;
color: #1f2937;
line-height: 1.7;
}
.quick-preview-empty {
padding-top: 24px;
}
.quick-preview-error {
color: var(--danger);
font-weight: 700;
}
.quick-summary-row {
min-height: 62px;
padding: 0 20px;
border-color: rgba(37, 99, 235, .18);
background: linear-gradient(135deg, #ffffff, #f1f7ff);
color: #334155;
font-size: 18px;
}
.quick-summary-row strong {
color: var(--primary-dark);
font-size: 22px;
}
.quick-summary-row span + span {
border-left: 1px dashed var(--border);
}
.quick-status {
color: var(--muted);
}
.quick-status.is-ok {
color: var(--success);
}
.quick-status.is-error {
color: var(--danger);
}
.quick-top-actions {
justify-content: flex-start;
}
.quick-top-actions .quick-orange-btn {
margin-left: auto;
}
.history-bill-table {
min-width: 1080px;
}
.history-date-row {
cursor: pointer;
transition: background-color .15s ease, box-shadow .15s ease;
}
.history-date-row:hover,
.history-date-row:focus,
.history-date-row.is-selected {
background: #eef9f8;
outline: none;
}
.history-date-row.is-selected {
box-shadow: inset 4px 0 #168f87;
}
.history-date-link {
border: 0;
padding: 4px 7px;
background: transparent;
color: #0875c9;
font: inherit;
font-weight: 700;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
}
.pending-badge {
display: inline-block;
margin-left: 5px;
padding: 1px 5px;
border-radius: 10px;
background: #fff2cf;
color: #9a6200;
font-size: 11px;
white-space: nowrap;
}
.history-day-detail {
margin-top: 14px;
border: 1px solid #7ab8b3;
background: #fff;
box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
}
.history-day-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 14px;
background: linear-gradient(#f4fffd, #e7f6f4);
border-bottom: 1px solid #7ab8b3;
}
.history-day-head strong {
display: block;
font-size: 17px;
}
.history-day-head span {
display: block;
margin-top: 3px;
color: #687978;
font-size: 13px;
}
.history-day-heading {
flex: 1 1 auto;
min-width: 180px;
}
.history-player-filter {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
font-size: 13px;
color: #526765;
white-space: nowrap;
}
.history-player-filter span {
font-weight: 700;
}
.history-player-filter select {
min-width: 230px;
height: 34px;
padding: 0 32px 0 10px;
border: 1px solid #8dbeb9;
border-radius: 5px;
background: #fff;
color: #243c3a;
font: inherit;
}
.history-player-filter select:focus {
outline: 2px solid rgba(22, 143, 135, .18);
border-color: #168f87;
}
@media (min-width:1366px) and (max-width: 820px) {
.history-day-head {
flex-wrap: wrap;
}
.history-player-filter {
width: 100%;
margin-left: 0;
}
.history-player-filter select {
flex: 1 1 auto;
min-width: 0;
}
}
.history-day-summary {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 8px;
padding: 10px 12px;
background: #fffdf3;
border-bottom: 1px solid #e5dcc0;
}
.history-day-summary span {
display: flex;
justify-content: space-between;
gap: 8px;
padding: 8px 10px;
border: 1px solid #eadfbf;
border-radius: 5px;
background: #fff;
}
.history-day-table {
min-width: 1620px;
table-layout: auto;
font-size: 13px;
}
.history-day-table th,
.history-day-table td {
white-space: nowrap;
word-break: normal;
}
.history-day-table td:nth-child(6),
.history-day-table td:nth-child(7) {
max-width: 240px;
white-space: normal;
word-break: break-word;
}
.problem-badge {
display: inline-block;
margin-left: 5px;
padding: 1px 5px;
border-radius: 10px;
background: #ffe4e2;
color: #b3261e;
font-size: 11px;
white-space: nowrap;
}
.settlement-mode-tag {
display: inline-block;
margin-top: 4px;
padding: 1px 6px;
border: 1px solid #b8d9d6;
border-radius: 10px;
background: #f1fbfa;
color: #357874;
font-size: 11px;
white-space: nowrap;
}
.water-amount {
display: block;
margin-top: 2px;
color: #167b55;
font-size: 11px;
font-weight: 700;
}
:root {
--member-bg: #eef1f4;
--member-surface: #ffffff;
--member-line: #c9d0d8;
--member-line-dark: #929da9;
--member-text: #26313d;
--member-muted: #6d7884;
--member-primary: #245b84;
--member-primary-dark: #194563;
--member-success: #237a4b;
--member-danger: #b53a3a;
--member-warning: #9b6618;
}
*, *::before, *::after {
background-image: none !important;
}
body,
.home-view,
.home-main {
background-color: var(--member-bg) !important;
color: var(--member-text);
}
:where(
.login-panel,
.agreement-card,
.topbar,
.notice-bar,
.panel,
.panel-head,
.report-card,
.member-card,
.quick-box,
.quick-main,
.quick-input-wrap,
.quick-decode-preview,
.settings-form,
.route-card,
.route-custom,
.history-day-detail,
.square-card,
.simple-modal-card,
.stats-strip,
.stat-cell,
input,
select,
textarea,
button
) {
border-radius: 0 !important;
}
.topbar,
.notice-bar,
.panel,
.report-card,
.member-card,
.quick-box,
.quick-main,
.square-card,
.history-day-detail,
.simple-modal-card,
.settings-form,
.route-custom {
box-shadow: none !important;
border: 1px solid var(--member-line) !important;
background-color: var(--member-surface) !important;
}
.topbar {
border-width: 0 0 1px !important;
padding: 10px 14px !important;
}
.home-main {
padding: 12px !important;
}
.panel {
padding: 12px !important;
}
.panel-head,
.detail-view-head {
border: 1px solid var(--member-line) !important;
background: #f6f7f8 !important;
padding: 12px 14px !important;
margin-bottom: 12px;
}
.panel-head h2,
.detail-view-head h2 {
font-size: 17px !important;
line-height: 1.3;
margin: 0 0 4px;
}
.panel-head p,
.detail-view-head p {
font-size: 12px !important;
color: var(--member-muted) !important;
margin: 0;
}
.report-title-bar,
.member-card-title {
background: #e8edf2 !important;
color: #243341 !important;
border: 1px solid var(--member-line) !important;
border-bottom-color: var(--member-line-dark) !important;
font-size: 13px !important;
font-weight: 700 !important;
min-height: 34px;
padding: 7px 10px !important;
}
.report-title-bar.inner {
border-width: 0 0 1px !important;
}
.primary-btn,
.red-gradient-btn,
.quick-blue-btn,
.quick-green-btn,
.quick-submit-btn {
background: var(--member-primary) !important;
border: 1px solid var(--member-primary-dark) !important;
color: #fff !important;
box-shadow: none !important;
}
.primary-btn:hover,
.red-gradient-btn:hover,
.quick-blue-btn:hover,
.quick-green-btn:hover,
.quick-submit-btn:hover {
background: var(--member-primary-dark) !important;
}
.secondary-btn,
.orange-btn,
.quick-light-btn,
.quick-gray-btn,
.quick-outline-btn,
.quick-mini-btn,
.table-action-btn,
.view-number-btn {
background: #f4f5f6 !important;
border: 1px solid #9da7b1 !important;
color: #303b46 !important;
box-shadow: none !important;
}
button {
font-size: 12px !important;
}
input,
select,
textarea {
border: 1px solid #aeb7c1 !important;
background-color: #fff !important;
color: var(--member-text) !important;
box-shadow: none !important;
font-size: 12px !important;
}
.notice-bar {
background: #2c536f !important;
color: #fff !important;
border-width: 0 0 1px !important;
}
.nav-icon-btn {
background: transparent !important;
border: 1px solid transparent !important;
color: #465563 !important;
padding: 6px 8px !important;
min-width: 68px;
font-size: 11px !important;
}
.nav-icon-btn:hover,
.nav-icon-btn.is-active {
background: #e3eaf0 !important;
border-color: #9aa8b5 !important;
color: #173f5c !important;
}
.icon-circle {
width: 27px !important;
height: 27px !important;
background: #dce5ec !important;
border: 1px solid #9aa8b5 !important;
color: #244d68 !important;
font-size: 13px !important;
}
.quick-workbench,
.quick-main,
.quick-side,
.quick-box,
.quick-input,
.quick-toolbar,
.quick-switch,
.quick-summary-row,
.quick-record-list,
.quick-info-table,
.quick-result-table {
font-size: 12px !important;
}
.quick-box-title,
.quick-account-row {
font-size: 12px !important;
}
.quick-input {
font-size: 12px !important;
line-height: 1.7 !important;
min-height: 250px;
}
.quick-main {
padding: 10px !important;
}
.quick-toolbar button,
.quick-top-actions button {
min-height: 30px !important;
padding: 5px 10px !important;
font-size: 12px !important;
}
.quick-switch em,
.quick-inline-field,
.quick-input-counter,
.quick-status,
.quick-summary-row {
font-size: 11px !important;
}
.quick-decode-preview {
border: 1px solid var(--member-line) !important;
background: #f8f9fa !important;
}
.report-toolbar {
border: 1px solid var(--member-line) !important;
background: #f8f9fa !important;
padding: 8px !important;
gap: 8px !important;
}
.report-field span,
.report-radio-group,
.report-status {
font-size: 11px !important;
}
.report-table,
.compact-table {
font-size: 11px !important;
border-collapse: collapse !important;
}
.report-table th,
.report-table td,
.compact-table th,
.compact-table td {
border: 1px solid #c7cdd3 !important;
padding: 6px 7px !important;
line-height: 1.35 !important;
vertical-align: middle;
}
.report-table th,
.compact-table th {
background: #e9edf0 !important;
color: #2d3944 !important;
font-weight: 700 !important;
}
.report-table tbody tr:nth-child(even) td,
.compact-table tbody tr:nth-child(even) td {
background-color: #f8f9fa !important;
}
.report-table tbody tr:hover td,
.compact-table tbody tr:hover td {
background-color: #edf3f7 !important;
}
.bet-detail-table {
min-width: 860px !important;
table-layout: fixed;
}
.bet-detail-table th:nth-child(1), .bet-detail-table td:nth-child(1) { width: 60px !important; }
.bet-detail-table th:nth-child(2), .bet-detail-table td:nth-child(2) { width: 185px !important; }
.bet-detail-table th:nth-child(3), .bet-detail-table td:nth-child(3) { width: 150px !important; }
.bet-detail-table th:nth-child(4), .bet-detail-table td:nth-child(4) { width: 90px !important; }
.bet-detail-table th:nth-child(5), .bet-detail-table td:nth-child(5) { width: 86px !important; }
.bet-detail-table th:nth-child(6), .bet-detail-table td:nth-child(6) { width: 90px !important; }
.bet-detail-table th:nth-child(7), .bet-detail-table td:nth-child(7) { width: 105px !important; }
.bet-detail-table th:nth-child(8), .bet-detail-table td:nth-child(8) { width: 105px !important; }
.player-name-link,
.history-date-link {
border: 0 !important;
background: transparent !important;
color: #165f91 !important;
padding: 0 !important;
text-decoration: underline;
cursor: pointer;
font-size: 11px !important;
}
.refund-order-btn {
min-width: 58px;
padding: 4px 8px;
background: #fff !important;
color: var(--member-danger) !important;
border: 1px solid var(--member-danger) !important;
}
.refund-order-btn:hover {
background: #fbecec !important;
}
.is-refunded-row td {
background: #edf7f0 !important;
color: #4a6353 !important;
}
.status-tag {
display: inline-block;
border: 1px solid #9ba5ae;
background: #f2f4f5 !important;
padding: 2px 6px;
font-size: 10px;
white-space: nowrap;
}
.status-tag.is-refunded,
.refund-success-mark,
.refund-success-text {
color: var(--member-success) !important;
font-weight: 700;
}
.status-tag.is-won,
.winning-status-text {
color: var(--danger) !important;
font-weight: 700;
}
.status-tag.is-active {
border-color: #559473;
color: #246944;
background: #edf7f1 !important;
}
.status-tag.is-disabled {
border-color: #a37a7a;
color: #8d3030;
background: #f8eeee !important;
}
.panel-switch-view.is-hidden {
display: none !important;
}
.detail-view-head,
.history-day-head {
display: flex;
align-items: center;
gap: 14px;
}
.detail-view-head > div:nth-child(2),
.history-day-head > div {
flex: 1;
}
.player-profile-card,
.player-limit-card,
.subordinate-toolbar {
padding: 12px;
margin-bottom: 12px;
}
.order-detail-grid {
display: grid;
grid-template-columns: repeat(4, minmax(160px, 1fr));
border-top: 1px solid var(--member-line);
border-left: 1px solid var(--member-line);
margin-bottom: 14px;
}
.detail-field {
min-height: 58px;
padding: 8px 10px;
border-right: 1px solid var(--member-line);
border-bottom: 1px solid var(--member-line);
background: #fff !important;
}
.detail-field span {
display: block;
color: var(--member-muted);
font-size: 10px;
margin-bottom: 4px;
}
.detail-field strong {
display: block;
font-size: 12px;
word-break: break-all;
}
.number-text-cell {
white-space: normal;
word-break: break-word;
line-height: 1.65 !important;
}
.history-day-detail {
padding: 12px !important;
}
.history-day-head {
border-bottom: 1px solid var(--member-line) !important;
padding-bottom: 10px !important;
margin-bottom: 10px;
}
.history-day-head strong {
display: block;
font-size: 15px;
}
.history-day-head span {
font-size: 11px;
color: var(--member-muted);
}
.history-day-summary,
.stats-strip {
display: grid;
grid-template-columns: repeat(5, minmax(120px, 1fr));
border-top: 1px solid var(--member-line);
border-left: 1px solid var(--member-line);
margin: 10px 0;
}
.history-day-summary > span,
.stat-cell {
padding: 8px 10px;
border-right: 1px solid var(--member-line);
border-bottom: 1px solid var(--member-line);
background: #f8f9fa !important;
font-size: 10px;
}
.history-day-summary strong,
.stat-cell strong {
display: block;
margin-top: 3px;
font-size: 14px;
}
.stat-cell small {
display: block;
color: var(--member-muted);
margin-top: 2px;
}
.view-number-btn {
padding: 3px 9px !important;
font-size: 10px !important;
}
.subordinate-head,
.detail-view-head {
display: flex;
justify-content: space-between;
align-items: center;
}
.subordinate-toolbar {
display: flex;
align-items: end;
gap: 8px;
background: #f8f9fa !important;
}
.subordinate-table {
min-width: 1060px;
}
.table-action-btn {
padding: 4px 7px !important;
font-size: 10px !important;
}
.table-action-group {
display: inline-flex;
align-items: center;
gap: 5px;
white-space: nowrap;
}
.limit-batch-toolbar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding: 8px;
border: 1px solid var(--member-line);
background: #f8f9fa !important;
margin: 10px 0;
font-size: 11px;
}
.limit-batch-toolbar label {
display: inline-flex;
align-items: center;
gap: 6px;
}
.limit-batch-toolbar input,
.limit-number-input {
width: 110px;
min-height: 29px;
padding: 4px 6px;
text-align: right;
}
.player-limit-table {
min-width: 900px;
}
.limit-note {
color: var(--member-muted);
font-size: 10px;
}
.simple-modal {
position: fixed;
inset: 0;
z-index: 1000;
display: grid;
place-items: center;
}
.simple-modal.is-hidden {
display: none !important;
}
.simple-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(24, 31, 38, .46) !important;
}
.simple-modal-card {
position: relative;
width: min(560px, calc(100vw - 32px));
max-height: min(78vh, 700px);
overflow: auto;
padding: 0 !important;
z-index: 1;
}
.simple-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 12px;
border-bottom: 1px solid var(--member-line);
background: #e8edf2 !important;
}
.simple-modal-head h3 {
margin: 0;
font-size: 14px;
}
.modal-close-btn {
border: 1px solid #8f99a3 !important;
background: #fff !important;
width: 28px;
height: 26px;
padding: 0 !important;
font-size: 18px !important;
}
.modal-number-wrap {
padding: 12px;
max-height: 56vh;
}
.create-player-form {
padding-bottom: 12px !important;
}
.create-player-form .settings-field,
.create-player-form .settings-actions,
.modal-help {
margin: 10px 12px 0;
}
.player-settings-modal {
width: min(640px, calc(100vw - 32px));
}
.player-settings-summary {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
padding: 10px 12px;
border-bottom: 1px solid var(--member-line);
background: #f8f9fa !important;
font-size: 12px;
}
.player-settings-summary span,
.player-settings-summary strong {
min-width: 0;
}
.player-settings-summary strong {
display: block;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.player-settings-section {
padding: 12px;
border-bottom: 1px solid var(--member-line);
}
.player-settings-section:last-child {
border-bottom: 0;
}
.player-settings-section .settings-field,
.player-settings-section .settings-actions,
.player-settings-section .modal-help {
margin: 10px 0 0;
}
.point-direction-group {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin-top: 10px;
padding: 8px;
border: 1px solid var(--member-line);
background: #f8f9fa !important;
}
.point-direction-group label {
display: inline-flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
@media (min-width:1366px) and (max-width: 640px) {
.player-settings-summary {
grid-template-columns: 1fr;
}
}
.modal-help {
padding: 8px;
border: 1px solid var(--member-line);
background: #f8f9fa !important;
font-size: 11px;
color: var(--member-muted);
}
body,
.home-view,
.home-main,
.panel {
font-size: 14px !important;
line-height: 1.55;
}
.topbar {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
margin: 8px 8px 0 !important;
padding: 0 !important;
border: 1px solid var(--member-line) !important;
background: var(--member-surface) !important;
}
.topbar-left {
display: grid !important;
grid-template-columns: 72px minmax(280px, 330px) minmax(430px, 1fr) !important;
align-items: stretch !important;
gap: 12px !important;
width: 100%;
padding: 12px 14px !important;
border-bottom: 1px solid var(--member-line) !important;
background: #fff !important;
}
.site-mark {
width: 72px !important;
height: 72px !important;
border: 1px solid var(--member-line) !important;
background: #f4f7f9 !important;
color: var(--member-primary) !important;
box-shadow: none !important;
font-size: 38px !important;
}
.account-box {
min-width: 0 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.account-item {
min-height: 32px !important;
padding: 5px 10px !important;
border: 1px solid var(--member-line) !important;
background: #fff !important;
box-shadow: none !important;
align-items: center;
}
.account-item .label {
color: var(--member-muted) !important;
font-size: 13px !important;
}
.account-item .value {
color: var(--member-text) !important;
font-size: 16px !important;
line-height: 1.2;
}
.account-item .value-green {
color: var(--member-success) !important;
}
.account-item .value-red {
color: var(--member-danger) !important;
}
.lottery-box {
min-width: 0 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 !important;
padding: 8px 12px !important;
border: 1px solid var(--member-line) !important;
background: #f8fafb !important;
box-shadow: none !important;
}
.lottery-item {
display: grid;
align-content: center;
gap: 4px;
min-width: 0;
padding: 0 18px;
}
.lottery-item:first-child {
padding-left: 4px;
}
.lottery-item + .lottery-item {
border-left: 1px solid var(--member-line);
}
.lottery-row {
gap: 14px !important;
align-items: baseline;
line-height: 1.35 !important;
}
.lottery-name,
.lottery-status {
font-size: 14px !important;
}
.lottery-name {
color: #243341 !important;
}
.lottery-period {
color: var(--member-warning) !important;
font-size: 16px !important;
}
.lottery-countdown {
color: #20303e !important;
font-size: 16px !important;
letter-spacing: .5px;
}
.icon-nav {
display: grid !important;
grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
justify-content: stretch !important;
gap: 0 !important;
width: 100%;
padding: 0 8px !important;
overflow: visible !important;
background: #f8fafb !important;
}
.nav-icon-btn {
width: 100% !important;
min-width: 0 !important;
min-height: 64px !important;
padding: 8px 6px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
align-content: center !important;
gap: 8px !important;
border: 0 !important;
border-right: 1px solid #e2e6ea !important;
border-bottom: 3px solid transparent !important;
background: transparent !important;
color: #334452 !important;
font-size: 14px !important;
white-space: nowrap;
}
.nav-icon-btn:last-child {
border-right: 0 !important;
}
.nav-icon-btn .icon-circle,
.icon-circle {
flex: 0 0 30px;
width: 30px !important;
height: 30px !important;
border: 1px solid #9eabb6 !important;
background: #eef3f6 !important;
color: #244d68 !important;
font-size: 14px !important;
}
.nav-icon-btn span:last-child {
color: inherit !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.nav-icon-btn:hover,
.nav-icon-btn.is-active {
background: #e8eef3 !important;
border-color: transparent !important;
border-right-color: #d6dce1 !important;
border-bottom-color: var(--member-primary) !important;
color: #173f5c !important;
}
.nav-icon-btn.is-active .icon-circle,
.nav-icon-btn:hover .icon-circle {
border-color: var(--member-primary) !important;
background: #fff !important;
color: var(--member-primary) !important;
box-shadow: none !important;
}
.logout-btn,
.logout-btn span:last-child {
color: #a33232 !important;
}
.notice-bar {
height: 32px !important;
margin: 8px 8px 10px !important;
padding: 0 12px !important;
font-size: 13px !important;
}
button {
font-size: 13px !important;
}
input,
select,
textarea {
font-size: 14px !important;
}
.panel-head h2,
.detail-view-head h2 {
font-size: 18px !important;
}
.panel-head p,
.detail-view-head p {
font-size: 13px !important;
}
.report-title-bar,
.member-card-title {
font-size: 14px !important;
}
.quick-workbench,
.quick-main,
.quick-side,
.quick-box,
.quick-input,
.quick-toolbar,
.quick-switch,
.quick-summary-row,
.quick-record-list,
.quick-info-table,
.quick-result-table {
font-size: 14px !important;
}
.quick-box-title,
.quick-account-row {
font-size: 14px !important;
}
.quick-input {
font-size: 14px !important;
line-height: 1.7 !important;
}
.quick-toolbar button,
.quick-top-actions button {
font-size: 13px !important;
}
.quick-switch em,
.quick-inline-field,
.quick-input-counter,
.quick-status,
.quick-summary-row,
.report-field span,
.report-radio-group,
.report-status {
font-size: 12px !important;
}
.report-table,
.compact-table,
table {
font-size: 13px !important;
}
.player-name-link,
.history-date-link {
font-size: 13px !important;
}
.status-tag,
.view-number-btn,
.table-action-btn,
.limit-note,
.detail-field span,
.history-day-head span,
.history-day-summary > span,
.stat-cell,
.modal-help {
font-size: 12px !important;
}
.detail-field strong,
.limit-batch-toolbar {
font-size: 13px !important;
}
.simple-modal-head h3 {
font-size: 14px !important;
}
.history-day-head strong {
font-size: 16px !important;
}
.history-day-summary strong,
.stat-cell strong {
font-size: 15px !important;
}
.notice-title {
flex: 0 0 auto;
white-space: nowrap;
}
.notice-bar marquee {
flex: 1 1 auto;
width: auto !important;
min-width: 0;
}
.quick-toolbar,
.quick-top-actions,
.quick-summary-row,
.quick-decode-preview {
color: #172033 !important;
}
.quick-gray-btn,
.quick-gray-btn.weak,
.quick-outline-btn,
.quick-light-btn,
.quick-mini-btn,
.quick-link-btn,
.quick-inline-field,
.quick-inline-field input,
.quick-group-input {
color: #172033 !important;
}
.quick-gray-btn.weak {
background: #eef2f7 !important;
border-color: #b8c2cf !important;
}
.quick-switch {
min-height: 36px !important;
border: 1px solid #aab5c3 !important;
background: #f3f5f8 !important;
color: #344054 !important;
transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.quick-switch.is-on {
border-color: #1677ff !important;
background: #eaf3ff !important;
box-shadow: 0 0 0 2px rgba(22, 119, 255, .14) !important;
}
.quick-switch.is-selected-game {
border-color: #e85d04 !important;
background: #fff0e6 !important;
box-shadow: 0 0 0 2px rgba(232, 93, 4, .14) !important;
}
.quick-switch em {
display: inline-flex;
align-items: center;
gap: 5px;
color: #243247 !important;
}
.quick-switch em::after {
content: '关';
min-width: 20px;
height: 18px;
padding: 0 4px;
border-radius: 4px;
background: #667085;
color: #fff;
font-size: 10px;
font-weight: 800;
line-height: 18px;
text-align: center;
}
.quick-switch.is-on em::after {
content: '开';
background: #1677ff;
}
.quick-switch.is-selected-game em::after {
content: '已选';
min-width: 28px;
background: #e85d04;
}
.quick-decode-preview {
background: #fff !important;
border-color: #9eabb9 !important;
white-space: pre-wrap;
}
.quick-preview-empty {
color: #556273 !important;
}
.odds-table-wrap {
max-height: none !important;
overflow: visible !important;
}
.odds-settings-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
.odds-settings-table > thead > tr > th:nth-child(1),
.odds-settings-table > tbody > tr > td:nth-child(1) { width: 11% !important; }
.odds-settings-table > thead > tr > th:nth-child(2),
.odds-settings-table > tbody > tr > td:nth-child(2) { width: 18% !important; }
.odds-settings-table > thead > tr > th:nth-child(3),
.odds-settings-table > tbody > tr > td:nth-child(3) { width: 10% !important; }
.odds-settings-table > thead > tr > th:nth-child(4),
.odds-settings-table > tbody > tr > td:nth-child(4) { width: 14% !important; }
.odds-settings-table > thead > tr > th:nth-child(5),
.odds-settings-table > tbody > tr > td:nth-child(5) { width: 16% !important; }
.odds-settings-table > thead > tr > th:nth-child(6),
.odds-settings-table > tbody > tr > td:nth-child(6) { width: 16% !important; }
.odds-settings-table > thead > tr > th:nth-child(7),
.odds-settings-table > tbody > tr > td:nth-child(7) { width: 8% !important; }
.odds-settings-table > thead > tr > th:nth-child(8),
.odds-settings-table > tbody > tr > td:nth-child(8) { width: 7% !important; }
.odds-settings-table > thead > tr > th,
.odds-settings-table > tbody > tr > td {
padding: 7px 6px !important;
overflow-wrap: anywhere;
}
.odds-settings-table .rebate-select {
width: 72px !important;
min-width: 64px !important;
max-width: 100% !important;
}
.limit-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
width: 100%;
}
.limit-pair span {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 0;
padding: 5px 4px;
border: 1px solid #d6dce4;
border-radius: 4px;
background: #f8fafc;
color: #172033;
font-weight: 700;
white-space: nowrap;
}
.limit-pair b {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
border-radius: 3px;
background: #e8eef6;
color: #334155;
font-size: 11px;
}
html,
body {
min-width: 1280px;
}
body {
overflow-x: auto;
}
.app-shell,
.home-view,
.home-main {
min-width: 1280px;
}
.quick-entry-panel {
min-height: 610px !important;
padding: 12px !important;
border: 1px solid #b8c1cc !important;
border-radius: 0 !important;
background: #eef1f4 !important;
}
.quick-workbench {
grid-template-columns: 310px minmax(850px, 1fr) !important;
gap: 12px !important;
min-height: 584px !important;
padding: 0 !important;
}
.quick-side,
.quick-main,
.quick-box,
.quick-top-actions,
.quick-input-wrap,
.quick-toolbar,
.quick-decode-preview,
.quick-summary-row {
border-radius: 0 !important;
box-shadow: none !important;
}
.quick-side {
padding: 0 !important;
border: 1px solid #aeb8c4 !important;
background: #fff !important;
}
.quick-box {
margin: 0 !important;
border: 0 !important;
border-bottom: 1px solid #aeb8c4 !important;
}
.quick-box:last-child {
border-bottom: 0 !important;
}
.quick-box-title {
min-height: 38px !important;
padding: 0 44px 0 12px !important;
justify-content: flex-start !important;
border-bottom: 1px solid #173f5c !important;
background: #2f5f7f !important;
color: #fff !important;
font-weight: 700 !important;
}
.quick-box-title .quick-mini-btn,
.quick-box-title .quick-link-btn {
top: 5px !important;
right: 7px !important;
}
.quick-info-table th,
.quick-info-table td,
.quick-result-table th,
.quick-result-table td,
.quick-account-row {
border-color: #d5dbe2 !important;
}
.quick-info-table th,
.quick-result-table th {
background: #f1f3f5 !important;
}
.quick-main {
gap: 10px !important;
padding: 0 !important;
}
.quick-top-actions {
height: 44px !important;
min-height: 44px !important;
padding: 5px 8px !important;
border: 1px solid #aeb8c4 !important;
background: #fff !important;
}
.quick-top-actions .quick-orange-btn {
margin-left: 0 !important;
}
.quick-top-actions .quick-outline-btn {
margin-left: auto !important;
}
.quick-input-wrap {
border: 1px solid #aeb8c4 !important;
background: #fff !important;
}
.quick-input {
min-height: 280px !important;
border: 0 !important;
background: #fff !important;
color: #172033 !important;
padding: 14px 16px 26px !important;
}
.quick-input:focus {
box-shadow: inset 0 0 0 2px rgba(47, 95, 127, .18) !important;
}
.quick-input-counter {
color: #667085 !important;
}
.quick-toolbar {
min-height: 0 !important;
padding: 10px !important;
border: 1px solid #aeb8c4 !important;
background: #fff !important;
gap: 10px !important;
}
.quick-toolbar-primary {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) !important;
align-items: stretch !important;
}
.quick-command-group,
.quick-setting-group,
.quick-replace-group,
.quick-order-group,
.quick-game-group {
display: flex;
align-items: center;
}
.quick-command-group {
gap: 6px;
padding-right: 10px;
border-right: 1px solid #d4dae1;
}
.quick-setting-group {
min-width: 0;
gap: 10px;
}
.quick-replace-group {
min-width: 0;
flex: 1;
gap: 6px;
padding-left: 10px;
border-left: 1px solid #d4dae1;
}
.quick-group-label {
flex: 0 0 auto;
color: #475467;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.quick-control-field {
display: grid;
grid-template-columns: auto minmax(90px, 1fr);
align-items: center;
gap: 6px;
min-width: 0;
color: #344054;
font-size: 12px;
white-space: nowrap;
}
.quick-control-field.compact {
flex: 1 1 150px;
}
.quick-control-field input,
.quick-group-input,
.quick-inline-field input {
width: 100% !important;
min-width: 0 !important;
height: 32px !important;
padding: 0 8px !important;
border: 1px solid #aeb8c4 !important;
border-radius: 0 !important;
background: #fff !important;
color: #172033 !important;
outline: none !important;
}
.quick-control-field input:focus,
.quick-group-input:focus {
border-color: #2f5f7f !important;
box-shadow: inset 0 0 0 1px #2f5f7f !important;
}
.quick-warning-field {
grid-template-columns: auto 112px;
flex: 0 0 auto;
}
.quick-toolbar-secondary {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
}
.quick-order-group {
gap: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #d4dae1;
}
.quick-group-field {
grid-template-columns: auto 180px;
}
.quick-game-group {
gap: 5px;
margin-left: 4px;
}
.quick-options-grid {
display: grid;
grid-template-columns: repeat(8, minmax(104px, 1fr));
gap: 6px;
}
.quick-mini-btn,
.quick-blue-btn,
.quick-light-btn,
.quick-orange-btn,
.quick-outline-btn,
.quick-icon-btn,
.quick-warn-btn,
.quick-green-btn,
.quick-gray-btn,
.quick-submit-btn {
min-height: 32px !important;
height: 32px !important;
padding: 0 12px !important;
border: 1px solid #8f9ba8 !important;
border-radius: 0 !important;
background: #f7f8fa !important;
color: #1f2937 !important;
box-shadow: none !important;
font-weight: 700 !important;
}
.quick-link-btn {
min-height: 28px !important;
height: 28px !important;
padding: 0 4px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #fff !important;
box-shadow: none !important;
}
.quick-blue-btn,
.quick-green-btn,
.quick-submit-btn,
.quick-orange-btn {
border-color: #244d68 !important;
background: #2f5f7f !important;
color: #fff !important;
}
.quick-submit-btn {
min-width: 82px !important;
}
.quick-icon-btn.danger,
.quick-warn-btn,
.quick-gray-btn.weak {
border-color: #9aa6b2 !important;
background: #f3f4f6 !important;
color: #344054 !important;
}
.quick-toolbar button:hover,
.quick-top-actions button:hover {
border-color: #173f5c !important;
background: #e8edf1 !important;
color: #173f5c !important;
filter: none !important;
box-shadow: none !important;
}
.quick-toolbar .quick-blue-btn:hover,
.quick-toolbar .quick-green-btn:hover,
.quick-toolbar .quick-submit-btn:hover,
.quick-top-actions .quick-orange-btn:hover {
background: #244d68 !important;
color: #fff !important;
}
.quick-switch {
position: relative;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 7px !important;
min-width: 0;
min-height: 34px !important;
height: 34px !important;
padding: 0 9px !important;
border: 1px solid #aeb8c4 !important;
border-radius: 0 !important;
background: #f7f8fa !important;
color: #344054 !important;
box-shadow: none !important;
}
.quick-switch:hover {
border-color: #6f7d8c !important;
background: #eef1f4 !important;
}
.quick-switch span {
position: relative !important;
flex: 0 0 16px !important;
width: 16px !important;
height: 16px !important;
border: 1px solid #7d8996 !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: none !important;
}
.quick-switch span::after {
content: '' !important;
position: absolute !important;
top: 3px !important;
left: 3px !important;
width: 8px !important;
height: 8px !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
.quick-switch.is-on,
.quick-switch.is-selected-game {
border-color: #2f5f7f !important;
background: #eaf0f4 !important;
color: #173f5c !important;
box-shadow: none !important;
}
.quick-switch.is-on span,
.quick-switch.is-selected-game span {
border-color: #2f5f7f !important;
background: #fff !important;
}
.quick-switch.is-on span::after,
.quick-switch.is-selected-game span::after {
background: #2f5f7f !important;
}
.quick-switch em {
display: block !important;
min-width: 0;
overflow: hidden;
color: inherit !important;
font-style: normal !important;
font-weight: 600 !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.quick-switch em::after {
content: none !important;
}
.quick-game-choice {
min-width: 64px !important;
width: 64px;
justify-content: center !important;
}
.quick-game-choice em {
overflow: visible;
}
.quick-decode-preview {
min-height: 90px !important;
padding: 12px 14px !important;
border: 1px solid #aeb8c4 !important;
background: #fff !important;
}
.quick-summary-row {
min-height: 46px !important;
padding: 0 14px !important;
border: 1px solid #aeb8c4 !important;
background: #f7f8fa !important;
}
.quick-summary-row strong {
color: #173f5c !important;
font-size: 17px !important;
}
.quick-summary-row span + span {
border-left: 1px solid #cbd2da !important;
}
.limit-pair {
grid-template-columns: 1fr !important;
gap: 0 !important;
border: 1px solid #9eb1bc;
background: #fff;
}
.limit-pair span {
justify-content: flex-start !important;
min-height: 28px;
padding: 4px 7px !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
color: #ff4a26 !important;
font-weight: 500 !important;
}
.limit-pair span + span {
border-top: 1px solid #9eb1bc !important;
}
.limit-pair b {
min-width: 18px !important;
height: auto !important;
border-radius: 0 !important;
background: transparent !important;
color: #ff4a26 !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.quick-input-wrap::before {
content: none !important;
display: none !important;
}
.quick-command-group button {
flex: 0 0 auto;
white-space: nowrap !important;
}
.quick-icon-btn.danger {
width: auto !important;
min-width: 54px !important;
padding: 0 12px !important;
line-height: 30px !important;
white-space: nowrap !important;
}
.member-room-name-box{
margin-top:14px;
padding:13px;
border:1px solid #dce5ee;
border-radius:10px;
background:#f8fbfe;
}
.member-room-name-box > label{
display:block;
margin-bottom:8px;
color:#24364b;
font-size:13px;
font-weight:800;
}
.member-room-name-row{
display:flex;
gap:8px;
align-items:center;
}
.member-room-name-row input{
flex:1;
min-width:0;
height:36px;
padding:0 10px;
border:1px solid #cfdbe7;
border-radius:7px;
background:#fff;
color:#1f2937;
outline:none;
}
.member-room-name-row input:focus{
border-color:#4b91d1;
box-shadow:0 0 0 3px rgba(75,145,209,.12);
}
.member-room-name-hint{
margin-top:8px;
color:#6b7788;
font-size:12px;
line-height:1.5;
}
.member-room-name-hint strong{ color:#1f5f9b; }
.member-room-name-msg{
min-height:18px;
margin-top:5px;
color:#708090;
font-size:12px;
}
.member-room-name-msg.ok{ color:#087a4b; }
.member-room-name-msg.error{ color:#c5392f; }
@media (min-width:1366px) and (max-width:680px){
.member-room-name-row{ align-items:stretch; flex-direction:column; }
.member-room-name-row button{ width:100%; }
}
.member-subaccount-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.member-readonly-tip { flex:0 0 auto; padding:11px 14px; border:1px solid #b7d7ef; border-radius:10px; background:#f1f8fe; color:#315d7e; line-height:1.55; }
.member-subaccount-layout { display:grid; grid-template-columns:minmax(390px,.9fr) minmax(650px,1.45fr); gap:18px; align-items:start; }
.member-subaccount-card { overflow:hidden; border:1px solid var(--line,#d9e1e8); border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(31,64,94,.07); }
.member-subaccount-card-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:15px 18px; border-bottom:1px solid #e1e8ee; background:linear-gradient(180deg,#fbfdff,#f3f7fa); }
.member-subaccount-card-title strong { color:#234d70; font-size:16px; }
.member-subaccount-card-title span { color:#7b8995; font-size:12px; }
.member-subaccount-form { padding:18px; }
.member-subaccount-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.member-subaccount-password { grid-column:1/-1; }
.member-subaccount-fields .settings-field { margin:0; }
.member-subaccount-fields input { min-height:40px; border-radius:8px; }
.member-permission-fieldset { margin:17px 0 12px; border:1px solid #d4e0e8; border-radius:11px; padding:13px; display:grid; grid-template-columns:repeat(2,minmax(180px,1fr)); gap:10px; background:#fafcfe; }
.member-permission-fieldset legend { padding:0 8px; color:#315773; font-weight:700; }
.member-permission-fieldset legend small { color:#83919b; font-weight:400; }
.member-permission-fieldset > label { display:flex; align-items:flex-start; gap:9px; min-height:65px; padding:11px; border:1px solid #e1e8ee; border-radius:9px; background:#fff; cursor:pointer; transition:.15s; }
.member-permission-fieldset > label:hover { border-color:#8dbad9; box-shadow:0 3px 10px rgba(75,145,209,.1); }
.member-permission-fieldset input { width:auto; margin-top:3px; }
.member-permission-fieldset label > span { display:grid; gap:3px; }
.member-permission-fieldset label b { color:#2d4e67; }
.member-permission-fieldset label small { color:#798896; line-height:1.45; }
.inline-field { display:flex; gap:8px; }
.inline-field input { flex:1; }
.member-subaccount-actions { display:flex; align-items:center; gap:12px; justify-content:flex-end; margin-top:12px; }
.subaccount-credentials { display:grid; grid-template-columns:auto 1fr 1fr; gap:8px 14px; align-items:center; margin:14px 0 0; padding:12px 14px; border:1px solid #9bc59b; border-radius:9px; background:#f2fff2; }
.subaccount-permissions { display:grid; grid-template-columns:repeat(2,minmax(110px,1fr)); gap:5px 8px; min-width:260px; text-align:left; }
.subaccount-permissions label { display:flex; align-items:center; gap:5px; padding:4px; border-radius:5px; }
.subaccount-permissions label:hover { background:#f2f7fb; }
.subaccount-permissions input { width:auto; }
.member-subaccount-list-card .report-table-wrap { max-height:640px; }
.member-subaccount-table { min-width:920px; }
.member-subaccount-table td { vertical-align:top; }
.member-subaccount-table .table-input, .member-subaccount-table select { min-height:34px; border-radius:6px; }
@media (min-width:1366px) and (max-width:1180px) { .member-subaccount-layout { grid-template-columns:1fr; } }
@media (min-width:1366px) and (max-width:720px) {
.member-subaccount-head { flex-direction:column; }
.member-readonly-tip { width:100%; }
.member-subaccount-fields, .member-permission-fieldset { grid-template-columns:1fr; }
.member-subaccount-password { grid-column:auto; }
.subaccount-credentials { grid-template-columns:1fr; }
}
.topbar-left {
grid-template-columns: 72px minmax(500px, 560px) minmax(560px, 760px) !important;
justify-content: start !important;
}
.account-box {
width: 100% !important;
min-width: 500px !important;
grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
}
.account-item {
min-width: 0 !important;
gap: 12px !important;
}
.account-item .label,
.account-item .value {
white-space: nowrap !important;
}
.account-item .label {
flex: 0 0 auto;
}
.account-item .value {
flex: 0 1 auto;
min-width: 0;
margin-left: auto;
text-align: right;
}
.lottery-box {
width: 100% !important;
max-width: 760px !important;
grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
}
.report-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
min-height: 52px;
padding: 8px 12px;
border-top: 1px solid var(--member-line, #d6dde4);
background: #f8fafb;
}
.report-pagination .small-btn {
min-width: 82px;
}
.report-pagination button:disabled {
cursor: not-allowed !important;
opacity: .45;
}
.report-page-info {
min-width: 92px;
color: #243341;
font-weight: 700;
text-align: center;
}
.report-page-size {
color: var(--member-muted, #677482);
font-size: 12px;
}
@media (min-width:1366px) and (max-width: 1180px) {
.topbar-left {
grid-template-columns: 72px minmax(500px, 1fr) !important;
}
.lottery-box {
grid-column: 2;
max-width: 760px !important;
}
}
.route-modal-card { width: min(620px, calc(100vw - 24px)); }
.route-modal-tip { padding: 12px 14px 4px; color: #66727c; font-size: 13px; }
.route-modal-list { padding: 10px 14px 4px; }
.route-select-card { appearance: none; width: 100%; text-align: left; cursor: pointer; }
.route-select-card.is-current { border: 2px solid #2c7b69 !important; background: #eef8f5 !important; }
.route-select-card > b { flex: 0 0 auto; color: #177a54; font-size: 13px; }
.route-select-card > b.is-slow { color: #aa6900; }
.route-select-card > b.is-error { color: #b02f37; }
.route-modal-status { min-height: 30px; padding: 4px 14px 12px; }
.route-modal-empty { padding: 22px 10px; border: 1px dashed #aeb8c2; color: #727d87; text-align: center; }
body.startup-line-selecting {
background: #fff !important;
}
body.startup-line-selecting .app-shell {
background: #fff !important;
}
body.startup-line-selecting #loginView,
body.startup-line-selecting #homeView,
body.startup-line-selecting #agreementOverlay {
display: none !important;
}
body.startup-line-selecting #routeModal .simple-modal-backdrop {
background: #fff !important;
}
body.startup-line-selecting #routeModal .route-modal-card {
width: min(620px, calc(100vw - 32px));
max-height: calc(100vh - 32px);
border: 1px solid #303030 !important;
background: #fff !important;
box-shadow: none !important;
}
body.startup-line-selecting #routeModal .simple-modal-head {
padding: 9px 12px;
border-bottom: 1px solid #777;
background: #fff !important;
}
body.startup-line-selecting #routeModal .simple-modal-head h3 {
color: #111;
font-size: 16px;
}
body.startup-line-selecting #routeModal .modal-close-btn {
display: none;
}
body.startup-line-selecting #routeModal .route-modal-tip {
padding: 9px 12px 7px;
color: #222;
}
body.startup-line-selecting #routeModal .route-modal-list {
display: grid;
grid-template-columns: 1fr !important;
gap: 0;
padding: 0 8px;
}
body.startup-line-selecting #routeModal .route-select-card {
min-height: 44px;
margin-top: -1px;
padding: 7px 10px;
border: 1px solid #888 !important;
background: #fff !important;
}
body.startup-line-selecting #routeModal .route-select-card:first-child {
margin-top: 0;
}
body.startup-line-selecting #routeModal .route-card-main strong {
color: #0665c9;
font-size: 14px;
}
body.startup-line-selecting #routeModal .route-card-main em {
margin-top: 2px;
color: #333;
}
body.startup-line-selecting #routeModal .route-select-card > b {
color: #111;
}
body.startup-line-selecting #routeModal .route-modal-status {
min-height: 28px;
padding: 7px 12px 9px;
color: #222;
}
:root {
--l5-teal: #079b90;
--l5-teal-dark: #007f77;
--l5-teal-soft: #dcefed;
--l5-border: #9bb8b5;
--l5-panel-bg: #f7f8f8;
--l5-red: #c62c36;
--l5-yellow: #fff400;
}
.home-view { background: #f5f5f5; min-height: 100vh; }
.home-view .topbar {
min-height: 72px;
padding: 8px 14px;
gap: 12px;
background: var(--l5-teal);
border-bottom: 1px solid rgba(255,255,255,.4);
color: #fff;
align-items: flex-start;
}
.home-view .topbar-left { gap: 10px; align-items: flex-start; min-width: 420px; }
.l5-game-switch { display: flex; border: 1px solid rgba(255,255,255,.7); border-radius: 5px; overflow: hidden; flex: 0 0 auto; margin-top: 1px; }
.l5-game-switch-btn { border: 0; border-right: 1px solid rgba(255,255,255,.45); padding: 9px 15px; font-weight: 800; font-size: 15px; color: #fff; background: rgba(0,0,0,.08); cursor: pointer; }
.l5-game-switch-btn:last-child { border-right: 0; }
.l5-game-switch-btn.is-active { background: var(--l5-yellow); color: #17201f; }
.l5-site-mark { min-width: auto !important; font-size: 21px !important; line-height: 36px; color: #061d1c !important; font-weight: 900; white-space: nowrap; }
.home-view .account-box { gap: 7px; background: transparent; border: 0; padding: 0; }
.home-view .account-item { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 4px; padding: 3px 7px; min-width: 88px; }
.home-view .account-item .label { color: #e7fffb; font-size: 11px; }
.home-view .account-item .value { color: #fff; font-size: 13px; }
.home-view .lottery-box { background: rgba(0,0,0,.08); border: 1px solid rgba(255,255,255,.25); border-radius: 4px; padding: 4px 8px; }
.home-view .lottery-name, .home-view .lottery-status { color: #eafffc; }
.home-view .lottery-period, .home-view .lottery-countdown { color: var(--l5-yellow); }
.home-view .icon-nav { gap: 4px; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.home-view .nav-icon-btn { min-width: auto; height: 34px; padding: 0 11px; border: 1px solid rgba(255,255,255,.7); border-radius: 5px; background: rgba(255,255,255,.03); color: #fff; flex-direction: row; gap: 0; font-size: 13px; font-weight: 700; }
.home-view .nav-icon-btn:hover, .home-view .nav-icon-btn.is-active { background: rgba(255,255,255,.18); transform: none; }
.home-view .nav-icon-btn .icon-circle { display: none; }
.home-view .nav-icon-btn.logout-btn { background: rgba(0,0,0,.08); }
.notice-bar { border-radius: 0 !important; margin: 0 !important; min-height: 26px !important; padding: 3px 12px !important; background: #078f86 !important; color: #fff !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.4) !important; }
.notice-bar .notice-title { display: none; }
.notice-bar marquee { color: var(--l5-yellow); font-size: 12px; }
.l5-feature-nav {
position: sticky;
top: 0;
z-index: 35;
display: flex;
gap: 0;
min-height: 35px;
padding-left: 230px;
background: var(--l5-teal);
border-bottom: 5px solid #e7eceb;
box-shadow: 0 2px 0 rgba(0,0,0,.08);
}
.l5-feature-btn { min-width: 88px; height: 34px; border: 0; padding: 0 14px; background: transparent; color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; }
.l5-feature-btn:hover { background: rgba(0,0,0,.08); }
.l5-feature-btn.is-active, .l5-feature-highlight.is-active { color: #111; background: var(--l5-yellow); border-radius: 7px 7px 0 0; }
.member-body-shell { display: grid; grid-template-columns: 224px minmax(0, 1fr); min-height: calc(100vh - 138px); background: #f6f6f6; align-items: start; }
.member-body-shell > .quick-side { position: sticky; top: 39px; align-self: start; height: calc(100vh - 40px); overflow: auto; padding: 0 6px 20px 0; background: #f3f3f3; border-right: 1px solid #cad5d4; }
.member-body-shell > .home-main { min-width: 0; width: auto !important; padding: 0 0 24px 10px !important; margin: 0 !important; }
.quick-workbench { display: block !important; }
.quick-workbench > .quick-side { display: none !important; }
.quick-workbench > .quick-main { width: 100% !important; min-width: 0 !important; }
.quick-side .quick-box { border-radius: 0 !important; border: 1px solid var(--l5-border) !important; box-shadow: none !important; margin-bottom: 8px; }
.quick-side .quick-box-title { background: var(--l5-teal) !important; color: #fff !important; border-radius: 0 !important; }
.quick-side .quick-mini-btn, .quick-side .quick-link-btn { background: #fff !important; color: #4b514f !important; border: 1px solid #d7db6c !important; }
.home-main .panel { border-radius: 0 !important; box-shadow: none !important; }
.l5-play-panel { background: #fff; min-height: 650px; border: 1px solid #d6dfde; }
.l5-panel-titlebar { min-height: 33px; display: flex; align-items: center; gap: 14px; padding: 0 10px; background: var(--l5-teal); color: #fff; border-bottom: 1px solid var(--l5-border); }
.l5-panel-titlebar strong { font-size: 16px; }
.l5-panel-titlebar span { font-size: 12px; color: #dffcf9; }
.l5-panel-titlebar.sub { margin-top: 16px; background: #168b83; }
.l5-open-strip { display: flex; gap: 24px; align-items: center; padding: 7px 12px; border-bottom: 1px solid #ccd8d6; background: #f3f7f6; font-size: 13px; }
.l5-open-strip b { color: #b11b35; }
.l5-bet-builder { padding: 18px 14px 30px; }
.l5-position-tabs { display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }
.l5-pos-btn { min-width: 76px; height: 35px; border: 1px solid #86aaa7; background: #fff; color: #333; font-weight: 800; cursor: pointer; }
.l5-pos-btn.is-active { background: var(--l5-teal); color: #fff; border-color: var(--l5-teal-dark); }
.l5-number-board { display: grid; grid-template-columns: repeat(10, minmax(42px, 1fr)); gap: 7px; max-width: 820px; }
.l5-digit-btn { height: 42px; border: 1px solid #9dafad; background: linear-gradient(#fff,#eef3f2); font-size: 17px; font-weight: 800; cursor: pointer; }
.l5-digit-btn.is-active { background: var(--l5-yellow); border-color: #c1b800; color: #151515; }
.l5-dual-digit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.l5-dual-digit-grid h4 { margin: 0 0 8px; color: #a3122d; font-size: 14px; }
.l5-dual-digit-grid .l5-number-board { grid-template-columns: repeat(5, minmax(42px,1fr)); }
.l5-builder-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 18px 0 12px; }
.l5-builder-actions label { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; }
.l5-builder-actions input { width: 94px; height: 33px; border: 1px solid #9badab; padding: 0 7px; }
.l5-generate-btn, .l5-reset-btn { min-height: 34px; padding: 0 16px; border-radius: 4px; border: 1px solid #087f78; font-weight: 800; cursor: pointer; }
.l5-generate-btn { background: var(--l5-teal); color: #fff; }
.l5-reset-btn { background: #f4f4f4; color: #555; border-color: #aaa; }
.l5-generated-box { border: 1px solid #a8b9b7; background: #fafafa; }
.l5-generated-head { min-height: 32px; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; background: #eef4f3; border-bottom: 1px solid #c8d4d2; font-size: 13px; }
.l5-generated-list { padding: 10px; display: flex; flex-wrap: wrap; gap: 5px; min-height: 54px; align-content: flex-start; color: #666; }
.l5-number-chip { border: 1px solid #c4cfcd; background: #fff; padding: 4px 7px; min-width: 48px; text-align: center; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #111; }
.l5-fast-hit-grid { display: grid; grid-template-columns: minmax(360px, 1fr) minmax(320px, .8fr); gap: 16px; padding: 18px 14px; }
.l5-fast-hit-editor textarea { width: 100%; min-height: 330px; resize: vertical; border: 1px solid #92aaa8; padding: 12px; font: 15px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.l5-quick-select-panel { padding-bottom: 0 !important; overflow: visible !important; }
.l5-quick-frame { display: block; width: 100%; height: 980px; border: 0; background: #fff; }
.l5-odds-toolbar { display: flex; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid #c9d6d4; }
#l5OddsStatus { color: #666; font-size: 13px; }
.l5-odds-table-wrap { overflow: auto; }
.l5-odds-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
.l5-odds-table th, .l5-odds-table td { border: 1px solid #bacac8; padding: 8px 9px; text-align: center; }
.l5-odds-table th { background: #eef5f4; color: #173d3a; }
.l5-odds-table td:nth-child(1) { color: #b1122c; font-weight: 800; }
.l5-odds-table td:nth-child(3) { color: #08746e; font-weight: 800; }
.l5-special-odds { padding-bottom: 22px; }
.l5-special-list { padding: 12px; display: flex; flex-wrap: wrap; gap: 7px; }
.l5-special-odds-chip { border: 1px solid #a9bbb8; background: #fff; padding: 6px 9px; }
.l5-empty-panel { display: flex; align-items: center; justify-content: center; }
.l5-empty-card { margin: 100px auto; width: min(520px, 85%); border: 1px dashed #97aaa7; padding: 48px 30px; text-align: center; background: #fbfcfc; }
.l5-empty-icon { width: 82px; height: 82px; border-radius: 50%; margin: 0 auto 16px; display: grid; place-items: center; background: var(--l5-teal); color: #fff; font-size: 23px; font-weight: 900; }
.l5-empty-card h2 { margin: 0 0 10px; }
.l5-empty-card p { color: #777; }
.quick-entry-panel .quick-main { border-radius: 0 !important; }
.quick-top-actions { background: var(--l5-teal-soft); border-bottom-color: var(--l5-border) !important; }
.quick-input { min-height: 310px !important; border-radius: 0 !important; }
.quick-submit-btn { background: var(--l5-teal) !important; }
@media (min-width:1366px) and (max-width: 1180px) {
.home-view .topbar { flex-direction: column; }
.home-view .topbar-left { min-width: 0; width: 100%; flex-wrap: wrap; }
.l5-feature-nav { padding-left: 0; overflow-x: auto; }
.member-body-shell { grid-template-columns: 200px minmax(0,1fr); }
.l5-number-board { grid-template-columns: repeat(5, minmax(42px,1fr)); }
}
@media (min-width:1366px) and (max-width: 760px) {
.member-body-shell { display: block; }
.member-body-shell > .quick-side { position: static; height: auto; border-right: 0; padding: 0 0 8px; }
.member-body-shell > .home-main { padding-left: 0 !important; }
.l5-feature-btn { min-width: 78px; padding: 0 10px; font-size: 14px; }
.l5-dual-digit-grid, .l5-fast-hit-grid { grid-template-columns: 1fr; }
}
:root{--ref-teal:#07998f;--ref-teal-dark:#008a81;--ref-line:#94aaa8;--ref-red:#c81431;--ref-yellow:#fff400;}
body{margin:0;background:#f5f5f5;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;color:#111;}
.home-view{background:#f5f5f5;min-height:100vh;}
.home-view .topbar{height:auto!important;min-height:54px!important;background:var(--ref-teal)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.45)!important;padding:7px 10px 2px!important;display:flex!important;align-items:flex-start!important;gap:14px!important;box-shadow:none!important;}
.home-view .topbar-left{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:auto!important;flex:0 0 auto!important;}
.l5-game-switch{order:0!important;margin:0!important;height:35px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:5px!important;background:rgba(0,0,0,.06)!important;}
.l5-game-switch-btn{height:33px!important;padding:0 12px!important;font-size:14px!important;color:#fff!important;background:transparent!important;}
.l5-game-switch-btn.is-active{background:var(--ref-yellow)!important;color:#111!important;}
.l5-site-mark{order:-1!important;font-size:23px!important;font-weight:900!important;line-height:35px!important;color:#071b1a!important;min-width:166px!important;text-align:center!important;}
.home-view .account-box{display:none!important;}
.home-view .lottery-box{display:none!important;}
.home-view .icon-nav{flex:1!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;padding:0 0 2px!important;}
.home-view .nav-icon-btn{height:35px!important;min-width:auto!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:5px!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important;}
.home-view .nav-icon-btn:hover,.home-view .nav-icon-btn.is-active{background:rgba(0,0,0,.11)!important;color:#fff!important;}
.home-view .nav-icon-btn .icon-circle{display:none!important;}
.home-view .network-speed-btn{border-color:transparent!important;color:var(--ref-yellow)!important;font-size:16px!important;}
.notice-bar{height:24px!important;min-height:24px!important;margin:0!important;padding:0 248px!important;display:flex!important;align-items:center!important;gap:18px!important;background:var(--ref-teal)!important;border:0!important;color:#fff!important;overflow:hidden!important;}
.notice-bar .line-shortcuts{white-space:nowrap;font-size:12px;color:#e7fffd;}
.notice-bar .draw-distance{white-space:nowrap;font-size:12px;color:var(--ref-yellow);font-weight:700;}
.notice-bar marquee{width:180px!important;flex:none!important;color:var(--ref-yellow)!important;font-size:12px!important;}
.notice-title{display:none!important;}
.l5-feature-nav{height:34px!important;min-height:34px!important;padding:0 0 0 236px!important;gap:0!important;background:var(--ref-teal)!important;border-top:1px solid rgba(255,255,255,.35)!important;border-bottom:4px solid #edf1f0!important;position:sticky!important;top:0!important;z-index:50!important;}
.l5-feature-btn{height:31px!important;min-width:90px!important;padding:0 15px!important;color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:15px!important;font-weight:900!important;}
.l5-feature-btn.is-active{background:var(--ref-yellow)!important;color:#111!important;border-radius:6px 6px 0 0!important;}
.member-body-shell{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;background:#f4f4f4!important;min-height:calc(100vh - 115px)!important;}
.member-body-shell>.quick-side{position:sticky!important;top:35px!important;height:calc(100vh - 38px)!important;overflow:auto!important;background:#f3f3f3!important;border-right:0!important;padding:0!important;}
.member-body-shell>.home-main{padding:0!important;margin:0!important;min-width:0!important;}
.quick-side .quick-box{margin:0 0 8px!important;border:1px solid var(--ref-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;}
.quick-side .quick-box-title{height:33px!important;min-height:33px!important;padding:0 7px!important;background:var(--ref-teal)!important;color:#fff!important;border-radius:0!important;font-size:15px!important;font-weight:900!important;}
.quick-side .quick-box-title:after{content:"资讯网";margin-left:auto;padding:2px 16px;border-radius:6px;background:#fff8ae;color:#415f5c;font-size:12px;font-weight:700;}
.quick-side .quick-box-title button{display:none!important;}
.quick-account-row{padding:6px 5px!important;border-bottom:1px solid #d2d2d2!important;font-size:13px!important;}
.quick-info-table,.quick-result-table{width:100%!important;border-collapse:collapse!important;font-size:13px!important;}
.quick-info-table th,.quick-info-table td,.quick-result-table th,.quick-result-table td{height:29px!important;padding:2px 5px!important;border:1px solid #d1d1d1!important;text-align:left!important;background:#fff!important;color:#111!important;}
.quick-info-table th{width:48%!important;font-weight:400!important;}
.quick-result-table thead th{text-align:center!important;background:#eef3f3!important;font-weight:700!important;}
.quick-record-box:before{content:"单位：元";display:block;text-align:right;padding:2px 4px;font-weight:700;background:#f3f3f3;}
.quick-record-box .quick-box-title{justify-content:center!important;background:#dfe9e9!important;color:#f00020!important;border-top:1px solid var(--ref-line)!important;}
.quick-record-box .quick-box-title:after{display:none!important;}
.quick-record-total{padding:5px!important;background:#fff!important;border-bottom:1px solid #ccc!important;}
.quick-copy-row{display:flex!important;justify-content:center!important;gap:20px!important;padding:4px!important;background:#fff!important;}
.quick-copy-row button,.quick-mini-btn{height:27px!important;border-radius:4px!important;border:1px solid #ad2222!important;background:linear-gradient(#e85b5b,#c52727)!important;color:#fff!important;font-weight:700!important;}
.quick-record-list{min-height:160px!important;padding:5px!important;background:#fff!important;font-size:12px!important;}
.quick-record-box:after{content:"第当前期，3天内有效!!";display:block;min-height:42px;padding:5px;background:#e7eeee;border-top:1px solid var(--ref-line);font-size:15px;line-height:22px;}
.panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;min-height:680px!important;}
.l5-play-panel{border:0!important;background:#fff!important;}
.l5-panel-titlebar,.report-title-bar,.member-card-title,.classic-titlebar{height:33px!important;min-height:33px!important;box-sizing:border-box!important;padding:0 7px!important;display:flex!important;align-items:center!important;background:var(--ref-teal)!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:15px!important;font-weight:900!important;}
.l5-panel-titlebar span{color:#e7fffd!important;font-size:12px!important;}
.l5-open-strip{min-height:30px!important;background:#f0f0f0!important;border:1px solid #d0d0d0!important;border-top:0!important;}
.l5-bet-builder{padding:10px!important;}
.l5-position-tabs{margin:0!important;border:1px solid var(--ref-line)!important;border-bottom:0!important;gap:0!important;}
.l5-pos-btn{height:42px!important;min-width:105px!important;border:0!important;border-right:1px solid #ddd!important;background:#fff!important;border-radius:0!important;}
.l5-pos-btn.is-active{background:var(--ref-teal)!important;color:#fff!important;}
.l5-number-board{max-width:none!important;grid-template-columns:repeat(10,minmax(42px,1fr))!important;gap:0!important;border:1px solid #d2d2d2!important;}
.l5-digit-btn{height:45px!important;border:0!important;border-right:1px solid #ddd!important;background:#fff!important;border-radius:0!important;}
.l5-digit-btn.is-active{background:#fff5a1!important;color:#a40022!important;}
.l5-builder-actions{margin:8px 0!important;border-top:1px solid #ddd!important;padding-top:8px!important;}
.l5-generated-box{border:1px solid var(--ref-line)!important;border-radius:0!important;}
.l5-generated-head{background:#e9eeee!important;}
.l5-generate-btn,.primary-btn{background:linear-gradient(#e65a5a,#bf2525)!important;border:1px solid #a71919!important;color:#fff!important;border-radius:4px!important;}
.l5-reset-btn,.secondary-btn{background:linear-gradient(#fff,#ececec)!important;border:1px solid #aaa!important;border-radius:3px!important;color:#222!important;}
.l5-quick-select-panel{min-height:690px!important;background:#fff!important;}
.l5-quick-layout{display:grid;grid-template-columns:42% 58%;gap:10px;padding:0 0 0 0;min-height:690px;background:#f5f5f5;}
.l5-generation-stage{border:1px solid var(--ref-line);background:#fff;min-height:515px;}
.l5-generation-stage .classic-titlebar{height:33px!important;}
.opening-status{min-height:460px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#111;}
.l5-reference-quick-pane{background:#fff;border-left:1px solid #c5d0cf;overflow:hidden;}
.l5-quick-frame{width:100%!important;height:690px!important;border:0!important;background:#fff!important;display:block!important;}
.report-title-bar{margin:0!important;}
.report-title-bar.inner{margin-top:10px!important;}
.report-toolbar{padding:4px 5px!important;min-height:42px!important;background:#eee!important;border:1px solid var(--ref-line)!important;border-top:0!important;border-radius:0!important;gap:6px!important;}
.report-field{gap:4px!important;}
.report-field input,.report-field select{height:28px!important;border:1px solid #999!important;border-radius:0!important;background:#fff!important;}
.report-radio-group{display:none!important;}
.report-card,.square-card,.member-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;}
.report-table,.compact-table,.l5-odds-table{border-collapse:collapse!important;width:100%!important;font-size:13px!important;}
.report-table th,.report-table td,.compact-table th,.compact-table td,.l5-odds-table th,.l5-odds-table td{border:1px solid var(--ref-line)!important;padding:6px 5px!important;text-align:center!important;background:#fff!important;}
.report-table thead th,.compact-table thead th,.l5-odds-table th{background:#f1f1f1!important;color:#111!important;font-weight:700!important;}
.panel-head{background:var(--ref-teal)!important;color:#fff!important;border-radius:0!important;margin:0!important;padding:7px!important;}
.panel-head h2,.panel-head p{color:#fff!important;margin:0 12px 0 0!important;}
.member-profile-grid{gap:8px!important;padding:8px!important;}
.l5-empty-panel{background:#fff!important;}
.l5-empty-card{display:none!important;}
@media (min-width:1366px) and (max-width:1000px){.notice-bar{padding-left:10px!important}.l5-feature-nav{padding-left:0!important}.member-body-shell{grid-template-columns:190px minmax(0,1fr)!important}.l5-quick-layout{grid-template-columns:1fr!important}.l5-generation-stage{min-height:260px}.opening-status{min-height:210px}}
:root{
--classic-teal:#07988f;
--classic-teal-dark:#00877f;
--classic-line:#93aaa7;
--classic-soft:#e7eeee;
--classic-yellow:#fff400;
--classic-red:#c7252d;
}
.home-view{min-height:100vh!important;background:#f4f4f4!important;color:#111!important;font:14px/1.35 Arial,"Microsoft YaHei",sans-serif!important;overflow-x:auto!important;}
.home-view .topbar{
display:grid!important;
grid-template-columns:218px minmax(0,1fr)!important;
grid-template-rows:42px 24px!important;
gap:0!important;
min-height:66px!important;
height:66px!important;
margin:0!important;
padding:6px 0 0!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.45)!important;
border-radius:0!important;
background:var(--classic-teal)!important;
box-shadow:none!important;
overflow:visible!important;
}
.home-view .topbar-left{
grid-column:1!important;grid-row:1 / span 2!important;
display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;
width:218px!important;min-width:218px!important;height:60px!important;
padding:3px 6px 0!important;border:0!important;background:transparent!important;
box-sizing:border-box!important;
}
.l5-site-mark{
order:0!important;display:block!important;width:auto!important;min-width:138px!important;height:auto!important;
margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
color:#071c1a!important;font-size:22px!important;font-weight:900!important;line-height:34px!important;text-align:center!important;white-space:nowrap!important;
}
.l5-game-switch{
order:1!important;display:flex!important;flex:0 0 auto!important;width:auto!important;height:31px!important;margin:1px 0 0!important;
border:1px solid rgba(255,255,255,.78)!important;border-radius:4px!important;overflow:hidden!important;background:transparent!important;
}
.l5-game-switch-btn{
width:auto!important;min-width:43px!important;height:29px!important;padding:0 8px!important;margin:0!important;border:0!important;border-right:1px solid rgba(255,255,255,.45)!important;
background:transparent!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:29px!important;box-shadow:none!important;
}
.l5-game-switch-btn:last-child{border-right:0!important}.l5-game-switch-btn.is-active{background:var(--classic-yellow)!important;color:#111!important;}
.home-view .account-box,.home-view .lottery-box{display:none!important;}
.home-view .icon-nav{
grid-column:2!important;grid-row:1!important;display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;
width:auto!important;height:38px!important;gap:4px!important;padding:0 8px 0 8px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;background:transparent!important;
}
.home-view .nav-icon-btn{
flex:0 0 auto!important;width:auto!important;min-width:auto!important;max-width:none!important;min-height:34px!important;height:34px!important;
margin:0!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:5px!important;border-bottom:1px solid rgba(255,255,255,.62)!important;
background:transparent!important;color:#fff!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;
font-size:15px!important;font-weight:800!important;line-height:32px!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important;
}
.home-view .nav-icon-btn span:last-child{color:inherit!important;font-weight:inherit!important}.home-view .nav-icon-btn .icon-circle{display:none!important;}
.home-view .nav-icon-btn:hover,.home-view .nav-icon-btn.is-active{background:rgba(0,0,0,.12)!important;color:#fff!important;}
.home-view .network-speed-btn{color:var(--classic-yellow)!important;border-color:transparent!important;font-size:16px!important;}
.notice-bar{
position:absolute!important;left:218px!important;right:0!important;top:46px!important;display:flex!important;align-items:center!important;gap:20px!important;
width:auto!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0 14px!important;border:0!important;background:var(--classic-teal)!important;color:#fff!important;overflow:hidden!important;z-index:2!important;
}
.notice-bar .line-shortcuts{flex:0 1 auto!important;white-space:nowrap!important;color:#e7fffc!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.notice-bar .draw-distance{flex:0 0 auto!important;white-space:nowrap!important;color:var(--classic-yellow)!important;font-size:12px!important;font-weight:700!important;}
.notice-bar marquee{flex:1 1 auto!important;width:auto!important;min-width:140px!important;color:var(--classic-yellow)!important;font-size:12px!important;}
.l5-feature-nav{
position:sticky!important;top:0!important;z-index:40!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;
width:100%!important;height:39px!important;min-height:39px!important;margin:0!important;padding:0 0 4px 218px!important;gap:0!important;box-sizing:border-box!important;
background:var(--classic-teal)!important;border:0!important;border-bottom:4px solid #edf1f0!important;overflow-x:auto!important;
}
.l5-feature-btn{
flex:0 0 auto!important;width:auto!important;min-width:90px!important;height:35px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:0!important;
background:transparent!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:35px!important;white-space:nowrap!important;
}
.l5-feature-btn.is-active{background:var(--classic-yellow)!important;color:#111!important;border-radius:6px 6px 0 0!important;}
.l5-feature-nav.is-disabled .l5-feature-btn{opacity:.5!important;pointer-events:none!important;}
.member-body-shell{
display:grid!important;grid-template-columns:218px minmax(1050px,1fr)!important;gap:8px!important;align-items:start!important;
width:100%!important;min-height:calc(100vh - 105px)!important;margin:0!important;padding:0!important;background:#f4f4f4!important;box-sizing:border-box!important;
}
.member-body-shell>.quick-side{
position:sticky!important;top:39px!important;display:block!important;width:218px!important;height:calc(100vh - 42px)!important;margin:0!important;padding:0!important;overflow:auto!important;
border:0!important;border-radius:0!important;background:#f3f3f3!important;box-shadow:none!important;
}
.member-body-shell>.home-main{display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;}
.member-rail{font-size:13px!important;color:#111!important;}
.rail-box{width:100%!important;margin:0 0 8px!important;border:1px solid var(--classic-line)!important;background:#fff!important;box-sizing:border-box!important;}
.rail-title{height:32px!important;padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--classic-teal)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;}
.rail-info-link{padding:2px 15px!important;border-radius:6px!important;background:#fff9b2!important;color:#536762!important;font-size:12px!important;font-weight:700!important;}
.rail-kv{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;min-height:30px!important;padding:0 4px!important;border-bottom:1px solid #d8d8d8!important;background:#fff!important;}
.rail-kv strong{font-weight:400!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.rail-result-row{grid-template-columns:48px minmax(0,1fr) 43px!important;}
.rail-refresh-btn{height:24px!important;padding:0 5px!important;border:1px solid #777!important;border-radius:2px!important;background:linear-gradient(#fff,#ececec)!important;color:#111!important;font-size:12px!important;}
.rail-hidden-value,.rail-hidden-btn{display:none!important;}
.rail-red-btn,.rail-actions button{
height:28px!important;padding:0 10px!important;border:1px solid #a91e1e!important;border-radius:4px!important;background:linear-gradient(#eb5b5b,#c32828)!important;color:#fff!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.rail-red-btn{margin:0 0 4px 0!important}.rail-unit{text-align:right!important;padding:0 5px 2px!important;font-size:14px!important;font-weight:700!important;}
.rail-subtitle{height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#dfe9e9!important;border-bottom:1px solid var(--classic-line)!important;color:#f00020!important;font-size:15px!important;font-weight:900!important;}
.rail-meta{padding:4px 3px!important;line-height:22px!important;background:#fff!important;}.rail-meta strong{font-weight:400!important;}
.rail-bet-table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;background:#fff!important;}.rail-bet-table th,.rail-bet-table td{height:27px!important;padding:2px 3px!important;border:1px solid #bcbcbc!important;text-align:center!important;vertical-align:top!important;}.rail-bet-table th{font-weight:700!important;}.rail-bet-table td{min-height:30px!important;word-break:break-all!important;}
.rail-total{padding:5px 3px!important;border-bottom:1px solid #c6c6c6!important;background:#fff!important;font-size:14px!important;}.rail-actions{display:flex!important;justify-content:center!important;gap:30px!important;padding:3px 0!important;background:#fff!important;}.rail-validity{min-height:50px!important;padding:4px 3px!important;border-top:1px solid var(--classic-line)!important;background:#e7eeee!important;font-size:15px!important;line-height:21px!important;}
.home-main>.panel{display:none!important;width:100%!important;min-height:690px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;}
.home-main>.panel.is-active{display:block!important;}
.l5-play-panel{background:#fff!important;}
.l5-panel-titlebar,.report-title-bar,.member-card-title,.classic-titlebar{
min-height:33px!important;height:33px!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;
border:0!important;border-radius:0!important;background:var(--classic-teal)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;
}
.l5-panel-titlebar span{font-size:12px!important;color:#e7fffd!important;font-weight:400!important;}.classic-title-count{margin-left:auto!important;font-size:12px!important;font-weight:700!important;color:#fff!important;}
.l5-open-strip{display:flex!important;align-items:center!important;gap:28px!important;min-height:31px!important;padding:0 10px!important;border:1px solid #d0d0d0!important;border-top:0!important;background:#efefef!important;color:#111!important;}
.l5-open-strip b{color:#b31931!important;}
.l5-bet-builder{padding:9px 8px 24px!important;}.l5-position-tabs{display:flex!important;gap:0!important;margin:0!important;border:1px solid var(--classic-line)!important;border-bottom:0!important;}.l5-pos-btn{flex:1 1 0!important;width:auto!important;min-width:90px!important;height:42px!important;margin:0!important;border:0!important;border-right:1px solid #ddd!important;border-radius:0!important;background:#fff!important;color:#111!important;font-weight:700!important;}.l5-pos-btn:last-child{border-right:0!important}.l5-pos-btn.is-active{background:var(--classic-teal)!important;color:#fff!important;}
.l5-number-board{display:grid!important;grid-template-columns:repeat(10,minmax(42px,1fr))!important;gap:0!important;max-width:none!important;border:1px solid #d1d1d1!important;background:#fff!important;}.l5-digit-btn{height:44px!important;border:0!important;border-right:1px solid #ddd!important;border-radius:0!important;background:#fff!important;color:#111!important;font-size:17px!important;font-weight:800!important;}.l5-digit-btn:last-child{border-right:0!important}.l5-digit-btn.is-active{background:#fff6a0!important;color:#a20d27!important;}
.l5-dual-digit-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;}.l5-dual-digit-grid>div{border:1px solid #d0d0d0!important;background:#fff!important;}.l5-dual-digit-grid h4{height:30px!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #d0d0d0!important;background:#eee!important;color:#9d142c!important;font-size:13px!important;}.l5-dual-digit-grid .l5-number-board{grid-template-columns:repeat(5,1fr)!important;border:0!important;}
.l5-builder-actions{display:flex!important;align-items:center!important;gap:8px!important;min-height:45px!important;margin:8px 0!important;padding:5px 0!important;border-top:1px solid #ddd!important;border-bottom:1px solid #ddd!important;}.l5-builder-actions input{height:27px!important;width:90px!important;border:1px solid #aaa!important;border-radius:0!important;padding:0 4px!important;}.l5-generate-btn,.primary-btn{height:29px!important;min-height:29px!important;padding:0 13px!important;border:1px solid #a71919!important;border-radius:4px!important;background:linear-gradient(#e65a5a,#bf2525)!important;color:#fff!important;font-weight:700!important;}.l5-reset-btn,.secondary-btn{height:29px!important;min-height:29px!important;padding:0 13px!important;border:1px solid #999!important;border-radius:3px!important;background:linear-gradient(#fff,#ececec)!important;color:#111!important;font-weight:700!important;}
.l5-generated-box{border:1px solid var(--classic-line)!important;border-radius:0!important;background:#fff!important;}.l5-generated-head{height:31px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #c4cfcd!important;background:#e9eeee!important;}.l5-generated-list{min-height:180px!important;padding:7px!important;display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:4px!important;color:#555!important;}.l5-number-chip{padding:3px 6px!important;border:1px solid #ccc!important;border-radius:0!important;background:#fff!important;color:#111!important;font-family:Consolas,monospace!important;}
.l5-fast-hit-grid{display:grid!important;grid-template-columns:1fr .85fr!important;gap:8px!important;padding:8px!important;}.l5-fast-hit-editor textarea{width:100%!important;min-height:360px!important;padding:8px!important;border:1px solid var(--classic-line)!important;border-radius:0!important;resize:vertical!important;background:#fff!important;color:#111!important;font:14px/1.5 Consolas,monospace!important;box-sizing:border-box!important;}
.l5-quick-select-panel{min-height:690px!important;background:#f4f4f4!important;overflow:hidden!important;}
.l5-quick-layout{display:grid!important;grid-template-columns:minmax(430px,40.5%) minmax(650px,59.5%)!important;gap:9px!important;width:100%!important;min-height:690px!important;padding:0!important;background:#f4f4f4!important;}
.l5-generation-stage{min-height:515px!important;border:1px solid var(--classic-line)!important;background:#fff!important;box-sizing:border-box!important;overflow:hidden!important;}.l5-generation-stage .classic-titlebar{height:33px!important;}.opening-status{min-height:477px!important;max-height:650px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;background:#fff!important;box-sizing:border-box!important;}.opening-copy{font-size:20px!important;font-weight:900!important;color:#111!important;}
.l5-quick-result-grid{width:100%!important;height:100%!important;display:grid!important;grid-template-columns:repeat(7,minmax(62px,1fr))!important;align-content:start!important;gap:0!important;}.l5-quick-result-item{min-height:27px!important;padding:4px 3px!important;border:1px solid #d0d0d0!important;margin:-1px 0 0 -1px!important;background:#fff!important;text-align:center!important;font:13px/18px Consolas,monospace!important;}.l5-quick-result-empty{font-size:20px!important;font-weight:900!important;}
.l5-reference-quick-pane{min-width:0!important;min-height:690px!important;border:1px solid var(--classic-line)!important;background:#fff!important;overflow:hidden!important;}.l5-quick-frame{display:block!important;width:100%!important;height:690px!important;margin:0!important;border:0!important;background:#fff!important;}
.quick-entry-panel .quick-workbench{display:block!important;}.quick-entry-panel .quick-main{width:100%!important;min-height:690px!important;padding:0!important;background:#fff!important;}.quick-top-actions{height:32px!important;padding:3px 6px!important;border:1px solid var(--classic-line)!important;background:#e8eeee!important;}.quick-input-wrap{padding:7px!important;background:#fff!important;}.quick-input{width:100%!important;min-height:250px!important;border:1px solid var(--classic-line)!important;border-radius:0!important;box-sizing:border-box!important;}.quick-toolbar{border-radius:0!important;border-color:#ccc!important;background:#eee!important;}.quick-submit-btn,.quick-green-btn{background:linear-gradient(#e65a5a,#bf2525)!important;border-color:#a71919!important;color:#fff!important;border-radius:4px!important;}
.report-toolbar{display:flex!important;align-items:center!important;gap:6px!important;min-height:38px!important;padding:4px 5px!important;border:1px solid var(--classic-line)!important;border-top:0!important;border-radius:0!important;background:#eee!important;}.report-field{display:inline-flex!important;align-items:center!important;gap:4px!important;}.report-field input,.report-field select{height:27px!important;border:1px solid #999!important;border-radius:0!important;background:#fff!important;}.report-table-wrap{overflow:auto!important;}.report-table,.compact-table,.l5-odds-table{width:100%!important;border-collapse:collapse!important;table-layout:auto!important;font-size:13px!important;}.report-table th,.report-table td,.compact-table th,.compact-table td,.l5-odds-table th,.l5-odds-table td{height:32px!important;padding:4px 5px!important;border:1px solid var(--classic-line)!important;background:#fff!important;text-align:center!important;}.report-table thead th,.compact-table thead th,.l5-odds-table th{background:#f0f0f0!important;color:#111!important;font-weight:700!important;}.report-card,.member-card,.square-card{margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;}
.panel-head{border-radius:0!important}.member-profile-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important;}.member-card{border:1px solid var(--classic-line)!important;}.odds-card{margin:0 8px 8px!important;}
.l5-odds-toolbar{display:flex!important;align-items:center!important;gap:10px!important;height:40px!important;padding:0 7px!important;border:1px solid var(--classic-line)!important;border-top:0!important;background:#eee!important;}.l5-odds-table-wrap{overflow:auto!important;}.l5-odds-table td:first-child{color:#b1122c!important;font-weight:800!important;}.l5-special-list{padding:8px!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;}.l5-special-odds-chip{padding:4px 6px!important;border:1px solid #aaa!important;background:#fff!important;}
.l5-empty-panel{min-height:690px!important;background:#fff!important;}.l5-empty-card{display:none!important;}
.simple-modal{z-index:200!important;}
@media (min-width:1366px) and (max-width:1180px){
.home-view .topbar{grid-template-columns:190px minmax(0,1fr)!important}.home-view .topbar-left{width:190px!important;min-width:190px!important}.l5-site-mark{min-width:115px!important;font-size:19px!important}.notice-bar{left:190px!important}.l5-feature-nav{padding-left:190px!important}.member-body-shell{grid-template-columns:190px minmax(900px,1fr)!important}.member-body-shell>.quick-side{width:190px!important}.home-view .nav-icon-btn{padding:0 10px!important;font-size:14px!important}.l5-quick-layout{grid-template-columns:38% 62%!important}.l5-quick-result-grid{grid-template-columns:repeat(5,1fr)!important}
}
.quick-record-box:before,.quick-record-box:after{display:none!important;content:none!important;}
.home-view{font-size:13px!important;}
.home-view .topbar{grid-template-columns:224px minmax(0,1fr)!important;grid-template-rows:40px 23px!important;height:63px!important;min-height:63px!important;padding-top:0!important;}
.home-view .topbar-left{width:224px!important;min-width:224px!important;height:40px!important;align-items:center!important;justify-content:flex-start!important;padding:0 0 0 14px!important;gap:7px!important;}
.l5-site-mark{min-width:112px!important;font-size:18px!important;line-height:32px!important;text-align:left!important;}
.l5-game-switch{height:28px!important;margin:0!important;border-radius:3px!important;}
.l5-game-switch-btn{min-width:38px!important;height:26px!important;padding:0 6px!important;font-size:12px!important;line-height:26px!important;}
.home-view .icon-nav{height:40px!important;padding:3px 7px 0 0!important;gap:3px!important;}
.home-view .nav-icon-btn{height:34px!important;min-height:34px!important;padding:0 13px!important;font-size:14px!important;line-height:32px!important;border-radius:4px!important;}
.home-view .network-speed-btn{font-size:14px!important;}
.notice-bar{left:224px!important;top:40px!important;height:23px!important;min-height:23px!important;padding:0 12px!important;gap:16px!important;}
.notice-bar .line-shortcuts,.notice-bar .draw-distance,.notice-bar marquee{font-size:11px!important;}
.l5-feature-nav{height:36px!important;min-height:36px!important;padding:0 0 3px 224px!important;border-bottom-width:3px!important;}
.l5-feature-btn{min-width:84px!important;height:33px!important;padding:0 13px!important;font-size:14px!important;line-height:33px!important;}
.member-body-shell{grid-template-columns:224px minmax(0,1fr)!important;gap:18px!important;min-height:calc(100vh - 99px)!important;}
.member-body-shell>.quick-side{width:224px!important;height:calc(100vh - 36px)!important;top:36px!important;}
.member-rail{font-size:12px!important;}
.rail-title{height:31px!important;font-size:14px!important;}
.rail-kv{grid-template-columns:88px minmax(0,1fr)!important;min-height:29px!important;padding:0 3px!important;}
.rail-result-row{grid-template-columns:46px minmax(0,1fr) 42px!important;}
.rail-unit{font-size:13px!important;}.rail-subtitle{height:31px!important;font-size:14px!important;}.rail-meta{line-height:20px!important;}
.rail-bet-table th,.rail-bet-table td{height:26px!important;font-size:12px!important;}.rail-total{font-size:13px!important;}.rail-validity{font-size:14px!important;}
.l5-quick-select-panel{min-height:650px!important;}
.l5-quick-layout{grid-template-columns:minmax(500px,42%) minmax(620px,58%)!important;gap:10px!important;min-height:650px!important;}
.l5-generation-stage{min-height:385px!important;height:385px!important;}
.l5-generation-stage .classic-titlebar{height:32px!important;min-height:32px!important;font-size:14px!important;}
.opening-status{min-height:352px!important;height:352px!important;max-height:352px!important;padding:6px!important;}
.opening-copy{font-size:18px!important;}
.l5-reference-quick-pane{min-height:650px!important;}
.l5-quick-frame{height:650px!important;}
.l5-quick-result-grid{grid-template-columns:repeat(7,minmax(58px,1fr))!important;}
.l5-quick-result-item{min-height:25px!important;padding:3px 2px!important;font-size:12px!important;line-height:17px!important;}
@media (min-width:1366px) and (max-width:1500px){
.l5-quick-layout{grid-template-columns:minmax(500px,50%) minmax(600px,50%)!important;}
}
@media (min-width:1366px) and (max-width:1180px){
.home-view .topbar{grid-template-columns:205px minmax(0,1fr)!important;}
.home-view .topbar-left{width:205px!important;min-width:205px!important;padding-left:8px!important;gap:4px!important;}
.l5-site-mark{min-width:103px!important;font-size:17px!important;}
.notice-bar{left:205px!important;}.l5-feature-nav{padding-left:205px!important;}
.member-body-shell{grid-template-columns:205px minmax(1000px,1fr)!important;gap:18px!important;}.member-body-shell>.quick-side{width:205px!important;}
.home-view .nav-icon-btn{padding:0 9px!important;font-size:13px!important;}
.l5-quick-layout{grid-template-columns:48% 52%!important;}
}
@media(min-width:1650px){
.home-view .topbar{grid-template-columns:205px minmax(0,1fr)!important;}
.home-view .topbar-left{width:205px!important;min-width:205px!important;padding-left:10px!important;gap:4px!important;}
.l5-site-mark{min-width:104px!important;font-size:17px!important;}
.notice-bar{left:205px!important;}
.l5-feature-nav{padding-left:205px!important;}
.member-body-shell{grid-template-columns:205px minmax(0,1fr)!important;gap:24px!important;}
.member-body-shell>.quick-side{width:205px!important;}
.l5-quick-layout{grid-template-columns:605px minmax(0,1fr)!important;gap:10px!important;}
}
:root{
--v5-teal:#00948c;
--v5-feature:#0dada2;
--v5-line:#8fa9a6;
--v5-bg:#f7f7f7;
--v5-yellow:#fff400;
--v5-red:#a9002c;
}
.home-view{
background:var(--v5-bg)!important;
font-family:Arial,"Microsoft YaHei",sans-serif!important;
font-size:clamp(12px,.72vw,14px)!important;
}
.home-view .topbar{
display:grid!important;
grid-template-columns:11.65vw minmax(0,1fr)!important;
grid-template-rows:1.78vw 1.72vw!important;
width:100%!important;
height:3.50vw!important;
min-height:0!important;
padding:0!important;
margin:0!important;
background:var(--v5-teal)!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.45)!important;
overflow:visible!important;
}
.home-view .topbar-left{
grid-column:1!important;
grid-row:1 / span 2!important;
position:relative!important;
display:block!important;
width:11.65vw!important;
min-width:11.65vw!important;
height:3.50vw!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
}
.l5-site-mark{
position:absolute!important;
left:2.20vw!important;
top:.22vw!important;
width:auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
color:#051c19!important;
background:transparent!important;
border:0!important;
font-size:clamp(18px,1.18vw,23px)!important;
font-weight:900!important;
line-height:1.45!important;
letter-spacing:0!important;
white-space:nowrap!important;
text-align:left!important;
}
.l5-game-switch{
position:absolute!important;
left:6.90vw!important;
top:1.92vw!important;
display:flex!important;
width:auto!important;
height:1.12vw!important;
min-height:18px!important;
margin:0!important;
padding:0!important;
border:1px solid rgba(255,255,255,.78)!important;
border-radius:2px!important;
overflow:hidden!important;
background:transparent!important;
}
.l5-game-switch-btn{
min-width:2.18vw!important;
width:auto!important;
height:1.10vw!important;
min-height:17px!important;
padding:0 .32vw!important;
margin:0!important;
border:0!important;
border-right:1px solid rgba(255,255,255,.55)!important;
border-radius:0!important;
background:transparent!important;
color:#fff!important;
font-size:clamp(10px,.57vw,12px)!important;
font-weight:800!important;
line-height:1!important;
}
.l5-game-switch-btn:last-child{border-right:0!important;}
.l5-game-switch-btn.is-active{background:var(--v5-yellow)!important;color:#111!important;}
.home-view .icon-nav{
grid-column:2!important;
grid-row:1!important;
display:flex!important;
align-items:flex-start!important;
flex-flow:row nowrap!important;
gap:.18vw!important;
width:100%!important;
height:1.78vw!important;
padding:.08vw .45vw 0 1.02vw!important;
margin:0!important;
background:transparent!important;
overflow:hidden!important;
}
.home-view .nav-icon-btn{
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
height:1.62vw!important;
min-height:0!important;
padding:0 .70vw!important;
margin:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(255,255,255,.72)!important;
border-radius:4px!important;
background:transparent!important;
color:#fff!important;
box-shadow:none!important;
font-size:clamp(12px,.78vw,15px)!important;
font-weight:800!important;
line-height:1!important;
white-space:nowrap!important;
}
.home-view .nav-icon-btn:hover,.home-view .nav-icon-btn.is-active{background:rgba(0,0,0,.08)!important;}
.home-view .network-speed-btn{
border-color:transparent!important;
color:var(--v5-yellow)!important;
font-size:clamp(12px,.78vw,15px)!important;
}
.notice-bar{
position:absolute!important;
left:11.65vw!important;
right:0!important;
top:1.78vw!important;
display:flex!important;
align-items:center!important;
gap:.72vw!important;
height:1.72vw!important;
min-height:0!important;
margin:0!important;
padding:0 .85vw 0 1.22vw!important;
background:var(--v5-teal)!important;
border:0!important;
color:#fff!important;
overflow:hidden!important;
z-index:2!important;
}
.notice-bar .line-shortcuts,
.notice-bar .draw-distance,
.notice-bar marquee{
font-size:clamp(10px,.61vw,12px)!important;
line-height:1!important;
}
.notice-bar .line-shortcuts{flex:0 1 auto!important;white-space:nowrap!important;color:#e6fffc!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.notice-bar .draw-distance{flex:0 0 auto!important;white-space:nowrap!important;color:var(--v5-yellow)!important;font-weight:700!important;}
.notice-bar marquee{flex:1 1 auto!important;color:var(--v5-yellow)!important;}
.l5-feature-nav{
position:sticky!important;
top:0!important;
z-index:40!important;
display:flex!important;
align-items:stretch!important;
justify-content:flex-start!important;
width:100%!important;
height:1.78vw!important;
min-height:0!important;
margin:0!important;
padding:0 0 0 11.65vw!important;
gap:0!important;
background:var(--v5-feature)!important;
border:0!important;
border-bottom:3px solid #eef1f0!important;
overflow:hidden!important;
box-sizing:content-box!important;
}
.l5-feature-btn{
flex:0 0 auto!important;
min-width:4.75vw!important;
width:auto!important;
height:1.78vw!important;
padding:0 .72vw!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#fff!important;
font-size:clamp(12px,.76vw,15px)!important;
font-weight:900!important;
line-height:1!important;
white-space:nowrap!important;
}
.l5-feature-btn.is-active{
background:var(--v5-yellow)!important;
color:#111!important;
border-radius:5px 5px 0 0!important;
}
.member-body-shell{
display:grid!important;
grid-template-columns:11.65vw minmax(0,1fr)!important;
gap:1.35vw!important;
align-items:start!important;
width:100%!important;
min-height:calc(100vh - 5.31vw)!important;
padding:0!important;
margin:0!important;
background:var(--v5-bg)!important;
}
.member-body-shell>.quick-side{
position:sticky!important;
top:1.78vw!important;
width:11.65vw!important;
height:calc(100vh - 1.78vw)!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:auto!important;
background:#f3f3f3!important;
}
.member-body-shell>.home-main{
min-width:0!important;
width:100%!important;
margin:0!important;
padding:0!important;
background:transparent!important;
}
.member-rail{font-size:clamp(11px,.66vw,13px)!important;}
.rail-box{margin:0 0 .36vw!important;border:1px solid var(--v5-line)!important;}
.rail-title{
height:1.63vw!important;
min-height:27px!important;
padding:0 .38vw!important;
background:var(--v5-teal)!important;
font-size:clamp(12px,.75vw,15px)!important;
}
.rail-info-link{
padding:.08vw .72vw!important;
border-radius:6px!important;
font-size:clamp(10px,.60vw,12px)!important;
}
.rail-kv{
grid-template-columns:4.9vw minmax(0,1fr)!important;
min-height:1.48vw!important;
height:auto!important;
padding:0 .20vw!important;
font-size:clamp(11px,.64vw,13px)!important;
}
.rail-result-row{grid-template-columns:2.45vw minmax(0,1fr) 2.25vw!important;}
.rail-refresh-btn{height:1.28vw!important;min-height:22px!important;font-size:clamp(10px,.58vw,12px)!important;}
.rail-red-btn,.rail-actions button{height:1.45vw!important;min-height:25px!important;padding:0 .52vw!important;font-size:clamp(11px,.64vw,13px)!important;}
.rail-unit{font-size:clamp(12px,.70vw,14px)!important;}
.rail-subtitle{height:1.60vw!important;font-size:clamp(12px,.74vw,15px)!important;}
.rail-meta{padding:.18vw .18vw!important;line-height:1.14vw!important;}
.rail-bet-table th,.rail-bet-table td{height:1.42vw!important;padding:.08vw .14vw!important;font-size:clamp(11px,.62vw,12px)!important;}
.rail-total{padding:.22vw .16vw!important;font-size:clamp(12px,.68vw,14px)!important;}
.rail-actions{gap:1.6vw!important;padding:.14vw 0!important;}
.rail-validity{min-height:2.7vw!important;padding:.16vw!important;font-size:clamp(12px,.72vw,15px)!important;line-height:1.25!important;}
.l5-quick-select-panel{min-height:0!important;background:transparent!important;}
.l5-quick-layout{
display:grid!important;
grid-template-columns:34.30vw minmax(0,1fr)!important;
gap:.58vw!important;
width:100%!important;
min-height:0!important;
padding:0!important;
margin:0!important;
background:var(--v5-bg)!important;
}
.l5-generation-stage{
width:34.30vw!important;
min-width:0!important;
height:20.40vw!important;
min-height:360px!important;
max-height:405px!important;
border:1px solid var(--v5-line)!important;
background:#fff!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.l5-generation-stage .classic-titlebar{
height:1.68vw!important;
min-height:28px!important;
padding:0 .38vw!important;
background:var(--v5-teal)!important;
font-size:clamp(12px,.72vw,14px)!important;
}
.opening-status{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:calc(100% - 1.68vw)!important;
min-height:0!important;
max-height:none!important;
padding:.35vw!important;
overflow:auto!important;
background:#fff!important;
}
.opening-copy{
font-size:clamp(17px,1.05vw,20px)!important;
font-weight:900!important;
color:#111!important;
}
.l5-reference-quick-pane{
min-width:0!important;
min-height:0!important;
height:35.8vw!important;
max-height:690px!important;
border:1px solid var(--v5-line)!important;
background:#fff!important;
overflow:hidden!important;
}
.l5-quick-frame{
display:block!important;
width:100%!important;
height:100%!important;
min-height:0!important;
margin:0!important;
border:0!important;
background:#fff!important;
}
.l5-quick-result-grid{
grid-template-columns:repeat(7,minmax(0,1fr))!important;
align-content:start!important;
width:100%!important;
}
.l5-quick-result-item{
min-height:1.36vw!important;
padding:.15vw .10vw!important;
font-size:clamp(11px,.62vw,13px)!important;
line-height:1.1!important;
}
@media (min-width:1001px){
.home-view .topbar{grid-template-columns:11.65vw minmax(0,1fr)!important;}
.home-view .topbar-left{width:11.65vw!important;min-width:11.65vw!important;}
.notice-bar{left:11.65vw!important;}
.l5-feature-nav{padding-left:11.65vw!important;}
.member-body-shell{grid-template-columns:11.65vw minmax(0,1fr)!important;gap:1.35vw!important;}
.member-body-shell>.quick-side{width:11.65vw!important;}
.l5-quick-layout{grid-template-columns:34.30vw minmax(0,1fr)!important;gap:.58vw!important;}
}
.l5-feature-nav{box-sizing:border-box!important;}
.l5-reference-quick-pane{height:36.3vw!important;max-height:700px!important;}
.home-view .nav-icon-btn,.home-view .network-speed-btn{font-size:clamp(13px,.84vw,16px)!important;}
.l5-feature-btn{font-size:clamp(13px,.82vw,16px)!important;}
.member-rail{font-size:clamp(12px,.72vw,14px)!important;}
.rail-title{font-size:clamp(13px,.82vw,16px)!important;}
.rail-kv{font-size:clamp(12px,.70vw,14px)!important;}
.rail-bet-table th,.rail-bet-table td{font-size:clamp(12px,.67vw,13px)!important;}
.l5-generation-stage .classic-titlebar{font-size:clamp(13px,.80vw,16px)!important;}
.opening-copy{font-size:clamp(18px,1.12vw,21px)!important;}
.l5-reference-quick-pane{height:36.4vw!important;max-height:702px!important;}
.l5-site-mark{font-size:23px!important;}
.home-view .nav-icon-btn,.home-view .network-speed-btn{font-size:16px!important;}
.notice-bar .line-shortcuts,.notice-bar .draw-distance,.notice-bar marquee{font-size:12px!important;}
.l5-feature-btn{font-size:16px!important;}
.member-rail{font-size:14px!important;}
.rail-title{font-size:16px!important;}
.rail-kv{font-size:14px!important;}
.rail-info-link{font-size:12px!important;}
.rail-unit{font-size:14px!important;}
.rail-subtitle{font-size:15px!important;}
.rail-meta{font-size:14px!important;line-height:1.22!important;}
.rail-bet-table th,.rail-bet-table td{font-size:13px!important;}
.rail-total{font-size:14px!important;}
.rail-validity{font-size:15px!important;}
.l5-generation-stage .classic-titlebar{font-size:16px!important;}
.opening-copy{font-size:21px!important;}
.home-view,.home-view *{
font-family:"Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif!important;
font-style:normal!important;
}
:root{--v6-teal:#00948c;--v6-feature:#0dada2;--v6-line:#8fa9a6;--v6-yellow:#fff400;--v6-bg:#f7f7f7;}
@media (min-width:1300px){
.home-view{font-size:14px!important;}
.home-view .topbar{
grid-template-columns:11.90vw minmax(0,1fr)!important;
grid-template-rows:2.30vw 1.78vw!important;
height:4.08vw!important;
}
.home-view .topbar-left{width:11.90vw!important;min-width:11.90vw!important;height:4.08vw!important;}
.l5-site-mark{left:2.55vw!important;top:.62vw!important;font-size:24px!important;line-height:1!important;}
.l5-game-switch{left:7.75vw!important;top:.58vw!important;height:1.65vw!important;min-height:28px!important;}
.l5-game-switch-btn{height:1.62vw!important;min-height:27px!important;min-width:2.35vw!important;font-size:13px!important;padding:0 .38vw!important;}
.home-view .icon-nav{
height:2.30vw!important;
padding:.35vw .35vw 0 0!important;
gap:.18vw!important;
align-items:flex-start!important;
}
.home-view .nav-icon-btn{
height:1.78vw!important;min-height:32px!important;
padding:0 .78vw!important;
font-size:16px!important;
border-radius:5px!important;
}
.home-view .network-speed-btn{font-size:16px!important;margin-left:.7vw!important;}
.notice-bar{
left:11.90vw!important;
top:2.30vw!important;
height:1.78vw!important;
padding:0 .75vw 0 1.15vw!important;
}
.notice-bar .line-shortcuts,.notice-bar .draw-distance,.notice-bar marquee{font-size:12px!important;}
.l5-feature-nav{
height:1.65vw!important;
padding-left:11.90vw!important;
border-bottom:3px solid #eef1f0!important;
}
.l5-feature-btn{height:1.65vw!important;min-width:4.55vw!important;padding:0 .72vw!important;font-size:16px!important;}
.member-body-shell{
grid-template-columns:11.90vw minmax(0,1fr)!important;
gap:1.55vw!important;
padding-top:.30vw!important;
min-height:calc(100vh - 6.03vw)!important;
}
.member-body-shell>.quick-side{width:11.90vw!important;top:1.65vw!important;height:calc(100vh - 1.65vw)!important;}
.member-rail{font-size:14px!important;}
.rail-box{margin-bottom:.42vw!important;}
.rail-title{height:1.75vw!important;min-height:32px!important;padding:0 .32vw!important;font-size:16px!important;}
.rail-info-link{font-size:13px!important;padding:.08vw .72vw!important;}
.rail-kv{grid-template-columns:5.25vw minmax(0,1fr)!important;min-height:1.72vw!important;padding:0 .28vw!important;font-size:14px!important;}
.rail-result-row{grid-template-columns:2.75vw minmax(0,1fr) 2.4vw!important;}
.rail-refresh-btn{height:1.45vw!important;min-height:26px!important;font-size:13px!important;}
.rail-red-btn,.rail-actions button{height:1.60vw!important;min-height:29px!important;font-size:14px!important;}
.rail-unit{font-size:16px!important;}
.rail-subtitle{height:1.72vw!important;font-size:16px!important;}
.rail-meta{padding:.20vw .20vw!important;line-height:1.27vw!important;font-size:14px!important;}
.rail-bet-table th,.rail-bet-table td{height:1.56vw!important;padding:.08vw .14vw!important;font-size:14px!important;}
.rail-total{padding:.22vw .16vw!important;font-size:15px!important;}
.rail-actions{gap:1.7vw!important;padding:.17vw 0!important;}
.rail-validity{min-height:2.75vw!important;font-size:15px!important;line-height:1.35!important;}
.l5-quick-layout{grid-template-columns:34.00vw minmax(0,1fr)!important;gap:.78vw!important;}
.l5-generation-stage{width:34.00vw!important;height:21.65vw!important;min-height:405px!important;max-height:420px!important;}
.l5-generation-stage .classic-titlebar{height:1.78vw!important;min-height:33px!important;padding:0 .35vw!important;font-size:16px!important;}
.opening-status{height:calc(100% - 1.78vw)!important;padding:.4vw!important;}
.opening-copy,.l5-quick-test-placeholder{font-size:21px!important;font-weight:900!important;color:#111!important;}
.l5-reference-quick-pane{height:38.0vw!important;max-height:735px!important;}
.l5-quick-result-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
.l5-quick-result-item{min-height:1.52vw!important;padding:.18vw .12vw!important;font-size:14px!important;}
}
@media (min-width:1300px){
.l5-game-switch{left:7.45vw!important;top:2.52vw!important;height:1.18vw!important;min-height:21px!important;}
.l5-game-switch-btn{height:1.15vw!important;min-height:20px!important;min-width:1.95vw!important;padding:0 .28vw!important;font-size:12px!important;}
}
@media (min-width:1300px){
.l5-game-switch-btn{min-width:40px!important;width:40px!important;padding:0!important;white-space:nowrap!important;}
}
.l5-quick-select-panel{
overflow:auto!important;
background:#f7f7f7!important;
}
.l5-quick-layout{
display:grid!important;
grid-template-columns:minmax(560px,34vw) minmax(980px,1fr)!important;
gap:12px!important;
width:100%!important;
min-width:1560px!important;
align-items:start!important;
background:#f7f7f7!important;
}
.l5-quick-left-stack{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
width:100%!important;
min-width:0!important;
}
.l5-generation-stage{
width:100%!important;
min-width:0!important;
height:auto!important;
min-height:337px!important;
max-height:none!important;
border:1px solid #7eb2af!important;
background:#fff!important;
overflow:hidden!important;
}
.l5-generation-stage .classic-titlebar,
.l5-send-stage .classic-titlebar{
height:34px!important;
min-height:34px!important;
padding:0 6px!important;
background:#00948c!important;
color:#fff!important;
font-size:16px!important;
font-weight:700!important;
}
.l5-generation-stage .classic-title-count{display:none!important;}
.opening-status{
display:block!important;
width:100%!important;
height:auto!important;
min-height:302px!important;
max-height:none!important;
padding:0!important;
overflow:auto!important;
background:#fff!important;
}
.opening-status:empty{min-height:302px!important;}
.opening-status:not(:empty){padding-bottom:6px!important;}
.opening-status .opening-copy,
.opening-status .l5-quick-test-placeholder{display:none!important;}
.l5-quick-result-grid{
display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
align-content:start!important;
width:100%!important;
height:auto!important;
padding:0!important;
gap:0!important;
}
.l5-quick-result-item{
height:38px!important;
min-height:38px!important;
padding:0 3px!important;
margin:-1px 0 0 -1px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #9d9d9d!important;
background:#fff!important;
color:#111!important;
font:14px/1.1 Arial,"Microsoft YaHei",sans-serif!important;
}
.l5-send-stage{
width:100%!important;
min-width:0!important;
border:1px solid #7eb2af!important;
background:#fff!important;
box-sizing:border-box!important;
}
.l5-send-body{
display:grid!important;
grid-template-columns:1fr 1fr!important;
min-height:68px!important;
background:#fff!important;
}
.l5-send-entry{
display:flex!important;
align-items:center!important;
gap:5px!important;
min-width:0!important;
padding:7px 6px!important;
border-right:1px solid #7eb2af!important;
box-sizing:border-box!important;
white-space:nowrap!important;
}
.l5-send-entry label{font-size:17px!important;font-weight:400!important;color:#111!important;}
.l5-send-entry input{
width:118px!important;
height:48px!important;
padding:2px 5px!important;
border:1px solid #999!important;
border-radius:0!important;
background:#fff!important;
color:#111!important;
font-size:16px!important;
box-sizing:border-box!important;
}
.l5-send-entry button{
height:48px!important;
padding:0 10px!important;
border:1px solid #a71919!important;
border-radius:5px!important;
background:linear-gradient(#e65a5a,#bf2525)!important;
color:#fff!important;
font-size:16px!important;
font-weight:700!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important;
}
.l5-send-summary{
display:grid!important;
grid-template-rows:1fr 1fr!important;
min-width:0!important;
font-size:14px!important;
color:#111!important;
}
.l5-send-summary>div{
display:flex!important;
align-items:center!important;
padding:0 7px!important;
min-height:34px!important;
box-sizing:border-box!important;
}
.l5-send-summary>div+div{border-top:1px solid #7eb2af!important;}
.l5-send-summary b{font-weight:400!important;margin-left:3px!important;}
.l5-reference-quick-pane{
min-width:980px!important;
width:100%!important;
height:735px!important;
min-height:735px!important;
max-height:none!important;
border:0!important;
overflow:auto!important;
background:#fff!important;
}
.l5-quick-frame{
display:block!important;
width:100%!important;
min-width:980px!important;
height:735px!important;
min-height:735px!important;
border:0!important;
background:#fff!important;
}
@media (min-width:1750px){
.l5-quick-layout{grid-template-columns:34.0vw minmax(980px,1fr)!important;gap:.78vw!important;min-width:0!important;}
.l5-reference-quick-pane,.l5-quick-frame{min-width:0!important;}
}
@media (min-width: 900px){
.home-view{font-size:clamp(11px,.73vw,14px)!important;}
.l5-site-mark{font-size:clamp(18px,1.25vw,24px)!important;}
.home-view .nav-icon-btn,
.home-view .network-speed-btn{font-size:clamp(13px,.84vw,16px)!important;min-height:0!important;}
.notice-bar .line-shortcuts,
.notice-bar .draw-distance,
.notice-bar marquee{font-size:clamp(10px,.63vw,12px)!important;}
.l5-feature-btn{font-size:clamp(13px,.84vw,16px)!important;}
.member-rail{font-size:clamp(11px,.73vw,14px)!important;}
.rail-title{font-size:clamp(13px,.84vw,16px)!important;min-height:0!important;}
.rail-info-link{font-size:clamp(10px,.68vw,13px)!important;}
.rail-kv{font-size:clamp(11px,.73vw,14px)!important;}
.rail-refresh-btn{font-size:clamp(10px,.68vw,13px)!important;min-height:0!important;}
.rail-red-btn,.rail-actions button{font-size:clamp(11px,.73vw,14px)!important;min-height:0!important;}
.rail-unit{font-size:clamp(12px,.84vw,16px)!important;}
.rail-subtitle{font-size:clamp(12px,.84vw,16px)!important;}
.rail-meta{font-size:clamp(11px,.73vw,14px)!important;}
.rail-bet-table th,.rail-bet-table td{font-size:clamp(11px,.73vw,14px)!important;}
.rail-total{font-size:clamp(12px,.78vw,15px)!important;}
.rail-validity{font-size:clamp(12px,.78vw,15px)!important;}
.l5-game-switch{min-height:0!important;}
.l5-game-switch-btn{min-height:0!important;min-width:0!important;width:2.09vw!important;font-size:clamp(10px,.63vw,12px)!important;}
.home-view .nav-icon-btn{height:1.78vw!important;}
.l5-feature-btn{height:1.65vw!important;}
.rail-title{height:1.75vw!important;}
.rail-refresh-btn{height:1.45vw!important;}
.rail-red-btn,.rail-actions button{height:1.60vw!important;}
.l5-quick-select-panel{overflow:visible!important;}
.l5-quick-layout{
grid-template-columns:34.00vw minmax(0,1fr)!important;
gap:.78vw!important;
width:100%!important;
min-width:0!important;
}
.l5-quick-left-stack{min-width:0!important;width:100%!important;gap:.52vw!important;}
.l5-reference-quick-pane,
.l5-quick-frame{min-width:0!important;width:100%!important;}
.l5-generation-stage{
width:100%!important;
min-width:0!important;
min-height:17.58vw!important;
max-height:none!important;
}
.l5-generation-stage .classic-titlebar,
.l5-send-stage .classic-titlebar{
height:1.78vw!important;
min-height:0!important;
padding:0 .32vw!important;
font-size:clamp(13px,.84vw,16px)!important;
}
.opening-status,
.opening-status:empty{min-height:15.76vw!important;}
.l5-quick-result-item{
height:1.95vw!important;
min-height:1.95vw!important;
padding:0 .16vw!important;
font-size:clamp(11px,.73vw,14px)!important;
}
.l5-send-body{min-height:3.55vw!important;}
.l5-send-entry{gap:.26vw!important;padding:.36vw .31vw!important;}
.l5-send-entry label{font-size:clamp(13px,.89vw,17px)!important;}
.l5-send-entry input{
width:6.16vw!important;
height:2.50vw!important;
padding:.10vw .26vw!important;
font-size:clamp(12px,.84vw,16px)!important;
}
.l5-send-entry button{
height:2.50vw!important;
padding:0 .52vw!important;
font-size:clamp(12px,.84vw,16px)!important;
}
.l5-send-summary{font-size:clamp(11px,.73vw,14px)!important;}
.l5-send-summary>div{min-height:1.78vw!important;padding:0 .36vw!important;}
.l5-reference-quick-pane,
.l5-quick-frame{
height:38.34vw!important;
min-height:0!important;
max-height:none!important;
}
}
@media (min-width:900px){
.l5-reference-quick-pane{overflow:hidden!important;}
}
@media (min-width:900px){
.l5-generation-stage{
height:41.20vw!important;
min-height:0!important;
max-height:none!important;
overflow:hidden!important;
}
.l5-generation-stage .classic-titlebar{
flex:0 0 auto!important;
}
.opening-status,
.opening-status:empty{
display:block!important;
width:100%!important;
height:calc(100% - 1.78vw)!important;
min-height:0!important;
max-height:none!important;
padding:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
align-items:initial!important;
justify-content:initial!important;
box-sizing:border-box!important;
}
.l5-quick-result-grid{
width:100%!important;
height:auto!important;
min-height:0!important;
align-content:start!important;
}
}
@media (min-width:900px){
.l5-generation-stage{
display:flex!important;
flex-direction:column!important;
width:100%!important;
height:auto!important;
min-height:17.58vw!important;
max-height:41.20vw!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.l5-generation-stage .classic-titlebar{
flex:0 0 1.78vw!important;
height:1.78vw!important;
min-height:0!important;
}
.opening-status,
.opening-status:empty,
.opening-status:not(:empty){
display:block!important;
flex:0 1 auto!important;
width:100%!important;
height:auto!important;
min-height:15.76vw!important;
max-height:39.42vw!important;
padding:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
box-sizing:border-box!important;
}
.l5-quick-result-grid{
width:100%!important;
height:auto!important;
min-height:0!important;
align-content:start!important;
}
}
.l5-reference-quick-pane{overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;}
.l5-quick-frame{display:block!important;width:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;border:0!important;}

/* 2026-08-09 member report / code-refund refinements */
.refund-hint{margin-right:auto;color:#555;font-size:12px;line-height:1.35;text-align:left;}
.refund-code-checkbox{width:16px;height:16px;margin:0;accent-color:#b7222a;cursor:pointer;}
.report-period-tabs{display:inline-flex;align-items:center;gap:2px;margin-right:4px;}
.report-period-tabs.is-hidden{display:none!important;}
.period-tab{height:29px;min-width:58px;padding:0 10px;border:1px solid #9a9a9a;background:linear-gradient(#fff,#e6e6e6);color:#222;font-weight:700;cursor:pointer;}
.period-tab.is-active{background:var(--classic-teal,#07988f);border-color:var(--classic-teal-dark,#00877f);color:#fff;}
.history-toolbar input:disabled{color:#222!important;background:#e9e9e9!important;opacity:1!important;}
.code-refunded-row td,.is-refunded-row.code-refunded-row td{background:#fff8c9!important;color:#d50000!important;font-weight:700;}
.code-refunded-row .refund-success-mark,.code-refunded-row .refund-success-text{color:#d50000!important;}
.screenshot-bet-table{min-width:1120px!important;table-layout:fixed!important;}
.screenshot-bet-table th:nth-child(1),.screenshot-bet-table td:nth-child(1){width:58px!important;}
.screenshot-bet-table th:nth-child(2),.screenshot-bet-table td:nth-child(2){width:175px!important;}
.screenshot-bet-table th:nth-child(3),.screenshot-bet-table td:nth-child(3){width:145px!important;}
.screenshot-bet-table th:nth-child(4),.screenshot-bet-table td:nth-child(4){width:95px!important;}
.screenshot-bet-table th:nth-child(5),.screenshot-bet-table td:nth-child(5),
.screenshot-bet-table th:nth-child(6),.screenshot-bet-table td:nth-child(6),
.screenshot-bet-table th:nth-child(7),.screenshot-bet-table td:nth-child(7),
.screenshot-bet-table th:nth-child(8),.screenshot-bet-table td:nth-child(8),
.screenshot-bet-table th:nth-child(9),.screenshot-bet-table td:nth-child(9){width:78px!important;}
.screenshot-bet-table th:nth-child(10),.screenshot-bet-table td:nth-child(10){width:88px!important;}
.screenshot-bet-table th:nth-child(11),.screenshot-bet-table td:nth-child(11){width:52px!important;}
.number-text-cell strong{font-size:14px;letter-spacing:.5px;color:#111;}
.code-refunded-row .number-text-cell strong{color:#d50000!important;}
.bet-detail-table tfoot td,.history-bill-table tfoot td{background:#eef3f3!important;font-weight:800!important;}
.history-bill-table{min-width:780px!important;}
.history-bill-table .history-date-link{font-size:13px!important;font-weight:800;color:#075f91!important;}
.history-day-table{min-width:1120px!important;}
.history-day-table td:nth-child(5){font-weight:800;letter-spacing:.4px;}
.report-status.is-error,.history-day-meta.is-error{color:#b40000!important;font-weight:700;}
.report-status.is-ok{color:#087d2f!important;font-weight:700;}
@media (min-width:1366px) and (max-width:900px){.report-period-tabs{order:2;}}

/* 2026-08-09 scoped member reference refinements — only requested panels/header */
/* 左上角品牌文字移除后，只调整玩法切换自身位置，不改导航/侧栏网格。 */
.home-view .topbar-left .l5-game-switch{
  left:2.05vw!important;
  top:.45vw!important;
}
@media (min-width:1300px){
  .home-view .topbar-left .l5-game-switch{
    left:2.05vw!important;
    top:.48vw!important;
  }
}

/* 公告：域名/欢迎内容改为滚动区；开奖倒计时仍固定显示。 */
.notice-bar #noticeText{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  color:#eafffc!important;
  white-space:nowrap!important;
}
.notice-bar .draw-distance{
  flex:0 0 auto!important;
  margin-left:.45vw!important;
}

/* 周/月报表：按参考图将“本周|上周 / 本月|上月”放进标题栏。 */
.reference-report-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  min-height:34px!important;
  padding:0 7px!important;
  font-size:13px!important;
}
.reference-report-title .report-period-tabs{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
}
.reference-report-title .report-period-tabs.is-hidden{display:none!important;}
.reference-report-title .period-tab{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:0 1px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
.reference-report-title .period-tab.is-active{
  border:0!important;
  background:transparent!important;
  color:#fff400!important;
}
.reference-report-title .period-separator{
  color:#fff!important;
  font-weight:800!important;
}
.history-toolbar.report-auto-range{display:none!important;}
.history-bill-card .history-bill-table th,
.history-bill-card .history-bill-table td{
  font-size:13px!important;
  height:34px!important;
  padding:4px 7px!important;
}

/* 本期下注明细：退码操作只移动到表头右侧，其他查询栏与表格结构保持原位。 */
.reference-bet-table th,
.reference-bet-table td{font-size:12px!important;}
.reference-bet-table th:nth-child(11),
.reference-bet-table td:nth-child(11){width:225px!important;min-width:225px!important;}
.reference-bet-table .bet-refund-actions-head{
  white-space:nowrap!important;
  padding:2px 6px!important;
  text-align:center!important;
}
.bet-refund-actions-head>span{vertical-align:middle;margin-right:4px;}
.bet-refund-actions-head>input{
  width:14px!important;
  height:14px!important;
  margin:0 8px 0 0!important;
  vertical-align:middle!important;
}
.bet-refund-actions-head .red-gradient-btn{
  min-width:54px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0 8px!important;
  margin:0 3px!important;
  font-size:12px!important;
  line-height:27px!important;
}
.bet-refund-actions-head #refundWholeOrderBtn{min-width:76px!important;}

/* 开奖号码：只作用于开奖号码面板，历史数据库结果为蓝球，关盘待开奖才显示空红球。 */
.reference-result-panel,
.reference-result-panel *{font-size:13px;}
.reference-result-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:3px 6px!important;
}
.reference-result-toolbar .draw-date-field{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
}
.reference-result-toolbar .draw-date-field input{
  width:215px!important;
  height:30px!important;
  min-height:30px!important;
  padding:2px 6px!important;
  font-size:13px!important;
  box-sizing:border-box!important;
}
.reference-result-toolbar .red-gradient-btn{
  height:30px!important;
  min-height:30px!important;
  padding:0 12px!important;
  font-size:13px!important;
}
.reference-draw-card{margin-top:8px!important;}
.reference-draw-table{
  width:100%!important;
  min-width:980px!important;
  table-layout:fixed!important;
}
.reference-draw-table th,
.reference-draw-table td{
  height:52px!important;
  padding:3px 5px!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-size:13px!important;
}
.reference-draw-table th:nth-child(1),
.reference-draw-table td:nth-child(1){width:145px!important;text-align:left!important;}
.reference-draw-table th:nth-child(2),
.reference-draw-table td:nth-child(2){width:155px!important;text-align:left!important;}
.reference-draw-table th:nth-child(3),
.reference-draw-table td:nth-child(3),
.reference-draw-table th:nth-child(4),
.reference-draw-table td:nth-child(4),
.reference-draw-table th:nth-child(5),
.reference-draw-table td:nth-child(5),
.reference-draw-table th:nth-child(6),
.reference-draw-table td:nth-child(6),
.reference-draw-table th:nth-child(7),
.reference-draw-table td:nth-child(7){width:92px!important;}
.reference-draw-table th:nth-child(8),
.reference-draw-table td:nth-child(8){width:150px!important;text-align:left!important;}
.reference-draw-table .draw-ball-cell{text-align:center!important;}
.reference-draw-table .draw-ball{
  display:inline-grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:36px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(0,0,0,.16)!important;
}
.reference-draw-table .draw-ball.is-drawn{
  background:radial-gradient(circle at 35% 25%,#7586ff 0 8%,#1735ff 36%,#0000cf 70%,#00008b 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.75),0 2px 2px rgba(0,0,0,.18)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.35)!important;
}
.reference-draw-table .draw-ball.is-pending{
  background:radial-gradient(circle at 35% 25%,#ff9e86 0 12%,#ff4a2d 42%,#e8210b 72%,#b91408 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.7),0 2px 2px rgba(0,0,0,.18)!important;
}
.reference-draw-table .pending-draw-row td{background:#fff!important;}

@media (min-width:1366px) and (max-width:1000px){
  .home-view .topbar-left .l5-game-switch{left:1.1vw!important;top:.35vw!important;}
  .reference-result-toolbar{flex-wrap:wrap!important;}
  .reference-result-toolbar .draw-date-field input{width:190px!important;}
}

/* 2026-08-09 exact reference pass: 下注明细主区域（仅作用此面板，不改其它页面排版） */
.home-view .nav-icon-btn.is-active{
  background:#fff400!important;
  color:#111!important;
  border-color:#e6c500!important;
}
.home-view .nav-icon-btn.is-active span{color:#111!important;}
.l5-feature-btn.l5-feature-passive{cursor:default!important;}
.l5-feature-btn.l5-feature-app{color:#fff400!important;}
.bet-hidden-filter{display:none!important;}

#betDetailPanel .bet-search-title,
#betDetailPanel .report-title-bar.inner{
  height:35px!important;
  min-height:35px!important;
  padding:0 6px!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:35px!important;
}
#betDetailPanel .reference-bet-search-toolbar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:100%!important;
  height:37px!important;
  min-height:37px!important;
  padding:3px 5px!important;
  border:1px solid #7eb2af!important;
  border-top:0!important;
  background:#f2f2f2!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  color:#111!important;
  font-size:16px!important;
  white-space:nowrap!important;
}
#betDetailPanel .reference-bet-search-toolbar label,
#betDetailPanel .reference-bet-search-toolbar span,
#betDetailPanel .reference-bet-search-toolbar input,
#betDetailPanel .reference-bet-search-toolbar select,
#betDetailPanel .reference-bet-search-toolbar button{
  font-size:16px!important;
  font-weight:400!important;
  box-sizing:border-box!important;
}
#betDetailPanel .reference-bet-search-toolbar input[type="text"],
#betDetailPanel .reference-bet-search-toolbar select{
  height:26px!important;
  min-height:26px!important;
  border:1px solid #999!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  padding:0 4px!important;
  outline:none!important;
}
#betDetailPanel .bet-search-item,
#betDetailPanel .bet-now-check{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:29px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
#betDetailPanel .bet-search-number span{width:73px!important;}
#betDetailPanel .bet-search-number input{width:81px!important;}
#betDetailPanel .bet-now-check{margin-left:10px!important;width:65px!important;}
#betDetailPanel .bet-now-check span{margin-right:10px!important;}
#betDetailPanel .bet-now-check input{
  width:15px!important;
  height:15px!important;
  margin:0!important;
  padding:0!important;
}
#betDetailPanel .bet-list-mode{margin-left:12px!important;}
#betDetailPanel .bet-list-mode span{width:48px!important;}
#betDetailPanel .bet-list-mode select{width:57px!important;padding-left:5px!important;}
#betDetailPanel .bet-range-input{
  flex:0 0 69px!important;
  width:69px!important;
  margin-left:16px!important;
}
#betDetailPanel .bet-range-separator{
  flex:0 0 39px!important;
  width:39px!important;
  text-align:center!important;
}
#betDetailPanel .bet-range-separator + .bet-range-input{margin-left:0!important;}
#betDetailPanel .bet-category-item{margin-left:9px!important;}
#betDetailPanel .bet-category-item span{width:48px!important;}
#betDetailPanel .bet-category-item select{width:88px!important;padding-left:8px!important;}
#betDetailPanel .bet-print-code{margin-left:20px!important;}
#betDetailPanel .bet-print-code span{width:98px!important;}
#betDetailPanel .bet-print-code input{width:170px!important;}
#betDetailPanel .bet-search-action{
  flex:0 0 auto!important;
  height:31px!important;
  min-height:31px!important;
  margin-left:29px!important;
  padding:0 11px!important;
  border:1px solid #aa2020!important;
  border-radius:5px!important;
  background:linear-gradient(#e85d5d,#bf2727)!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:29px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;
}
#betDetailPanel #printBetDetailBtn{margin-left:14px!important;}
#betDetailPanel .bet-winning-detail-btn{margin-left:17px!important;min-width:86px!important;}

#betDetailPanel .bet-detail-card{margin-top:12px!important;}
#betDetailPanel .bet-detail-card .report-title-bar.inner{margin-top:0!important;justify-content:center!important;text-align:center!important;}
#betDetailPanel .report-table-wrap{overflow:auto!important;}
#betDetailPanel .reference-bet-table{
  width:100%!important;
  min-width:1659px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  font-size:16px!important;
}
#betDetailPanel .reference-bet-table th,
#betDetailPanel .reference-bet-table td{
  padding:0 5px!important;
  border:1px solid #7eb2af!important;
  font-size:16px!important;
  font-weight:400!important;
  text-align:center!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}
#betDetailPanel .reference-bet-table thead th{
  height:43px!important;
  min-height:43px!important;
  background:#f1f1f1!important;
  color:#111!important;
  font-weight:400!important;
}
#betDetailPanel .reference-bet-table tbody td{
  height:33px!important;
  min-height:33px!important;
  background:#fff!important;
}
#betDetailPanel .reference-bet-table th:nth-child(1),
#betDetailPanel .reference-bet-table td:nth-child(1){width:100px!important;}
#betDetailPanel .reference-bet-table th:nth-child(2),
#betDetailPanel .reference-bet-table td:nth-child(2){width:172px!important;}
#betDetailPanel .reference-bet-table th:nth-child(3),
#betDetailPanel .reference-bet-table td:nth-child(3){width:171px!important;}
#betDetailPanel .reference-bet-table th:nth-child(4),
#betDetailPanel .reference-bet-table td:nth-child(4){width:99px!important;}
#betDetailPanel .reference-bet-table th:nth-child(5),
#betDetailPanel .reference-bet-table td:nth-child(5){width:99px!important;}
#betDetailPanel .reference-bet-table th:nth-child(6),
#betDetailPanel .reference-bet-table td:nth-child(6){width:99px!important;}
#betDetailPanel .reference-bet-table th:nth-child(7),
#betDetailPanel .reference-bet-table td:nth-child(7){width:98px!important;}
#betDetailPanel .reference-bet-table th:nth-child(8),
#betDetailPanel .reference-bet-table td:nth-child(8){width:98px!important;}
#betDetailPanel .reference-bet-table th:nth-child(9),
#betDetailPanel .reference-bet-table td:nth-child(9){width:97px!important;}
#betDetailPanel .reference-bet-table th:nth-child(10),
#betDetailPanel .reference-bet-table td:nth-child(10){width:98px!important;}
#betDetailPanel .reference-bet-table th:nth-child(11),
#betDetailPanel .reference-bet-table td:nth-child(11){width:528px!important;min-width:528px!important;}
#betDetailPanel .reference-bet-table .bet-refund-actions-head{
  padding:0 0 0 145px!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#betDetailPanel .bet-refund-actions-head>span{
  display:inline-block!important;
  margin:0 14px 0 0!important;
  vertical-align:middle!important;
  font-size:16px!important;
  font-weight:400!important;
}
#betDetailPanel .bet-refund-actions-head>input{
  width:16px!important;
  height:16px!important;
  margin:0 12px 0 0!important;
  padding:0!important;
  vertical-align:middle!important;
}
#betDetailPanel .bet-refund-actions-head .red-gradient-btn{
  height:31px!important;
  min-height:31px!important;
  min-width:56px!important;
  margin:0 7px 0 0!important;
  padding:0 8px!important;
  border-radius:5px!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:29px!important;
  vertical-align:middle!important;
}
#betDetailPanel .bet-refund-actions-head #refundWholeOrderBtn{min-width:86px!important;}
#betDetailPanel .reference-bet-table .number-text-cell strong{font-size:16px!important;}
#betDetailPanel .report-pagination{font-size:14px!important;}

@media (min-width:1366px) and (max-width:1500px){
  #betDetailPanel .reference-bet-search-toolbar{overflow-x:auto!important;overflow-y:hidden!important;}
}
/* reference button widths/colors: prevent inherited modern button sizing */
#betDetailPanel #queryBetDetailBtn,
#betDetailPanel #printBetDetailBtn{
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  flex:0 0 56px!important;
}
#betDetailPanel #betWinningDetailBtn{
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  flex:0 0 86px!important;
}
#betDetailPanel .bet-refund-actions-head .red-gradient-btn{
  background:linear-gradient(#e85d5d,#bf2727)!important;
  border:1px solid #aa2020!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;
}
#betDetailPanel .bet-refund-actions-head #routeRefundBtn{
  width:56px!important;
  max-width:56px!important;
}
#betDetailPanel .bet-refund-actions-head #refundWholeOrderBtn{
  width:86px!important;
  max-width:86px!important;
}
#betDetailPanel .bet-refund-actions-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  width:223px!important;
  height:42px!important;
  white-space:nowrap!important;
}
#betDetailPanel .bet-refund-actions-inline>span{
  flex:0 0 auto!important;
  display:inline-block!important;
  margin:0 14px 0 0!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1!important;
}
#betDetailPanel .bet-refund-actions-inline>input{
  flex:0 0 16px!important;
  display:inline-block!important;
  width:16px!important;
  height:16px!important;
  margin:0 12px 0 0!important;
  padding:0!important;
}
#betDetailPanel .bet-refund-actions-inline>.red-gradient-btn{
  flex:0 0 auto!important;
  display:inline-block!important;
  margin:0 7px 0 0!important;
}
/* reference header alignment seen in the supplied member screenshot */
.notice-bar .notice-tail-scroll{
  flex:1 1 auto!important;
  min-width:80px!important;
  color:#fff400!important;
  white-space:nowrap!important;
}
@media (min-width:1300px){
  .home-view .icon-nav{
    padding-left:1.10vw!important;
  }
  .l5-feature-nav{
    padding-left:13.00vw!important;
  }
  .member-body-shell{
    gap:1.35vw!important;
  }
  .notice-bar{
    padding-left:2.40vw!important;
    gap:.80vw!important;
  }
  .notice-bar #noticeText{
    flex:0 0 28.7vw!important;
    width:28.7vw!important;
    min-width:28.7vw!important;
  }
  .notice-bar .draw-distance{
    margin-left:0!important;
  }
  .notice-bar .notice-tail-scroll{
    flex:1 1 auto!important;
    width:auto!important;
  }
}

/* ===== 幸运五会员资料面板：按参考图的经典表格布局 ===== */
#memberProfilePanel .odds-card{border-color:#8aa5a4!important;background:#f7fbfa!important;}
#memberProfilePanel .odds-title-row{background:linear-gradient(#edf8f6,#d7ece8)!important;color:#254d4a!important;border-bottom:1px solid #8aa5a4!important;}
#memberProfilePanel .odds-toolbar{background:#f4f7dc!important;border-bottom:1px solid #b7bea1!important;}
#memberProfilePanel .formula-text{font-weight:600;color:#8a3d26!important;}
#memberProfilePanel .odds-settings-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:13px!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th{background:#4d9a94!important;color:#fff!important;border:1px solid #387b76!important;padding:7px 5px!important;text-align:center!important;}
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td{border:1px solid #aabdbc!important;background:#fff!important;padding:4px 5px!important;text-align:center!important;}
#memberProfilePanel .odds-settings-table > tbody > tr:nth-child(even):not(.lucky5-odds-group) > td{background:#f8fbfb!important;}
#memberProfilePanel .odds-settings-table .lucky5-odds-group > td{background:#e9efb8!important;color:#314135!important;font-weight:700!important;text-align:left!important;border:1px solid #adb776!important;padding:5px 8px!important;}
#memberProfilePanel .lucky5-group-mark{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center;margin-right:6px;background:#d0b63c;color:#fff;border:1px solid #9e8829;font-size:13px;line-height:1;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(1),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(1){width:16%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(2),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(2){width:10%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(3),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(3){width:20%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(4),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(4){width:13%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(5),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(5){width:13%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(6),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(6){width:12%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(7),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(7){width:16%!important;}
#memberProfilePanel .odds-settings-table .rebate-select{width:100%!important;min-width:0!important;height:28px!important;padding:2px 4px!important;border:1px solid #819f9c!important;border-radius:2px!important;background:#fff!important;color:#263b3a!important;}
#memberProfilePanel .odds-upper-cell{font-weight:700;color:#7c2e20!important;}
#memberProfilePanel .readonly-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 2026-08-10: 顶部仅保留“快选”功能，其余入口暂时清空。 */
.l5-cleared-panel{min-height:680px!important;background:#fff!important;border:0!important;box-shadow:none!important;}
.l5-feature-cleared{cursor:default;}
.l5-send-status{min-height:22px;padding:4px 8px 0;font-size:13px;color:#666;}
.l5-send-status.is-ok{color:#137333;font-weight:700;}
.l5-send-status.is-error{color:#b3261e;font-weight:700;}
#l5QuickSendConfirm:disabled{opacity:.55;cursor:not-allowed;}

/* =========================================================
   2026-08-10 会员端参考图复刻修正 v121
   仅覆盖会员端经典布局：顶部、左侧栏、会员资料、报表明细、开奖号码
   ========================================================= */

/* 1) 左上角 幸运五 / 澳5 放大，保持在参考图品牌区域内 */
.home-view .topbar-left .l5-game-switch{
  left:2.2vw!important;
  top:.48vw!important;
  height:2.05vw!important;
  min-height:36px!important;
  border-radius:4px!important;
  border:1px solid rgba(255,255,255,.88)!important;
}
.home-view .topbar-left .l5-game-switch-btn{
  width:auto!important;
  min-width:0!important;
  height:calc(2.05vw - 2px)!important;
  min-height:34px!important;
  padding:0 .72vw!important;
  font-size:clamp(17px,1.02vw,20px)!important;
  font-weight:900!important;
  line-height:1!important;
}
.home-view .topbar-left .l5-game-switch-btn:first-child{min-width:4.55vw!important;}
.home-view .topbar-left .l5-game-switch-btn:last-child{min-width:3.05vw!important;}

/* 2) 左侧会员信息 + 幸运五星彩整体放大，比例按参考图 */
.member-rail{font-size:clamp(14px,.84vw,16px)!important;}
.rail-title{
  height:1.82vw!important;
  min-height:34px!important;
  padding:0 .38vw!important;
  font-size:clamp(15px,.94vw,18px)!important;
}
.rail-info-link{font-size:clamp(13px,.78vw,15px)!important;padding:.10vw .70vw!important;}
.rail-kv{
  min-height:1.75vw!important;
  padding:0 .30vw!important;
  font-size:clamp(14px,.84vw,16px)!important;
}
.rail-result-row{grid-template-columns:2.75vw minmax(0,1fr) 2.45vw!important;}
.rail-refresh-btn{font-size:clamp(13px,.73vw,14px)!important;}
.rail-red-btn,.rail-actions button{font-size:clamp(14px,.78vw,15px)!important;}
.rail-unit{font-size:clamp(15px,.89vw,17px)!important;}
.rail-subtitle{
  height:1.82vw!important;
  min-height:34px!important;
  font-size:clamp(16px,.94vw,18px)!important;
}
.rail-meta{font-size:clamp(14px,.84vw,16px)!important;line-height:1.30vw!important;}
.rail-bet-table th,.rail-bet-table td{
  height:1.62vw!important;
  min-height:30px!important;
  font-size:clamp(14px,.79vw,15px)!important;
}
.rail-total{font-size:clamp(14px,.84vw,16px)!important;}
.rail-validity{font-size:clamp(15px,.89vw,17px)!important;}

/* 3) 会员资料：参考图的双栏资料/录码区 + 直接进入赔率表 */
#memberProfilePanel.reference-member-profile{
  padding:0!important;
  margin:0!important;
  background:#f4f4f4!important;
  color:#111!important;
  font-size:16px!important;
}
#memberProfilePanel .reference-profile-top{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%!important;
  align-items:start!important;
}
#memberProfilePanel .reference-profile-card,
#memberProfilePanel .reference-coding-card{
  margin:0!important;
  border:1px solid #7eb2af!important;
  background:#fff!important;
  box-shadow:none!important;
}
#memberProfilePanel .member-card-title{
  height:34px!important;
  min-height:34px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  background:#00948c!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
  border:0!important;
}
#memberProfilePanel .reference-member-info-table,
#memberProfilePanel .reference-coding-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  font-size:15px!important;
}
#memberProfilePanel .reference-member-info-table td,
#memberProfilePanel .reference-coding-table td{
  height:33px!important;
  padding:3px 6px!important;
  border:1px solid #7eb2af!important;
  background:#fff!important;
  color:#111!important;
  text-align:left!important;
  font-size:15px!important;
  font-weight:400!important;
}
#memberProfilePanel .reference-member-info-table td:first-child{width:42%!important;}
#memberProfilePanel .reference-member-info-table td:nth-child(2){width:58%!important;}
#memberProfilePanel .reference-coding-table td:nth-child(odd){width:15%!important;white-space:nowrap!important;}
#memberProfilePanel .reference-coding-table td:nth-child(even){width:10%!important;text-align:center!important;}
#memberProfilePanel .reference-coding-table input[type="radio"]{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  vertical-align:middle!important;
  accent-color:#0b75ff!important;
}
#memberProfilePanel .reference-coding-table .reference-sales-point{
  width:200px!important;
  max-width:100%!important;
  height:27px!important;
  padding:2px 5px!important;
  border:1px solid #999!important;
  border-radius:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
#memberProfilePanel .reference-profile-submit-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:55px!important;
  background:#f4f4f4!important;
}
#memberProfilePanel .reference-profile-submit{
  width:56px!important;
  min-width:56px!important;
  height:31px!important;
  min-height:31px!important;
  padding:0!important;
  border:1px solid #aa2020!important;
  border-radius:5px!important;
  background:linear-gradient(#e85d5d,#bf2727)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:29px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;
}
#memberProfilePanel .reference-profile-status{display:none!important;}
#memberProfilePanel .reference-odds-card{
  margin:0!important;
  border:0!important;
  background:#fff!important;
}
#memberProfilePanel .odds-table-wrap{overflow:auto!important;}
#memberProfilePanel .odds-settings-table{
  width:100%!important;
  min-width:1180px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  font-size:16px!important;
}
#memberProfilePanel .odds-settings-table > thead > tr > th{
  height:39px!important;
  padding:4px 6px!important;
  border:1px solid #7eb2af!important;
  background:#00948c!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
  text-align:center!important;
  vertical-align:middle!important;
}
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td{
  height:43px!important;
  padding:3px 7px!important;
  border:1px solid #7eb2af!important;
  background:#fff!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:400!important;
  text-align:left!important;
  vertical-align:middle!important;
}
#memberProfilePanel .odds-settings-table > tbody > tr:nth-child(even):not(.lucky5-odds-group) > td{background:#fff!important;}
#memberProfilePanel .odds-settings-table .lucky5-odds-group > td{
  height:43px!important;
  padding:3px 7px!important;
  border:1px solid #7eb2af!important;
  background:#fff!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:400!important;
  text-align:left!important;
}
#memberProfilePanel .lucky5-group-mark{
  display:inline-flex!important;
  width:23px!important;
  height:23px!important;
  align-items:center!important;
  justify-content:center!important;
  margin-right:72px!important;
  border:1px solid #d3a800!important;
  border-radius:50%!important;
  background:linear-gradient(#fff57b,#ffc400)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:21px!important;
  vertical-align:middle!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85)!important;
}
#memberProfilePanel .lucky5-group-name{vertical-align:middle!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(1),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(1){width:19%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(2),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(2){width:10%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(3),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(3){width:13%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(4),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(4){width:13%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(5),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(5){width:13%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(6),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(6){width:13%!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th:nth-child(7),
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td:nth-child(7){width:19%!important;}
#memberProfilePanel .trade-rebate-head{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  white-space:nowrap!important;
}
#memberProfilePanel .same-rebate-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
#memberProfilePanel #sameRebateToggle{
  width:15px!important;
  height:15px!important;
  margin:0 1px!important;
  accent-color:#147cff!important;
  vertical-align:middle!important;
}
#memberProfilePanel .same-rebate-select-hidden{display:none!important;}
#memberProfilePanel .odds-settings-table .rebate-select{
  width:86px!important;
  height:27px!important;
  min-width:0!important;
  padding:1px 4px!important;
  border:1px solid #999!important;
  border-radius:2px!important;
  background:#fff!important;
  color:#111!important;
  font-size:15px!important;
}
#memberProfilePanel .odds-upper-cell{font-weight:400!important;color:#111!important;}

/* 4) 日报/周报/历史账单点进期号后，使用参考图同款下注明细版式 */
#historyBillPanel .reference-history-detail{padding:0!important;background:#f4f4f4!important;}
#historyBillPanel .history-detail-search-title,
#historyBillPanel .history-day-reference-title{
  height:34px!important;
  min-height:34px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  background:#00948c!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
}
#historyBillPanel .history-day-reference-title{justify-content:center!important;margin-top:12px!important;}
#historyBillPanel .history-detail-reference-toolbar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:100%!important;
  min-height:43px!important;
  padding:5px 7px!important;
  border:1px solid #7eb2af!important;
  border-top:0!important;
  background:#f1f1f1!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
}
#historyBillPanel .history-detail-reference-toolbar label,
#historyBillPanel .history-detail-reference-toolbar span,
#historyBillPanel .history-detail-reference-toolbar input,
#historyBillPanel .history-detail-reference-toolbar select,
#historyBillPanel .history-detail-reference-toolbar button{font-size:16px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-search-item,
#historyBillPanel .history-detail-reference-toolbar .bet-now-check{display:inline-flex!important;align-items:center!important;height:31px!important;}
#historyBillPanel .history-search-number span{width:73px!important;}
#historyBillPanel .history-search-number input{width:81px!important;}
#historyBillPanel .history-detail-reference-toolbar input[type="text"],
#historyBillPanel .history-detail-reference-toolbar select{
  height:27px!important;
  padding:1px 5px!important;
  border:1px solid #999!important;
  border-radius:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
#historyBillPanel .history-detail-reference-toolbar .bet-now-check{margin-left:10px!important;width:65px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-now-check span{margin-right:10px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-now-check input{width:15px!important;height:15px!important;margin:0!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-list-mode{margin-left:12px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-list-mode span{width:48px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-list-mode select{width:57px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-range-input{flex:0 0 69px!important;width:69px!important;margin-left:16px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-range-separator{flex:0 0 39px!important;width:39px!important;text-align:center!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-range-separator + .bet-range-input{margin-left:0!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-category-item{margin-left:9px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-category-item span{width:48px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-category-item select{width:88px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-print-code{margin-left:20px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-print-code span{width:98px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-print-code input{width:170px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-search-action{
  flex:0 0 auto!important;
  height:31px!important;
  min-height:31px!important;
  margin-left:14px!important;
  padding:0 11px!important;
  border:1px solid #aa2020!important;
  border-radius:5px!important;
  background:linear-gradient(#e85d5d,#bf2727)!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:29px!important;
}
#historyBillPanel #queryHistoryDayBtn{margin-left:29px!important;width:56px!important;}
#historyBillPanel #printHistoryDayBtn{width:56px!important;}
#historyBillPanel #historyDayWinningDetailBtn{width:86px!important;}
#historyBillPanel .history-detail-back-btn,
#historyBillPanel .history-hidden-filter,
#historyBillPanel .history-day-meta.is-hidden,
#historyBillPanel .history-day-summary.is-hidden{display:none!important;}
#historyBillPanel .history-day-reference-card{margin:0!important;border:0!important;background:#fff!important;}
#historyBillPanel .history-day-table-wrap{overflow:auto!important;}
#historyBillPanel .history-day-table.reference-bet-table{
  width:100%!important;
  min-width:1659px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  font-size:16px!important;
}
#historyBillPanel .history-day-table.reference-bet-table th,
#historyBillPanel .history-day-table.reference-bet-table td{
  padding:0 5px!important;
  border:1px solid #7eb2af!important;
  font-size:16px!important;
  font-weight:400!important;
  text-align:center!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}
#historyBillPanel .history-day-table.reference-bet-table thead th{height:43px!important;background:#f1f1f1!important;color:#111!important;}
#historyBillPanel .history-day-table.reference-bet-table tbody td{height:33px!important;background:#fff!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(1),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(1){width:100px!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(2),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(2){width:172px!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(3),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(3){width:171px!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(4),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(4){width:99px!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(5),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(5),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(6),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(6),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(7),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(7),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(8),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(8),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(9),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(9),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(10),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(10){width:98px!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(11),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(11){width:528px!important;min-width:528px!important;}
#historyBillPanel .history-day-table .bet-refund-actions-head{padding:0 0 0 145px!important;text-align:left!important;white-space:nowrap!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline{display:flex!important;align-items:center!important;width:223px!important;height:42px!important;white-space:nowrap!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline>span{margin-right:14px!important;font-size:16px!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline>input{width:16px!important;height:16px!important;margin:0 12px 0 0!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline>.red-gradient-btn{
  height:31px!important;
  min-height:31px!important;
  margin:0 7px 0 0!important;
  padding:0 8px!important;
  border:1px solid #aa2020!important;
  border-radius:5px!important;
  background:linear-gradient(#e85d5d,#bf2727)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
}
#historyBillPanel .reference-page-line{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  font-size:15px!important;
  color:#111!important;
  background:#f4f4f4!important;
}
#historyBillPanel .reference-page-line button{border:0!important;background:transparent!important;color:#141a91!important;font-size:15px!important;padding:0!important;}
#historyBillPanel .reference-page-line input{width:40px!important;height:28px!important;border:1px solid #999!important;background:#fff!important;}
#historyBillPanel .reference-page-line .go-btn{width:37px!important;height:31px!important;border-radius:5px!important;background:#00948c!important;color:#fff!important;font-weight:700!important;}

/* 下注明细主页面再贴近参考图的字号/行高 */
#betDetailPanel .bet-search-title,
#betDetailPanel .report-title-bar.inner{font-size:16px!important;font-weight:700!important;}
#betDetailPanel .reference-bet-search-toolbar label,
#betDetailPanel .reference-bet-search-toolbar span,
#betDetailPanel .reference-bet-search-toolbar input,
#betDetailPanel .reference-bet-search-toolbar select,
#betDetailPanel .reference-bet-search-toolbar button{font-size:16px!important;}
#betDetailPanel .report-pagination{font-size:15px!important;}

/* 4) 开奖号码：按参考图放大查询栏和数字球文字 */
.reference-result-panel,
.reference-result-panel *{font-size:16px!important;}
.reference-result-panel>.report-title-bar{height:34px!important;min-height:34px!important;font-size:16px!important;font-weight:700!important;}
.reference-result-toolbar{min-height:43px!important;padding:4px 6px!important;gap:8px!important;}
.reference-result-toolbar .draw-date-field{font-size:16px!important;}
.reference-result-toolbar .draw-date-field input{
  width:215px!important;
  height:30px!important;
  min-height:30px!important;
  padding:2px 6px!important;
  font-size:16px!important;
}
.reference-result-toolbar .red-gradient-btn{height:31px!important;min-height:31px!important;font-size:15px!important;}
.reference-draw-card{margin-top:10px!important;}
.reference-draw-table th,
.reference-draw-table td{height:52px!important;padding:3px 5px!important;font-size:15px!important;}
.reference-draw-table .draw-ball{width:36px!important;height:36px!important;font-size:18px!important;line-height:36px!important;}

/* 日/周/月报列表本身也使用参考图的紧凑经典字号 */
#historyBillPanel #historyBillListView .report-title-bar{font-size:16px!important;font-weight:700!important;}
#historyBillPanel #historyBillListView .report-toolbar,
#historyBillPanel #historyBillListView .report-toolbar *{font-size:15px!important;}
#historyBillPanel .history-bill-card .history-bill-table th,
#historyBillPanel .history-bill-card .history-bill-table td{height:34px!important;padding:4px 7px!important;font-size:15px!important;}

@media (min-width:1366px) and (max-width:1299px){
  .home-view .topbar-left .l5-game-switch{left:18px!important;top:7px!important;height:36px!important;}
  .home-view .topbar-left .l5-game-switch-btn{height:34px!important;min-height:34px!important;font-size:17px!important;padding:0 10px!important;}
  .home-view .topbar-left .l5-game-switch-btn:first-child{min-width:78px!important;}
  .home-view .topbar-left .l5-game-switch-btn:last-child{min-width:54px!important;}
  #memberProfilePanel .reference-profile-top{grid-template-columns:1fr!important;gap:6px!important;}
}

/* =========================================================
   2026-08-10 会员端参考图复刻修正 v122
   目标：1728/1920 桌面端一屏完整显示；禁止下注明细横向滚动。
   以用户提供的 4 张参考图为尺寸基准，不再放大全局字体。
   ========================================================= */

/* 全局：参考图是紧凑 13px 级别，主区域不能靠 min-width 撑宽。 */
.home-view{
  overflow-x:hidden!important;
  font-size:13px!important;
}
.member-body-shell{
  grid-template-columns:12vw minmax(0,1fr)!important;
  gap:1.35vw!important;
  width:100%!important;
  overflow-x:hidden!important;
}
.member-body-shell>.quick-side{
  width:12vw!important;
  min-width:0!important;
}
.member-body-shell>.home-main{
  min-width:0!important;
  overflow-x:hidden!important;
}
.panel,.panel-switch-view,.report-card,.report-table-wrap{min-width:0!important;max-width:100%!important;}

/* 顶部：保留“幸运五 / 澳5”醒目，但其它导航恢复参考图的紧凑字号。 */
.home-view .topbar{grid-template-columns:12vw minmax(0,1fr)!important;}
.home-view .topbar-left{width:12vw!important;min-width:12vw!important;}
.notice-bar{left:12vw!important;}
.l5-feature-nav{padding-left:13.35vw!important;}
.home-view .topbar-left .l5-game-switch{
  left:2.15vw!important;
  top:.46vw!important;
  height:31px!important;
  min-height:31px!important;
}
.home-view .topbar-left .l5-game-switch-btn{
  height:29px!important;
  min-height:29px!important;
  padding:0 10px!important;
  font-size:16px!important;
  line-height:29px!important;
}
.home-view .topbar-left .l5-game-switch-btn:first-child{min-width:70px!important;}
.home-view .topbar-left .l5-game-switch-btn:last-child{min-width:46px!important;}
.home-view .nav-icon-btn,.home-view .network-speed-btn{
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  font-size:14px!important;
  line-height:30px!important;
}
.notice-bar .line-shortcuts,.notice-bar #noticeText,.notice-bar .draw-distance,.notice-bar marquee,.notice-bar .notice-tail-scroll{font-size:11px!important;}
.l5-feature-btn{
  min-width:78px!important;
  height:30px!important;
  padding:0 12px!important;
  font-size:13px!important;
  line-height:30px!important;
}
.l5-feature-nav{height:33px!important;min-height:33px!important;border-bottom-width:3px!important;}

/* 左侧会员信息：参考图约 207px 宽，字号 12~14px。 */
.member-rail{font-size:13px!important;}
.rail-box{margin-bottom:8px!important;}
.rail-title{
  height:30px!important;
  min-height:30px!important;
  padding:0 6px!important;
  font-size:14px!important;
}
.rail-info-link{padding:2px 13px!important;font-size:12px!important;}
.rail-kv{
  grid-template-columns:92px minmax(0,1fr)!important;
  min-height:30px!important;
  padding:0 4px!important;
  font-size:13px!important;
}
.rail-result-row{grid-template-columns:47px minmax(0,1fr) 41px!important;}
.rail-refresh-btn{height:24px!important;min-height:24px!important;font-size:12px!important;}
.rail-red-btn,.rail-actions button{height:27px!important;min-height:27px!important;font-size:13px!important;}
.rail-unit{font-size:14px!important;}
.rail-subtitle{height:29px!important;min-height:29px!important;font-size:14px!important;}
.rail-meta{padding:3px 3px!important;font-size:13px!important;line-height:19px!important;}
.rail-bet-table th,.rail-bet-table td{height:27px!important;min-height:27px!important;padding:2px 2px!important;font-size:12px!important;}
.rail-total{padding:4px 3px!important;font-size:13px!important;}
.rail-actions{gap:28px!important;padding:3px 0!important;}
.rail-validity{min-height:49px!important;padding:4px 3px!important;font-size:14px!important;line-height:20px!important;}

/* ===== 下注明细：参考图尺寸，一屏完整显示 ===== */
#betDetailPanel{width:100%!important;overflow:hidden!important;}
#betDetailPanel .bet-search-title,
#betDetailPanel .report-title-bar.inner{
  height:31px!important;
  min-height:31px!important;
  padding:0 6px!important;
  font-size:14px!important;
  line-height:31px!important;
}
#betDetailPanel .reference-bet-search-toolbar{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:3px 5px!important;
  overflow:hidden!important;
  font-size:13px!important;
}
#betDetailPanel .reference-bet-search-toolbar label,
#betDetailPanel .reference-bet-search-toolbar span,
#betDetailPanel .reference-bet-search-toolbar input,
#betDetailPanel .reference-bet-search-toolbar select,
#betDetailPanel .reference-bet-search-toolbar button{font-size:13px!important;}
#betDetailPanel .reference-bet-search-toolbar input[type="text"],
#betDetailPanel .reference-bet-search-toolbar select{height:24px!important;min-height:24px!important;padding:0 3px!important;}
#betDetailPanel .bet-search-item,#betDetailPanel .bet-now-check{height:27px!important;}
#betDetailPanel .bet-search-number span{width:60px!important;}
#betDetailPanel .bet-search-number input{width:73px!important;}
#betDetailPanel .bet-now-check{margin-left:8px!important;width:53px!important;}
#betDetailPanel .bet-now-check span{margin-right:7px!important;}
#betDetailPanel .bet-now-check input{width:14px!important;height:14px!important;}
#betDetailPanel .bet-list-mode{margin-left:8px!important;}
#betDetailPanel .bet-list-mode span{width:40px!important;}
#betDetailPanel .bet-list-mode select{width:54px!important;}
#betDetailPanel .bet-range-input{flex:0 0 62px!important;width:62px!important;margin-left:12px!important;}
#betDetailPanel .bet-range-separator{flex:0 0 30px!important;width:30px!important;}
#betDetailPanel .bet-category-item{margin-left:7px!important;}
#betDetailPanel .bet-category-item span{width:40px!important;}
#betDetailPanel .bet-category-item select{width:80px!important;}
#betDetailPanel .bet-print-code{margin-left:15px!important;}
#betDetailPanel .bet-print-code span{width:78px!important;}
#betDetailPanel .bet-print-code input{width:153px!important;}
#betDetailPanel .bet-search-action{
  height:28px!important;
  min-height:28px!important;
  margin-left:12px!important;
  padding:0 9px!important;
  font-size:13px!important;
  line-height:26px!important;
}
#betDetailPanel #queryBetDetailBtn,#betDetailPanel #printBetDetailBtn{width:52px!important;min-width:52px!important;max-width:52px!important;flex:0 0 52px!important;}
#betDetailPanel #printBetDetailBtn{margin-left:9px!important;}
#betDetailPanel #betWinningDetailBtn{width:80px!important;min-width:80px!important;max-width:80px!important;flex:0 0 80px!important;margin-left:10px!important;}
#betDetailPanel .bet-detail-card{margin-top:10px!important;overflow:hidden!important;}
#betDetailPanel .report-table-wrap{width:100%!important;overflow:hidden!important;}
#betDetailPanel .reference-bet-table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  font-size:13px!important;
}
#betDetailPanel .reference-bet-table th,#betDetailPanel .reference-bet-table td{
  min-width:0!important;
  padding:0 4px!important;
  font-size:13px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#betDetailPanel .reference-bet-table thead th{height:38px!important;min-height:38px!important;}
#betDetailPanel .reference-bet-table tbody td{height:30px!important;min-height:30px!important;}
/* 参考图 1494px 主表的实际比例：156 / 256 / 177 / 75 / 73*6 / 392 */
#betDetailPanel .reference-bet-table th:nth-child(1),#betDetailPanel .reference-bet-table td:nth-child(1){width:10.45%!important;}
#betDetailPanel .reference-bet-table th:nth-child(2),#betDetailPanel .reference-bet-table td:nth-child(2){width:17.14%!important;}
#betDetailPanel .reference-bet-table th:nth-child(3),#betDetailPanel .reference-bet-table td:nth-child(3){width:11.85%!important;}
#betDetailPanel .reference-bet-table th:nth-child(4),#betDetailPanel .reference-bet-table td:nth-child(4){width:5.02%!important;}
#betDetailPanel .reference-bet-table th:nth-child(5),#betDetailPanel .reference-bet-table td:nth-child(5),
#betDetailPanel .reference-bet-table th:nth-child(6),#betDetailPanel .reference-bet-table td:nth-child(6),
#betDetailPanel .reference-bet-table th:nth-child(7),#betDetailPanel .reference-bet-table td:nth-child(7),
#betDetailPanel .reference-bet-table th:nth-child(8),#betDetailPanel .reference-bet-table td:nth-child(8),
#betDetailPanel .reference-bet-table th:nth-child(9),#betDetailPanel .reference-bet-table td:nth-child(9),
#betDetailPanel .reference-bet-table th:nth-child(10),#betDetailPanel .reference-bet-table td:nth-child(10){width:4.88%!important;}
#betDetailPanel .reference-bet-table th:nth-child(11),#betDetailPanel .reference-bet-table td:nth-child(11){width:26.36%!important;min-width:0!important;}
#betDetailPanel .reference-bet-table .number-text-cell strong{font-size:13px!important;}
#betDetailPanel .reference-bet-table .bet-refund-actions-head{padding:0!important;text-align:center!important;}
#betDetailPanel .bet-refund-actions-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:37px!important;
  gap:7px!important;
}
#betDetailPanel .bet-refund-actions-inline>span{margin:0!important;font-size:13px!important;}
#betDetailPanel .bet-refund-actions-inline>input{width:14px!important;height:14px!important;margin:0 3px 0 0!important;flex:0 0 14px!important;}
#betDetailPanel .bet-refund-actions-inline>.red-gradient-btn{
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0 7px!important;
  font-size:13px!important;
  line-height:26px!important;
}
#betDetailPanel .bet-refund-actions-head #routeRefundBtn{width:52px!important;min-width:52px!important;max-width:52px!important;}
#betDetailPanel .bet-refund-actions-head #refundWholeOrderBtn{width:78px!important;min-width:78px!important;max-width:78px!important;}
#betDetailPanel .report-pagination{
  height:39px!important;
  min-height:39px!important;
  padding:0!important;
  gap:12px!important;
  font-size:13px!important;
}
#betDetailPanel .report-pagination button{height:28px!important;min-height:28px!important;padding:0 12px!important;font-size:13px!important;}
#betDetailPanel #betDetailStatus{font-size:12px!important;margin-top:8px!important;}

/* ===== 日报 / 周报 / 历史账单点进期号：同一套紧凑下注明细 ===== */
#historyBillPanel{width:100%!important;overflow:hidden!important;}
#historyBillPanel .history-detail-search-title,#historyBillPanel .history-day-reference-title{
  height:31px!important;min-height:31px!important;padding:0 6px!important;font-size:14px!important;line-height:31px!important;
}
#historyBillPanel .history-detail-reference-toolbar{
  width:100%!important;height:34px!important;min-height:34px!important;padding:3px 5px!important;overflow:hidden!important;font-size:13px!important;white-space:nowrap!important;
}
#historyBillPanel .history-detail-reference-toolbar label,
#historyBillPanel .history-detail-reference-toolbar span,
#historyBillPanel .history-detail-reference-toolbar input,
#historyBillPanel .history-detail-reference-toolbar select,
#historyBillPanel .history-detail-reference-toolbar button{font-size:13px!important;}
#historyBillPanel .history-search-number span{width:60px!important;}
#historyBillPanel .history-search-number input{width:73px!important;}
#historyBillPanel .history-detail-reference-toolbar input[type="text"],#historyBillPanel .history-detail-reference-toolbar select{height:24px!important;min-height:24px!important;padding:0 3px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-now-check{margin-left:8px!important;width:53px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-now-check span{margin-right:7px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-now-check input{width:14px!important;height:14px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-list-mode{margin-left:8px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-list-mode span{width:40px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-list-mode select{width:54px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-range-input{flex:0 0 62px!important;width:62px!important;margin-left:12px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-range-separator{flex:0 0 30px!important;width:30px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-category-item{margin-left:7px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-category-item span{width:40px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-category-item select{width:80px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-print-code{margin-left:15px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-print-code span{width:78px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-print-code input{width:153px!important;}
#historyBillPanel .history-detail-reference-toolbar .bet-search-action{
  height:28px!important;min-height:28px!important;margin-left:12px!important;padding:0 9px!important;font-size:13px!important;line-height:26px!important;
}
#historyBillPanel #queryHistoryDayBtn,#historyBillPanel #printHistoryDayBtn{width:52px!important;min-width:52px!important;max-width:52px!important;}
#historyBillPanel #printHistoryDayBtn{margin-left:9px!important;}
#historyBillPanel #historyDayWinningDetailBtn{width:80px!important;min-width:80px!important;max-width:80px!important;margin-left:10px!important;}
#historyBillPanel .history-day-table-wrap{width:100%!important;overflow:hidden!important;}
#historyBillPanel .history-day-table.reference-bet-table{
  width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;font-size:13px!important;
}
#historyBillPanel .history-day-table.reference-bet-table th,#historyBillPanel .history-day-table.reference-bet-table td{
  min-width:0!important;padding:0 4px!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#historyBillPanel .history-day-table.reference-bet-table thead th{height:38px!important;}
#historyBillPanel .history-day-table.reference-bet-table tbody td{height:30px!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(1),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(1){width:10.45%!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(2),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(2){width:17.14%!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(3),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(3){width:11.85%!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(4),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(4){width:5.02%!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(5),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(5),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(6),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(6),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(7),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(7),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(8),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(8),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(9),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(9),
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(10),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(10){width:4.88%!important;}
#historyBillPanel .history-day-table.reference-bet-table th:nth-child(11),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(11){width:26.36%!important;min-width:0!important;}
#historyBillPanel .history-day-table .bet-refund-actions-head{padding:0!important;text-align:center!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:37px!important;gap:7px!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline>span{margin:0!important;font-size:13px!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline>input{width:14px!important;height:14px!important;margin:0 3px 0 0!important;}
#historyBillPanel .history-day-table .bet-refund-actions-inline>.red-gradient-btn{height:28px!important;min-height:28px!important;margin:0!important;padding:0 7px!important;font-size:13px!important;line-height:26px!important;}
#historyBillPanel .reference-page-line{height:39px!important;font-size:13px!important;gap:10px!important;}
#historyBillPanel .reference-page-line button{font-size:13px!important;}
#historyBillPanel .reference-page-line input{width:38px!important;height:25px!important;}
#historyBillPanel .reference-page-line .go-btn{width:35px!important;height:28px!important;}

/* 报表列表也回到参考图大小。 */
#historyBillPanel #historyBillListView .report-title-bar{height:31px!important;min-height:31px!important;font-size:14px!important;}
#historyBillPanel #historyBillListView .report-toolbar,#historyBillPanel #historyBillListView .report-toolbar *{font-size:13px!important;}
#historyBillPanel .history-bill-card .history-bill-table{min-width:0!important;width:100%!important;}
#historyBillPanel .history-bill-card .history-bill-table th,#historyBillPanel .history-bill-card .history-bill-table td{height:31px!important;padding:3px 6px!important;font-size:13px!important;}

/* ===== 会员资料：紧凑，不出现横向滚动 ===== */
#memberProfilePanel.reference-member-profile{font-size:13px!important;overflow:hidden!important;}
#memberProfilePanel .reference-profile-top{gap:8px!important;}
#memberProfilePanel .member-card-title{height:31px!important;min-height:31px!important;font-size:14px!important;}
#memberProfilePanel .reference-member-info-table,#memberProfilePanel .reference-coding-table{font-size:13px!important;}
#memberProfilePanel .reference-member-info-table td,#memberProfilePanel .reference-coding-table td{height:30px!important;padding:2px 5px!important;font-size:13px!important;}
#memberProfilePanel .reference-coding-table input[type="radio"]{width:14px!important;height:14px!important;}
#memberProfilePanel .reference-coding-table .reference-sales-point{height:24px!important;font-size:13px!important;}
#memberProfilePanel .reference-profile-submit-row{min-height:49px!important;}
#memberProfilePanel .reference-profile-submit{width:52px!important;min-width:52px!important;height:28px!important;min-height:28px!important;font-size:13px!important;line-height:26px!important;}
#memberProfilePanel .odds-table-wrap{width:100%!important;overflow:hidden!important;}
#memberProfilePanel .odds-settings-table{width:100%!important;min-width:0!important;max-width:100%!important;font-size:13px!important;}
#memberProfilePanel .odds-settings-table > thead > tr > th{height:34px!important;padding:3px 5px!important;font-size:13px!important;}
#memberProfilePanel .odds-settings-table > tbody > tr:not(.lucky5-odds-group) > td,#memberProfilePanel .odds-settings-table .lucky5-odds-group > td{height:38px!important;padding:3px 6px!important;font-size:13px!important;}
#memberProfilePanel .lucky5-group-mark{width:20px!important;height:20px!important;margin-right:62px!important;font-size:17px!important;line-height:18px!important;}
#memberProfilePanel .same-rebate-label{font-size:13px!important;}
#memberProfilePanel #sameRebateToggle{width:14px!important;height:14px!important;}
#memberProfilePanel .odds-settings-table .rebate-select{width:74px!important;height:24px!important;font-size:13px!important;}

/* ===== 开奖号码：参考图行高/球体，整表占满主区域，不横向滚动 ===== */
.reference-result-panel{font-size:13px!important;overflow:hidden!important;}
.reference-result-panel>.report-title-bar{height:31px!important;min-height:31px!important;font-size:14px!important;}
.reference-result-toolbar{min-height:36px!important;padding:3px 5px!important;gap:7px!important;}
.reference-result-toolbar,.reference-result-toolbar *{font-size:13px!important;}
.reference-result-toolbar .draw-date-field input{width:195px!important;height:26px!important;min-height:26px!important;font-size:13px!important;}
.reference-result-toolbar .red-gradient-btn{height:28px!important;min-height:28px!important;font-size:13px!important;}
.reference-draw-card{margin-top:8px!important;overflow:hidden!important;}
.reference-draw-card .report-table-wrap{overflow:hidden!important;}
.reference-draw-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
.reference-draw-table th,.reference-draw-table td{height:47px!important;padding:2px 5px!important;font-size:13px!important;}
.reference-draw-table th:nth-child(1),.reference-draw-table td:nth-child(1){width:16.6%!important;}
.reference-draw-table th:nth-child(2),.reference-draw-table td:nth-child(2){width:16.5%!important;}
.reference-draw-table th:nth-child(3),.reference-draw-table td:nth-child(3),
.reference-draw-table th:nth-child(4),.reference-draw-table td:nth-child(4),
.reference-draw-table th:nth-child(5),.reference-draw-table td:nth-child(5),
.reference-draw-table th:nth-child(6),.reference-draw-table td:nth-child(6),
.reference-draw-table th:nth-child(7),.reference-draw-table td:nth-child(7){width:11.0%!important;}
.reference-draw-table th:nth-child(8),.reference-draw-table td:nth-child(8){width:11.9%!important;}
.reference-draw-table .draw-ball{width:34px!important;height:34px!important;font-size:16px!important;line-height:34px!important;}

/* 1366~1600 桌面：继续保证一屏，不允许再次靠横向滚动兜底。 */
@media (min-width:1366px) and (max-width:1600px) and (min-width:1001px){
  .home-view .nav-icon-btn,.home-view .network-speed-btn{padding:0 9px!important;font-size:13px!important;}
  .l5-feature-btn{min-width:72px!important;padding:0 9px!important;font-size:12px!important;}
  #betDetailPanel .reference-bet-search-toolbar,#historyBillPanel .history-detail-reference-toolbar{font-size:12px!important;}
  #betDetailPanel .reference-bet-search-toolbar label,#betDetailPanel .reference-bet-search-toolbar span,#betDetailPanel .reference-bet-search-toolbar input,#betDetailPanel .reference-bet-search-toolbar select,#betDetailPanel .reference-bet-search-toolbar button,
  #historyBillPanel .history-detail-reference-toolbar label,#historyBillPanel .history-detail-reference-toolbar span,#historyBillPanel .history-detail-reference-toolbar input,#historyBillPanel .history-detail-reference-toolbar select,#historyBillPanel .history-detail-reference-toolbar button{font-size:12px!important;}
  #betDetailPanel .bet-search-number span,#historyBillPanel .history-search-number span{width:54px!important;}
  #betDetailPanel .bet-search-number input,#historyBillPanel .history-search-number input{width:65px!important;}
  #betDetailPanel .bet-print-code input,#historyBillPanel .history-detail-reference-toolbar .bet-print-code input{width:125px!important;}
  #betDetailPanel .bet-print-code span,#historyBillPanel .history-detail-reference-toolbar .bet-print-code span{width:70px!important;}
  #betDetailPanel .bet-search-action,#historyBillPanel .history-detail-reference-toolbar .bet-search-action{margin-left:7px!important;padding:0 6px!important;}
  #betDetailPanel #printBetDetailBtn,#historyBillPanel #printHistoryDayBtn{margin-left:6px!important;}
  #betDetailPanel #betWinningDetailBtn,#historyBillPanel #historyDayWinningDetailBtn{margin-left:6px!important;}
}

/* v122 pagination exact reference line */
#betDetailPanel .bet-reference-page-line{
  height:39px!important;
  min-height:39px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:#f4f4f4!important;
  color:#111!important;
  font-size:13px!important;
}
#betDetailPanel .bet-reference-page-line button{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#141a91!important;
  font-size:13px!important;
  line-height:1!important;
}
#betDetailPanel .bet-reference-page-line button:disabled{color:#777!important;opacity:.7!important;}
#betDetailPanel .bet-reference-page-line input{width:38px!important;height:25px!important;border:1px solid #999!important;background:#fff!important;font-size:13px!important;}
#betDetailPanel .bet-reference-page-line .go-btn{width:35px!important;height:28px!important;border-radius:4px!important;background:#00948c!important;color:#fff!important;font-weight:700!important;}
#betDetailPanel #betDetailStatus{display:none!important;}
/* exact percentage sum from the reference capture */
#betDetailPanel .reference-bet-table th:nth-child(1),#betDetailPanel .reference-bet-table td:nth-child(1),#historyBillPanel .history-day-table.reference-bet-table th:nth-child(1),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(1){width:10.442%!important;}
#betDetailPanel .reference-bet-table th:nth-child(2),#betDetailPanel .reference-bet-table td:nth-child(2),#historyBillPanel .history-day-table.reference-bet-table th:nth-child(2),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(2){width:17.135%!important;}
#betDetailPanel .reference-bet-table th:nth-child(3),#betDetailPanel .reference-bet-table td:nth-child(3),#historyBillPanel .history-day-table.reference-bet-table th:nth-child(3),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(3){width:11.847%!important;}
#betDetailPanel .reference-bet-table th:nth-child(4),#betDetailPanel .reference-bet-table td:nth-child(4),#historyBillPanel .history-day-table.reference-bet-table th:nth-child(4),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(4){width:5.020%!important;}
#betDetailPanel .reference-bet-table th:nth-child(n+5):nth-child(-n+10),#betDetailPanel .reference-bet-table td:nth-child(n+5):nth-child(-n+10),#historyBillPanel .history-day-table.reference-bet-table th:nth-child(n+5):nth-child(-n+10),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(n+5):nth-child(-n+10){width:4.886%!important;}
#betDetailPanel .reference-bet-table th:nth-child(11),#betDetailPanel .reference-bet-table td:nth-child(11),#historyBillPanel .history-day-table.reference-bet-table th:nth-child(11),#historyBillPanel .history-day-table.reference-bet-table td:nth-child(11){width:26.238%!important;}
#betDetailPanel #betDetailStatus.is-error{display:block!important;margin:6px 0 0!important;color:#b40000!important;font-size:12px!important;font-weight:700!important;}

/* =========================================================
   2026-08-10 会员端参考图顶部/左栏精确修正 v123
   只锁定顶部导航、品牌板、二级玩法导航、左侧会员栏。
   ========================================================= */

/* ---------- 顶部：恢复参考图横向节奏 ---------- */
.home-view .topbar{
  grid-template-columns:12vw minmax(0,1fr)!important;
  grid-template-rows:2.18vw 1.72vw!important;
  height:3.90vw!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
}
.home-view .topbar-left{
  width:12vw!important;
  min-width:12vw!important;
  height:3.90vw!important;
  position:relative!important;
  padding:0!important;
}

/* 幸运五 / 澳5：一整块品牌底板，不再是两个零散小按钮 */
.home-view .topbar-left .l5-game-switch{
  left:1.38vw!important;
  top:.34vw!important;
  width:9.15vw!important;
  height:2.00vw!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1.65fr 1fr!important;
  padding:2px!important;
  gap:0!important;
  border:1px solid rgba(224,255,252,.92)!important;
  border-radius:4px!important;
  background:#007f78!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 1px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.home-view .topbar-left .l5-game-switch-btn{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  color:#fff!important;
  font-family:"Microsoft YaHei",Arial,sans-serif!important;
  font-size:.86vw!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.home-view .topbar-left .l5-game-switch-btn:first-child{
  border-right:1px solid rgba(255,255,255,.45)!important;
  font-size:.94vw!important;
}
.home-view .topbar-left .l5-game-switch-btn.is-active{
  background:#fff400!important;
  color:#111!important;
}

/* 主导航从参考图位置开始；每个按钮按参考图宽度固定比例。 */
.home-view .icon-nav{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  height:2.18vw!important;
  padding:.30vw .35vw 0 1.05vw!important;
  gap:.20vw!important;
  display:flex!important;
  align-items:flex-start!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.home-view .nav-icon-btn,
.home-view .network-speed-btn{
  flex:0 0 auto!important;
  height:1.78vw!important;
  min-height:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.78vw!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.home-view .icon-nav .nav-icon-btn:nth-child(1){width:4.70vw!important;}
.home-view .icon-nav .nav-icon-btn:nth-child(2),
.home-view .icon-nav .nav-icon-btn:nth-child(3),
.home-view .icon-nav .nav-icon-btn:nth-child(7),
.home-view .icon-nav .nav-icon-btn:nth-child(8),
.home-view .icon-nav .nav-icon-btn:nth-child(9),
.home-view .icon-nav .nav-icon-btn:nth-child(11){width:5.58vw!important;}
.home-view .icon-nav .nav-icon-btn:nth-child(4),
.home-view .icon-nav .nav-icon-btn:nth-child(5),
.home-view .icon-nav .nav-icon-btn:nth-child(6){width:4.70vw!important;}
.home-view .icon-nav .nav-icon-btn:nth-child(10),
.home-view .icon-nav .nav-icon-btn:nth-child(12){width:3.76vw!important;}
.home-view .icon-nav .network-speed-btn{
  width:5.75vw!important;
  margin-left:1.00vw!important;
  border-color:transparent!important;
  color:#fff400!important;
}
.home-view .nav-icon-btn.is-active{
  background:#fff400!important;
  color:#111!important;
  border-color:#d7d000!important;
}

/* 中间线路/倒计时行：高度与参考图一致。 */
.notice-bar{
  left:12vw!important;
  top:2.18vw!important;
  height:1.72vw!important;
  min-height:0!important;
  padding:0 .75vw 0 1.15vw!important;
  gap:.80vw!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.notice-bar #noticeText{
  flex:0 0 28.7vw!important;
  width:28.7vw!important;
  min-width:28.7vw!important;
}
.notice-bar #noticeText,
.notice-bar .draw-distance,
.notice-bar .notice-tail-scroll{
  font-size:.61vw!important;
  line-height:1!important;
}

/* 二级玩法：参考图从约 13vw 位置起，不再被 v122 推到 13.35vw。 */
.l5-feature-nav{
  height:1.66vw!important;
  min-height:0!important;
  padding-left:13.00vw!important;
  border-bottom:3px solid #eef1f0!important;
  overflow:hidden!important;
  box-sizing:content-box!important;
}
.l5-feature-btn{
  height:1.66vw!important;
  min-height:0!important;
  min-width:4.08vw!important;
  padding:0 .62vw!important;
  font-size:.76vw!important;
  line-height:1!important;
}

/* ---------- 左侧：按参考图锁定，不受其它响应式规则二次改形 ---------- */
.member-body-shell{
  grid-template-columns:12vw minmax(0,1fr)!important;
  gap:1.35vw!important;
  padding-top:.30vw!important;
}
.member-body-shell>.quick-side{
  width:12vw!important;
  min-width:12vw!important;
}
.member-rail{
  font-size:.73vw!important;
  line-height:1.35!important;
}
.rail-box{
  width:100%!important;
  margin:0 0 .42vw!important;
  border:1px solid #8fa9a6!important;
  border-radius:0!important;
  background:#fff!important;
}
.rail-title{
  height:1.78vw!important;
  min-height:0!important;
  padding:0 .32vw!important;
  font-size:.84vw!important;
  font-weight:900!important;
  background:#00948c!important;
}
.rail-info-link{
  padding:.08vw .72vw!important;
  border-radius:.35vw!important;
  font-size:.68vw!important;
  line-height:1.2!important;
  background:#0eb3aa!important;
  color:#eafffd!important;
}
.rail-kv{
  grid-template-columns:46% 54%!important;
  height:1.72vw!important;
  min-height:0!important;
  padding:0 .28vw!important;
  font-size:.73vw!important;
  border-bottom:1px solid #ddd!important;
}
.rail-result-row{
  grid-template-columns:23% minmax(0,1fr) 20%!important;
}
.rail-refresh-btn{
  height:1.45vw!important;
  min-height:0!important;
  padding:0 .20vw!important;
  font-size:.68vw!important;
  line-height:1!important;
}
.rail-red-btn,
.rail-actions button{
  height:1.55vw!important;
  min-height:0!important;
  padding:0 .52vw!important;
  font-size:.73vw!important;
  line-height:1!important;
}
.rail-red-btn{margin:0 0 .20vw 0!important;}
.rail-unit{
  padding:0 .24vw .12vw!important;
  font-size:.84vw!important;
  line-height:1.25!important;
}
.rail-subtitle{
  height:1.67vw!important;
  min-height:0!important;
  font-size:.84vw!important;
  background:#deeeee!important;
}
.rail-meta{
  padding:.18vw .16vw!important;
  font-size:.73vw!important;
  line-height:1.25!important;
}
.rail-bet-table th,
.rail-bet-table td{
  height:1.48vw!important;
  min-height:0!important;
  padding:.08vw .12vw!important;
  font-size:.73vw!important;
  line-height:1.2!important;
}
.rail-total{
  padding:.18vw .16vw!important;
  font-size:.78vw!important;
  line-height:1.2!important;
}
.rail-actions{
  gap:1.70vw!important;
  padding:.16vw 0!important;
}
.rail-validity{
  min-height:2.95vw!important;
  padding:.18vw .16vw!important;
  font-size:.78vw!important;
  line-height:1.35!important;
  background:#deeeee!important;
}

/* 小屏只做等比压缩，不改变经典结构。 */
@media (min-width:1366px) and (max-width:1299px){
  .home-view .topbar-left .l5-game-switch{
    left:1.15vw!important;top:.35vw!important;width:9.55vw!important;height:2.15vw!important;
  }
  .home-view .topbar-left .l5-game-switch-btn{font-size:1.00vw!important;}
  .home-view .topbar-left .l5-game-switch-btn:first-child{font-size:1.08vw!important;}
}

/* =========================================================
   2026-08-10 会员端最终整理 v126
   目标：统一字体尺度；固定顶部/左栏；左栏仅下注列表滚动；主区完整使用可用宽度。
   此块替代 v124/v125，避免同一选择器反复覆盖。
   ========================================================= */
:root{
  --ref126-rail:230px;
  --ref126-gap:18px;
  --ref126-teal:#009991;
  --ref126-teal-dark:#008b84;
  --ref126-line:#93a7a5;
}

/* ---------- 顶部 ---------- */
.home-view .topbar{
  display:grid!important;
  grid-template-columns:var(--ref126-rail) minmax(0,1fr)!important;
  grid-template-rows:40px 30px!important;
  width:100%!important;
  height:70px!important;
  min-height:70px!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--ref126-teal)!important;
}
.home-view .topbar-left{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:var(--ref126-rail)!important;
  min-width:var(--ref126-rail)!important;
  height:70px!important;
  padding:0!important;
  position:relative!important;
  display:block!important;
  background:var(--ref126-teal-dark)!important;
  border-right:1px solid rgba(255,255,255,.30)!important;
  box-sizing:border-box!important;
}
.home-view .topbar-left .l5-game-switch{
  position:absolute!important;
  left:26px!important;
  top:5px!important;
  width:176px!important;
  height:36px!important;
  min-width:176px!important;
  min-height:36px!important;
  padding:2px!important;
  display:grid!important;
  grid-template-columns:108px 64px!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #d9ffff!important;
  border-radius:5px!important;
  background:#007f79!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
.home-view .topbar-left .l5-game-switch-btn,
.home-view .topbar-left .l5-game-switch-btn:first-child,
.home-view .topbar-left .l5-game-switch-btn:last-child{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:"Microsoft YaHei",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:30px!important;
  white-space:nowrap!important;
}
.home-view .topbar-left .l5-game-switch-btn:first-child{font-size:15px!important;border-right:1px solid rgba(255,255,255,.35)!important;}
.home-view .topbar-left .l5-game-switch-btn.is-active{background:#fff000!important;color:#050505!important;}
.home-view .topbar-left .l5-game-switch-btn:not(.is-active){background:#008f88!important;color:#fff!important;}
.home-view .icon-nav{
  grid-column:2!important;
  grid-row:1!important;
  height:40px!important;
  min-height:40px!important;
  padding:4px 8px 0 20px!important;
  gap:4px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.home-view .nav-icon-btn,
.home-view .network-speed-btn{
  flex:0 0 auto!important;
  height:31px!important;
  min-height:31px!important;
  padding:0 10px!important;
  border-radius:4px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:29px!important;
  white-space:nowrap!important;
}
.home-view .network-speed-btn{margin-left:12px!important;padding:0 8px!important;}
.notice-bar{
  left:var(--ref126-rail)!important;
  top:40px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 12px 0 20px!important;
  gap:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.notice-bar #noticeText,
.notice-bar .draw-distance,
.notice-bar .notice-tail-scroll{font-size:11px!important;line-height:1.1!important;}

/* 二级玩法绝不进入左侧店招区域 */
.l5-feature-nav{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px 0 calc(var(--ref126-rail) + 18px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:hidden!important;
  border-bottom:3px solid #eef1f0!important;
  box-sizing:border-box!important;
}
.l5-feature-btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:62px!important;
  height:31px!important;
  min-height:31px!important;
  padding:0 7px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:31px!important;
  white-space:nowrap!important;
}
.l5-feature-btn:nth-child(3){min-width:76px!important;}
.l5-feature-btn:nth-child(7){min-width:92px!important;}
.l5-feature-btn:nth-child(8){min-width:72px!important;}

/* ---------- 主框架 ---------- */
.member-body-shell{
  display:grid!important;
  grid-template-columns:var(--ref126-rail) minmax(0,1fr)!important;
  gap:var(--ref126-gap)!important;
  width:100%!important;
  padding-top:4px!important;
  overflow-x:hidden!important;
  align-items:start!important;
  background:#f4f4f4!important;
}
.member-body-shell>.quick-side,
.member-rail{
  width:var(--ref126-rail)!important;
  min-width:var(--ref126-rail)!important;
  font-family:"Microsoft YaHei",Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.member-body-shell>.quick-side{
  position:sticky!important;
  top:34px!important;
  height:calc(100vh - 108px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f3f3f3!important;
  border-right:0!important;
}
.member-body-shell>.home-main{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

/* ---------- 左侧会员信息：固定，不跟下注记录一起滚 ---------- */
.member-info-box{
  width:230px!important;
  margin:0 0 8px!important;
  border:1px solid var(--ref126-line)!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rail-title{
  width:100%!important;
  height:31px!important;
  min-height:31px!important;
  padding:0 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:var(--ref126-teal)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:31px!important;
  box-sizing:border-box!important;
}
.rail-info-link{
  min-width:68px!important;
  height:24px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:#fff8a6!important;
  color:#48605d!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:24px!important;
  box-sizing:border-box!important;
}
.rail-member-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  background:#fff!important;
  font-size:13px!important;
}
.rail-member-table th,
.rail-member-table td{
  height:30px!important;
  min-height:30px!important;
  padding:0 5px!important;
  border:0!important;
  border-bottom:1px solid #dedede!important;
  vertical-align:middle!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:30px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.rail-member-table tr:last-child th,
.rail-member-table tr:last-child td{border-bottom:0!important;}
.rail-member-table th{width:103px!important;border-right:1px solid #e1e1e1!important;}
.rail-member-table td{width:125px!important;overflow:hidden!important;}
.rail-member-table strong{font-weight:400!important;}
.rail-result-cell{padding-right:4px!important;}
.rail-result-cell #railResultMirror{
  display:inline-block!important;
  max-width:78px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}
.rail-refresh-btn{
  float:right!important;
  width:38px!important;
  height:25px!important;
  min-height:25px!important;
  margin-top:2px!important;
  padding:0!important;
  border:1px solid #8c8c8c!important;
  border-radius:0!important;
  background:#f5f5f5!important;
  color:#000!important;
  font-size:12px!important;
  line-height:23px!important;
  box-sizing:border-box!important;
}
.rail-red-btn{
  width:78px!important;
  height:29px!important;
  min-height:29px!important;
  margin:0 0 3px 0!important;
  padding:0!important;
  font-size:13px!important;
  line-height:27px!important;
}
.rail-unit{
  height:25px!important;
  padding:0 4px 2px 0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:22px!important;
  box-sizing:border-box!important;
}

/* ---------- 左侧最新一笔下注 ---------- */
.quick-record-box{
  width:230px!important;
  height:calc(100vh - 331px)!important;
  min-height:310px!important;
  max-height:560px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--ref126-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rail-subtitle{
  flex:0 0 29px!important;
  height:29px!important;
  min-height:29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#dce9e9!important;
  border-bottom:1px solid var(--ref126-line)!important;
  color:#f00019!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:29px!important;
}
.rail-meta{
  flex:0 0 58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:2px 3px!important;
  overflow:hidden!important;
  background:#fff!important;
  font-size:12px!important;
  line-height:18px!important;
  box-sizing:border-box!important;
}
.rail-meta>div{
  height:18px!important;
  min-height:18px!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.rail-meta strong{font-weight:400!important;}
#railOrderNo{font-size:12px!important;}
.rail-bet-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#fff!important;
  scrollbar-width:thin!important;
  box-sizing:border-box!important;
}
.rail-bet-table{
  width:100%!important;
  margin:0!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  background:#fff!important;
}
.rail-bet-table th:nth-child(1),.rail-bet-table td:nth-child(1){width:33%!important;}
.rail-bet-table th:nth-child(2),.rail-bet-table td:nth-child(2){width:43%!important;}
.rail-bet-table th:nth-child(3),.rail-bet-table td:nth-child(3){width:24%!important;}
.rail-bet-table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 2px!important;
  border:1px solid #999!important;
  background:#fff!important;
  color:#000!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:25px!important;
  box-sizing:border-box!important;
}
.rail-bet-table td{
  height:28px!important;
  min-height:28px!important;
  padding:0 2px!important;
  border:1px solid #aaa!important;
  background:#fff!important;
  color:#000!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:27px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  box-sizing:border-box!important;
}
.rail-total{
  flex:0 0 28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 3px!important;
  display:flex!important;
  align-items:center!important;
  border-top:0!important;
  border-bottom:1px solid #aaa!important;
  background:#fff!important;
  font-size:13px!important;
  line-height:27px!important;
  box-sizing:border-box!important;
}
.rail-total b{margin:0 3px!important;font-weight:700!important;}
.rail-actions{
  flex:0 0 34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:2px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rail-actions button{
  width:52px!important;
  height:27px!important;
  min-height:27px!important;
  padding:0!important;
  font-size:13px!important;
  line-height:25px!important;
}
.rail-validity{
  flex:0 0 51px!important;
  min-height:51px!important;
  padding:3px!important;
  border-top:1px solid var(--ref126-line)!important;
  background:#dce9e9!important;
  color:#000!important;
  font-size:14px!important;
  line-height:21px!important;
  box-sizing:border-box!important;
}

/* ---------- 快选主区：完整吃满右侧可用宽度 ---------- */
.l5-quick-select-panel{width:100%!important;overflow:hidden!important;}
.l5-quick-layout{
  display:grid!important;
  grid-template-columns:minmax(520px,590px) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.l5-quick-left-stack,
.l5-reference-quick-pane,
.l5-quick-frame{min-width:0!important;width:100%!important;}
.l5-reference-quick-pane{overflow:hidden!important;}

/* 中间号码表以 12~13px 为基准，避免和左栏产生两套视觉尺度 */
.l5-generation-stage .classic-titlebar,
.l5-send-stage .classic-titlebar{font-size:13px!important;}
.l5-quick-result-item{font-size:12px!important;font-weight:400!important;}
.l5-send-entry label,.l5-send-entry input,.l5-send-entry button,.l5-send-summary{font-size:13px!important;}

@media (min-width:1366px) and (max-width:1500px) and (min-width:1001px){
  .home-view .nav-icon-btn,.home-view .network-speed-btn{padding:0 8px!important;font-size:12px!important;}
  .home-view .network-speed-btn{margin-left:6px!important;}
  .l5-feature-nav{gap:5px!important;}
  .l5-feature-btn{min-width:58px!important;padding:0 5px!important;font-size:12px!important;}
  .l5-feature-btn:nth-child(3){min-width:70px!important;}
  .l5-feature-btn:nth-child(7){min-width:86px!important;}
  .l5-quick-layout{grid-template-columns:minmax(470px,520px) minmax(0,1fr)!important;gap:10px!important;}
}

/* =========================================================
   2026-08-14 desktop-only alignment patch v127
   - 网页端固定桌面布局：窄屏/手机按桌面宽度展示，不再触发手机版重排。
   - 幸运五/澳5切换框：两个按钮共用同一外框，横向/纵向边线完全对齐。
   ========================================================= */
html,
body,
.app-shell{
  min-width:1366px!important;
}

.home-view .topbar-left .l5-game-switch{
  padding:0!important;
  grid-template-columns:108px 66px!important;
  overflow:hidden!important;
  border-radius:5px!important;
}
.home-view .topbar-left .l5-game-switch-btn,
.home-view .topbar-left .l5-game-switch-btn:first-child,
.home-view .topbar-left .l5-game-switch-btn:last-child{
  height:100%!important;
  min-height:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
.home-view .topbar-left .l5-game-switch-btn:first-child{
  border-right:1px solid rgba(255,255,255,.45)!important;
}
.home-view .topbar-left .l5-game-switch-btn:last-child{
  border-left:0!important;
}

/* 报表只保留下面带日期/周期的标题，避免“日报表/周报表/月报表”重复。 */
#historyBillPanelTitle{display:none!important;}



/* =========================================================
   2026-08-14 desktop global alignment patch v128
   根因修正：
   1) member-body-shell 之前 overflow-x:hidden 会建立滚动容器；
      quick-side 又是 position:sticky + top:34px，导致左栏整体被向下顶 34px。
   2) 顶部主导航/线路文字与正文主区使用了 20px，而正文列间距是 18px，
      横向基准线存在 2px 偏差。
   3) 所有 max-width 移动端断点仅允许在桌面基准宽度以上生效，
      低于桌面宽度不再重排版，只保留桌面结构并横向查看。
   ========================================================= */
:root{
  --desktop-rail-width:230px;
  --desktop-column-gap:18px;
  --desktop-main-start:248px;
}

html,
body,
.app-shell,
.home-view{
  min-width:1366px!important;
}
body{overflow-x:auto!important;}

/* 全局横向基准：左栏 230 + 间隔 18 = 主区 x=248 */
.home-view .topbar{
  grid-template-columns:var(--desktop-rail-width) minmax(0,1fr)!important;
}
.home-view .topbar-left{
  width:var(--desktop-rail-width)!important;
  min-width:var(--desktop-rail-width)!important;
}
.home-view .icon-nav{
  padding-left:var(--desktop-column-gap)!important;
}
.notice-bar{
  left:var(--desktop-rail-width)!important;
  padding-left:var(--desktop-column-gap)!important;
}
.l5-feature-nav{
  padding-left:var(--desktop-main-start)!important;
}

/* 正文两列共用同一条横向/纵向起点线 */
.member-body-shell{
  grid-template-columns:var(--desktop-rail-width) minmax(0,1fr)!important;
  column-gap:var(--desktop-column-gap)!important;
  row-gap:0!important;
  padding-top:4px!important;
  align-items:start!important;
  /* 桌面布局不让正文容器成为滚动容器；横向滚动交给 body。 */
  overflow:visible!important;
}
.member-body-shell>.quick-side,
.member-body-shell>.home-main{
  align-self:start!important;
  margin-top:0!important;
  transform:none!important;
}
.member-body-shell>.quick-side{
  width:var(--desktop-rail-width)!important;
  min-width:var(--desktop-rail-width)!important;
  /* 左栏必须和当前主面板共用同一条顶线：禁止 sticky 产生 top 偏移。 */
  position:static!important;
  top:auto!important;
  height:auto!important;
  overflow:visible!important;
}
.member-body-shell>.home-main{
  width:100%!important;
  min-width:0!important;
  padding-top:0!important;
}
.member-info-box,
.quick-record-box,
.home-main>.panel,
.home-main>.panel.is-active{
  margin-top:0!important;
}

/* 左栏框宽与正文列基准固定，避免旧 vw 规则再次参与计算 */
.member-info-box,
.quick-record-box{
  width:var(--desktop-rail-width)!important;
  max-width:var(--desktop-rail-width)!important;
}


/* =========================================================
   2026-08-14 desktop panel top-line fallback v129
   member.css 不是最后加载的样式表，因此这里只做基础兜底；
   最终几何规则同时写入 classic-lucky5.css / ao5-fantan.css。
   ========================================================= */
.member-body-shell>.quick-side{position:static!important;top:auto!important;align-self:start!important;margin-top:0!important;transform:none!important;}
.member-body-shell>.home-main{align-self:start!important;margin-top:0!important;transform:none!important;}
.member-info-box,.home-main>.panel,.home-main>.panel.is-active{margin-top:0!important;transform:none!important;}

/* ===== 2026-08-14 member fixes v132 ===== */
/* 责任声明：按钮固定在可视区域底部，正文过长时仅正文滚动。 */
.agreement-overlay {
  padding: 12px 18px !important;
  background: #fff !important;
  place-items: center !important;
  overflow: hidden !important;
}
.agreement-card.responsibility-card {
  width: min(1180px, 100%) !important;
  height: calc(100dvh - 24px);
  max-height: calc(100dvh - 24px);
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid #333 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.responsibility-card .agreement-title {
  flex: 0 0 38px;
  height: 38px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #555;
  background: #d7d7dd;
  color: #000;
  font-size: 20px !important;
  font-weight: 900;
}
.responsibility-body {
  flex: 1 1 auto;
  min-height: 0 !important;
  padding: 14px 18px 10px !important;
  color: #080808 !important;
  font-size: 16px;
  line-height: 1.72 !important;
  overflow: auto !important;
  max-height: none !important;
  overscroll-behavior: contain;
}
.responsibility-salutation { margin: 0 0 8px !important; font-weight: 500; }
.responsibility-list { margin: 0; padding-left: 30px; }
.responsibility-list li { margin: 7px 0; padding-left: 1px; }
.responsibility-list .responsibility-important { color: #ff1212; font-weight: 800; }
.responsibility-confirm-text {
  margin: 24px 0 4px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 900;
}
.responsibility-actions {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 10px 14px 12px;
  gap: 8px !important;
  border-top: 1px solid #b8b8b8;
  background: #fff;
  position: relative;
  z-index: 2;
}
.responsibility-btn {
  min-width: 96px;
  height: 36px;
  border: 1px solid #777;
  border-radius: 2px;
  background: linear-gradient(#fff,#e9e9e9);
  color: #111;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.responsibility-btn:first-child { border: 2px solid #222; }
@media (max-width: 700px) {
  .agreement-overlay { padding: 6px !important; }
  .agreement-card.responsibility-card { height: calc(100dvh - 12px); max-height: calc(100dvh - 12px); }
  .responsibility-body { padding: 10px 12px 8px !important; font-size: 14px; line-height: 1.62 !important; }
  .responsibility-list { padding-left: 24px; }
}

/* 小票一页最多 500 码的分页条。 */
.rail-record-pager {
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 3px 2px;
  border-top: 1px solid var(--classic-line, #93aaa7);
  background: #fff;
  color: #111;
  font-size: 14px;
  white-space: nowrap;
}
.rail-record-pager button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #111cbe;
  font: inherit;
  cursor: pointer;
}
.rail-record-pager button:disabled { color: #999; cursor: default; }

/* 幸运五封盘时，快选左侧只显示“已封盘”。 */
body.lucky5-market-closed #lucky5QuickSelectPanel #l5QuickGeneratedStage {
  min-height: 360px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}
body.lucky5-market-closed #lucky5QuickSelectPanel #l5QuickGeneratedStage::before { content: "已封盘"; }
body.lucky5-market-closed #lucky5QuickSelectPanel #l5QuickGeneratedStage > * { display: none !important; }
.rail-grand-total{
  padding:3px 4px;
  border-top:1px solid #777;
  font-weight:700;
  line-height:18px;
}
.rail-grand-total b{color:#d71920;}

/* ===== 2026-08-14 member fixes v133：规则说明参考版 ===== */
.rules-reference-panel {
  padding: 0 !important;
  background: #fff !important;
}
.rules-reference-sheet {
  width: min(1320px, calc(100% - 48px));
  margin: 28px auto 60px;
  padding: 12px 0 36px;
  color: #080808;
  background: #fff;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.75;
}
.rules-reference-sheet h2 {
  margin: 0 0 26px;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
  color: #000;
}
.rules-reference-sheet h2 span,
.rules-reference-sheet em,
.rules-reference-accent,
.rules-play-example p {
  color: #ff00a8;
  font-style: normal;
  font-weight: 800;
}
.rules-reference-section {
  margin: 0 0 18px;
}
.rules-reference-section h3 {
  margin: 16px 0 8px;
  font-size: 18px;
  font-weight: 900;
}
.rules-reference-section p {
  margin: 8px 34px;
}
.rules-reference-accent {
  margin-top: 16px !important;
  margin-left: 0 !important;
}
.rules-result-example {
  width: min(670px, calc(100% - 40px));
  margin: 10px 0 14px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 16px;
}
.rules-result-example th,
.rules-result-example td {
  height: 35px;
  padding: 4px 8px;
  border: 1px solid #ff5cae;
  text-align: left;
  background: #fff;
}
.rules-result-example td {
  color: #ff00a8;
  font-weight: 800;
}
.rules-reference-section h4 {
  margin: 12px 0 14px;
  font-size: 17px;
  font-weight: 900;
}
.rules-play-example {
  margin: 0 0 14px;
}
.rules-play-example h5 {
  margin: 0 0 7px;
  font-size: 17px;
  font-weight: 900;
}
.rules-play-example p {
  margin: 0;
  letter-spacing: .15px;
}
.rules-current-play-notes {
  padding-top: 6px;
  border-top: 1px solid #eee;
}
.rules-current-play-notes p {
  margin-left: 0;
  margin-right: 0;
}
.rules-reference-note {
  color: #8d005f;
  font-weight: 800;
}
@media (max-width: 760px) {
  .rules-reference-sheet { width: calc(100% - 24px); margin-top: 12px; font-size: 14px; }
  .rules-reference-sheet h2 { font-size: 18px; line-height: 1.45; }
  .rules-reference-section h3 { font-size: 16px; }
  .rules-reference-section p { margin-left: 0; margin-right: 0; }
  .rules-result-example { width: 100%; }
  .rules-play-example h5 { font-size: 15px; }
}

/* ===== 2026-08-14 security audit v134: 会员/管理端联合安全加固 ===== */

/* ===== 幸运五：玩家上下分请求提醒 ===== */
.point-request-drawer {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1400;
  width: 292px;
  max-height: 390px;
  overflow: hidden;
  border: 1px solid #d7a118;
  border-radius: 10px 10px 4px 4px;
  background: #fffdf3;
  box-shadow: 0 12px 34px rgba(44, 31, 0, .22);
  transform-origin: right bottom;
  animation: pointRequestSlideUp .28s ease-out both;
}
.point-request-drawer.is-hidden { display: none !important; }
.point-request-drawer-toggle {
  width: 100%;
  min-height: 42px;
  border: 0;
  border-bottom: 1px solid #efd36f;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: linear-gradient(180deg, #fff4a8 0%, #ffd84d 100%);
  color: #5e3c00;
  font-weight: 900;
  cursor: pointer;
}
.point-request-drawer-toggle strong {
  min-width: 25px;
  height: 25px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c91d1d;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 0 0 3px rgba(201, 29, 29, .12);
}
.point-request-drawer.has-new .point-request-drawer-toggle strong {
  animation: pointRequestPulse 1s ease-in-out infinite;
}
.point-request-drawer-body {
  padding: 8px;
  display: grid;
  gap: 7px;
  max-height: 320px;
  overflow: auto;
  background: #fff;
  transition: max-height .2s ease, padding .2s ease;
}
.point-request-drawer.is-collapsed .point-request-drawer-body {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.point-request-mini-card {
  width: 100%;
  border: 1px solid #eadbaf;
  border-left: 4px solid #d92626;
  border-radius: 6px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 3px 8px;
  background: #fffdf7;
  text-align: left;
  cursor: pointer;
}
.point-request-mini-card:hover { background: #fff7dc; }
.point-request-mini-name { font-weight: 800; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.point-request-mini-card strong { color: #c71919; font-size: 14px; }
.point-request-mini-card small { grid-column: 1 / -1; color: #8a7451; font-size: 11px; }
.point-request-table-btn {
  border: 1px solid #b80f0f !important;
  background: linear-gradient(180deg, #ff4d4d 0%, #c91414 100%) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 2px rgba(201, 20, 20, .08);
  animation: pointRequestButtonFlash .9s ease-in-out infinite;
}
.point-request-table-btn:hover { filter: brightness(1.06); }
.point-request-decision-card { width: min(430px, calc(100vw - 32px)); }
.point-request-decision-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 4px 0 14px;
}
.point-request-decision-summary > div {
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid #e4e4e4;
  background: #fafafa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.point-request-decision-summary span { color: #777; font-size: 12px; }
.point-request-decision-summary strong { color: #222; font-size: 15px; }
.point-request-decision-summary strong.is-up { color: #c51818; }
.point-request-decision-summary strong.is-down { color: #08733f; }
.point-request-decision-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
.point-request-decision-actions button { min-width: 96px; }
@keyframes pointRequestSlideUp {
  from { opacity: 0; transform: translateY(34px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes pointRequestPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 3px rgba(201, 29, 29, .12); }
  50% { transform: scale(1.12); box-shadow: 0 0 0 7px rgba(201, 29, 29, 0); }
}
@keyframes pointRequestButtonFlash {
  0%, 100% { opacity: 1; transform: translateY(0); }
  50% { opacity: .64; transform: translateY(-1px); }
}
@media (prefers-reduced-motion: reduce) {
  .point-request-drawer, .point-request-drawer.has-new .point-request-drawer-toggle strong, .point-request-table-btn { animation: none !important; }
}

/* 玩家反水设置：仅下级管理面板使用，不改动原有赔率/水位逻辑。 */
.subordinate-rebate-card{margin-bottom:12px}
.subordinate-rebate-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.subordinate-rebate-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#475569}
.subordinate-rebate-toolbar select,.subordinate-rebate-toolbar input{height:34px;min-width:150px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:0 9px;box-sizing:border-box}
.subordinate-rebate-toolbar .formula-text{align-self:center;max-width:520px}
.rebate-row-editor{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.rebate-row-editor input{width:82px;height:30px;border:1px solid #cbd5e1;border-radius:5px;padding:0 6px;text-align:right;box-sizing:border-box}

/* 2026-08-22 会员登录页：按参考图，仅调整登录视图，不影响登录后的会员端。 */
#loginView.login-view {
  min-height: 100vh !important;
  width: 100% !important;
  padding: 17vh 24px 40px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  background-color: #eef7fb !important;
  background-image: url("./login-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
#loginView .login-panel {
  position: relative !important;
  width: 440px !important;
  min-height: 290px !important;
  padding: 77px 58px 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(102, 119, 128, .62) !important;
  border-radius: 3px !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .24) !important;
  backdrop-filter: none !important;
}
#loginView .login-panel::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 55px;
  background: #12aaa4 !important;
}
#loginView .login-form {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: 18px !important;
}
#loginView .login-field {
  position: relative;
  display: block !important;
  margin: 0 !important;
}
#loginView .login-field-icon {
  position: absolute;
  z-index: 2;
  left: 11px;
  top: 50%;
  width: 27px;
  height: 27px;
  transform: translateY(-50%);
  display: grid !important;
  place-items: center;
  color: #3fc49b;
  pointer-events: none;
}
#loginView .login-field-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  fill: currentColor;
}
#loginView .login-field input {
  width: 100% !important;
  height: 49px !important;
  padding: 0 14px 0 45px !important;
  border: 1px solid #cfd3d7 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #60666d !important;
  font-size: 18px !important;
  outline: none !important;
}
#loginView .login-field input::placeholder {
  color: #8a8f95;
  opacity: 1;
}
#loginView .login-field input:focus {
  border-color: #12aaa4 !important;
  box-shadow: 0 0 0 2px rgba(18, 170, 164, .10) !important;
}
#loginView #loginBtn.primary-btn {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #12aaa4 !important;
  border-radius: 3px !important;
  background: #12aaa4 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: .18em;
}
#loginView #loginBtn.primary-btn:not(:disabled):hover {
  transform: none !important;
  background: #0f9f99 !important;
}
#loginView #loginBtn.primary-btn:disabled {
  opacity: .65;
}
#loginView #loginMsg.hint-text {
  min-height: 0 !important;
  margin: -6px 0 0 !important;
  text-align: center;
  font-size: 14px !important;
}
#loginView #loginMsg.hint-text:empty {
  display: none;
}

/* 2026-08-22 线路切换：关闭按钮的 × 始终居中在按钮框内。 */
#routeModal .simple-modal-head .modal-close-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  vertical-align:middle!important;
}

/* 氛围打造：仅会员端配置模拟机器人，不影响真实注单/结算区域。 */
.atmosphere-card{margin-bottom:12px}
.atmosphere-toolbar{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #d7d7d7;background:#fcfcfc}
.atmosphere-toolbar label{display:flex;align-items:center;gap:6px;font-size:13px;color:#222}
.atmosphere-toolbar input[type="number"]{width:72px;height:28px;border:1px solid #aaa;background:#fff;padding:0 6px}
.atmosphere-enable-label{height:28px}
.atmosphere-names-label{align-items:flex-start!important;min-width:320px;flex:1}
.atmosphere-names-label textarea{min-width:220px;max-width:520px;width:100%;min-height:62px;resize:vertical;border:1px solid #aaa;background:#fff;padding:5px 7px;font:inherit;line-height:1.4}
.atmosphere-note{padding:8px 10px;font-size:12px;line-height:1.6;color:#555;background:#fff8dc;border-top:1px solid #ead9a5}

/* 2026-08-28 下级管理：紧凑排版；反水集中在列表页，玩家详情只保留玩法限额。 */
#subordinateManagementPanel{
  padding:0!important;
  overflow:hidden;
}
#subordinateManagementPanel .subordinate-head{
  min-height:48px;
  margin:0!important;
  padding:8px 10px!important;
  border-width:0 0 1px!important;
  gap:12px;
}
#subordinateManagementPanel .subordinate-head h2{
  margin:0!important;
  font-size:18px!important;
}
#subordinateManagementPanel .member-panel-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
#subordinateManagementPanel #subordinateStatus{
  max-width:280px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px!important;
}
#subordinateManagementPanel .subordinate-toolbar{
  margin:0!important;
  padding:8px 10px!important;
  min-height:52px;
  border-width:0 0 1px!important;
  background:#fff!important;
  align-items:flex-end;
}
#subordinateManagementPanel .subordinate-toolbar .report-field{
  margin:0!important;
}
#subordinateManagementPanel .subordinate-toolbar .order-field input{
  width:205px!important;
}
#subordinateManagementPanel .subordinate-toolbar select{
  width:105px!important;
}
#subordinateManagementPanel .subordinate-rebate-card,
#subordinateManagementPanel .atmosphere-card,
#subordinateManagementPanel .subordinate-list-card{
  margin:0!important;
  border-width:0 0 1px!important;
}
#subordinateManagementPanel .subordinate-rebate-toolbar{
  display:grid!important;
  grid-template-columns:180px auto 180px auto minmax(120px,1fr);
  align-items:end!important;
  gap:8px 10px!important;
  padding:9px 10px!important;
}
#subordinateManagementPanel .subordinate-rebate-toolbar label{
  gap:3px!important;
  margin:0!important;
  font-size:11px!important;
}
#subordinateManagementPanel .subordinate-rebate-toolbar select,
#subordinateManagementPanel .subordinate-rebate-toolbar input{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
}
#subordinateManagementPanel .subordinate-rebate-toolbar .report-status{
  align-self:center;
  min-height:18px;
  margin:0!important;
  text-align:right;
}
#subordinateManagementPanel .atmosphere-toolbar{
  display:grid!important;
  grid-template-columns:auto 150px minmax(300px,1fr) auto minmax(100px,auto);
  align-items:center!important;
  gap:8px 12px!important;
  padding:9px 10px!important;
  border-bottom:0!important;
}
#subordinateManagementPanel .atmosphere-toolbar label{
  margin:0!important;
  font-size:11px!important;
}
#subordinateManagementPanel .atmosphere-enable-label{
  white-space:nowrap;
}
#subordinateManagementPanel .atmosphere-names-label{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr);
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap;
}
#subordinateManagementPanel .atmosphere-names-label textarea{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:32px!important;
  height:32px!important;
  resize:vertical;
  padding:5px 7px!important;
}
#subordinateManagementPanel .atmosphere-note{
  padding:5px 10px!important;
  font-size:10px!important;
  line-height:1.4!important;
  color:#6b7280!important;
  background:#fafafa!important;
  border-top:1px solid #e5e7eb!important;
}
#subordinateManagementPanel #subordinateSummary{
  margin:0!important;
  border-top:0!important;
  grid-template-columns:repeat(5,minmax(120px,1fr));
}
#subordinateManagementPanel #subordinateSummary .stat-cell{
  min-height:58px;
  padding:7px 10px!important;
}
#subordinateManagementPanel .subordinate-list-card .report-title-bar{
  min-height:32px!important;
  padding:6px 10px!important;
}
#subordinateManagementPanel .subordinate-table th,
#subordinateManagementPanel .subordinate-table td{
  padding:6px 8px!important;
}
#subordinateManagementPanel #subordinateDetailView{
  padding:0;
}
#subordinateManagementPanel #subordinateDetailView .detail-view-head{
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) auto;
  margin:0!important;
  padding:8px 10px!important;
  border-width:0 0 1px!important;
}
#subordinateManagementPanel #subordinateDetailView .detail-view-head h2{
  margin:0!important;
  align-self:center;
}
#subordinateManagementPanel #subordinateDetailStatus{
  margin:6px 10px 0!important;
}
#subordinateManagementPanel #playerStatsStrip{
  margin:6px 10px 10px!important;
}
#subordinateManagementPanel .player-profile-card,
#subordinateManagementPanel .player-limit-card{
  margin:0 10px 10px!important;
  padding:0!important;
}
#subordinateManagementPanel .player-profile-card .order-detail-grid{
  margin:0!important;
  border-top:0;
}
#subordinateManagementPanel .player-limit-card .limit-batch-toolbar{
  margin:0!important;
  border-width:0 0 1px!important;
}
#subordinateManagementPanel .player-limit-table{
  min-width:780px;
}
#subordinateManagementPanel .player-limit-table th:nth-child(3),
#subordinateManagementPanel .player-limit-table td:nth-child(3){
  min-width:150px;
}
#subordinateManagementPanel .player-limit-table .limit-note{
  color:#6b7280;
  font-size:10px;
  white-space:nowrap;
}
@media (max-width:1100px){
  #subordinateManagementPanel .subordinate-rebate-toolbar{
    grid-template-columns:170px auto 170px auto;
  }
  #subordinateManagementPanel .subordinate-rebate-toolbar .report-status{
    grid-column:1 / -1;
    text-align:left;
  }
  #subordinateManagementPanel .atmosphere-toolbar{
    grid-template-columns:auto 140px minmax(260px,1fr) auto;
  }
  #subordinateManagementPanel .atmosphere-toolbar .report-status{
    grid-column:1 / -1;
  }
}

/* 2026-08-28：会员退出确认 */
.logout-confirm-card .modal-help { line-height: 1.7; }
.logout-confirm-card .point-request-decision-actions { margin: 14px 12px 12px; }