/* Approved VI 02 artwork, unchanged aspect ratio on both headers. */
:root{--quanjing-masthead:linear-gradient(110deg,#501023 0%,#741a34 55%,#8c2542 100%)}
body[data-home-workspace]>.header,.mobile-brand-bar{background:var(--quanjing-masthead)!important}
.header .brand-wordmark.quanjing-approved{display:flex!important;align-items:center!important;flex-direction:row!important;min-width:0!important;width:248px!important;height:64px!important;padding:0!important;flex:0 0 248px!important}
.header .brand-wordmark.quanjing-approved>img.quanjing-approved-logo{display:block!important;width:248px!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important}
@media(max-width:800px){
 .mobile-brand-bar .mobile-brand-logo.quanjing-approved{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:48px!important;padding:0!important;overflow:visible!important}
 .mobile-brand-bar .mobile-brand-logo.quanjing-approved>img.quanjing-approved-logo{display:block!important;width:177px!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important;border-radius:0!important}
 .mobile-brand-bar nav{flex-shrink:0!important}
}
@media(max-width:350px){.mobile-brand-bar .mobile-brand-logo.quanjing-approved>img.quanjing-approved-logo{width:154px!important}}


@media(max-width:800px){
 .mobile-brand-bar nav{display:flex!important;gap:3px!important;flex:none}
 .mobile-brand-bar nav a,.mobile-brand-bar nav a.mobile-login{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px!important;height:46px!important;min-height:46px!important;border:1px solid #ffffff26!important;background:#ffffff0b!important;border-radius:11px!important;color:#fff!important}
 .mobile-brand-bar nav svg{width:21px!important;height:21px!important}
 .mobile-brand-bar nav a span{display:block!important;font-size:10px!important;line-height:12px;font-weight:500;letter-spacing:.5px}
 .mobile-app-tabs{background:#fffffff5!important;border-top:1px solid #ede8ed!important;box-shadow:0 -5px 24px #39213606;backdrop-filter:blur(16px)}
 .mobile-app-tabs a{color:#8e8d9c!important;gap:3px!important}
 .mobile-app-tabs a>span{width:43px!important;height:32px!important;border-radius:11px!important;display:flex;align-items:center;justify-content:center;background:transparent!important}
 .mobile-app-tabs svg{width:23px!important;height:23px!important;stroke-width:1.65}
 .mobile-app-tabs a b{font-size:11px!important;font-weight:500!important;letter-spacing:.5px}
 .mobile-app-tabs a[aria-current="page"]{color:var(--quanjing-red)!important}
 .mobile-app-tabs a[aria-current="page"]>span{background:linear-gradient(145deg,#fff0f3,#f7dfe7)!important;box-shadow:inset 0 1px 0 #fff,0 2px 5px #a6274210}
 .mobile-app-tabs a[aria-current="page"] b{font-weight:700!important}
}
/* Shared visitor palette. Number and trend outcome colors intentionally retain their meaning. */
:root{--q-primary:#8c203b;--q-dark:#64172d;--q-soft:#f7edf1;--q-border:#dfc4ce;--q-muted:#847780;--q-ink:#332b31;--quanjing-red:#8c203b!important;--brand-primary:#8c203b!important;--app-accent:#8c203b!important;--green:#8c203b!important;--navy:#64172d!important;--line:#e9e1e6!important;--muted:#847780!important;--app-muted:#847780!important}
.mobile-brand-bar{border-bottom-color:#b79669!important}
.button:not(.secondary),.streak-fixed-filter,.home-plan-options a[aria-current],.plan-tabs a.active,.analysis-tabs a[aria-current]{background:linear-gradient(115deg,#741a34,#8c2542)!important;border-color:var(--q-dark)!important;color:#fff!important;box-shadow:0 4px 14px #50102326!important}
.button:not(.secondary):hover,.streak-fixed-filter:hover,.home-plan-options a[aria-current]:hover{background:var(--q-dark)!important;color:#fff!important}
.button.secondary,.draw-context-button,.side-back-top,.back-top{background:#fff!important;color:var(--q-primary)!important;border-color:var(--q-border)!important}
.button.secondary:hover,.draw-context-button:hover,.side-back-top:hover,.back-top:hover{background:var(--q-soft)!important;border-color:var(--q-primary)!important}
.history-filter-shortcut,.streak-results-heading a,.home-plan-heading>a,.home-streak-heading>a,.home-streak-heading h3 svg,.home-streak-item>b,.comparison-rate strong,.comparison-link,.rate,.rate strong,.section-head>a,.article-read,.article-source a,.article-list-link,.draw-issue,.home-target strong,.home-prediction span,.home-draw .countdown strong,.draw-clock-face strong,.streak-first-results tbody td:nth-child(3),.streak-first-results tbody td:nth-child(4),.streak-grid strong{color:var(--q-primary)!important}
.mobile-record-tabs button[aria-selected="true"],.mobile-app-tabs a[aria-current],.mobile-app-tabs a[aria-current="page"],.analysis-tabs a.active,.plan-first-reveal{color:var(--q-primary)!important}
.mobile-app-tabs a[aria-current]>span,.mobile-app-tabs a[aria-current="page"]>span{background:var(--q-soft)!important;box-shadow:inset 0 1px 0 white,0 2px 5px #5010230c!important}
.mobile-record-tabs{border-color:#e5dbe2!important;background:#f1edf0f5!important}
.mobile-record-tabs button[aria-selected="true"]{background:#fff!important}
.home-active-plan{border-color:var(--q-border)!important;background:#fffafb!important}
.home-prediction span{border-color:var(--q-border)!important}
.home-active-title .current-plan-select{border-bottom-color:var(--q-border)!important;background:linear-gradient(180deg,#fff,#f7edf1 65%,#eedce4)!important}
.current-plan-select:after{border-color:var(--q-primary)!important}
.current-plan-select:focus-within{outline-color:var(--q-primary)!important}
.home-active-title .mobile-plan-update,.badge.success,.kind-label,.pill{background:var(--q-soft)!important;color:var(--q-primary)!important}
.home-active-plan.is-new-plan .mobile-plan-update{background:var(--q-primary)!important;color:#fff!important}
#home-plan-live>.home-active-plan::after{background:linear-gradient(90deg,#c794a5,#8c203b)!important}
.clock-progress{stroke:var(--q-primary)!important}
.home-game-tile[aria-current],.home-game-tile:hover,.streak-first-filter .check:has(input:checked),.article-categories a[aria-current]{background:var(--q-soft)!important;border-color:var(--q-border)!important;color:var(--q-primary)!important}
.home-game-tile b{color:var(--q-primary)!important}
.home-plan-options a:hover,.plan-tabs a:hover,.category-menu a:hover,.category-menu a[aria-current],.category-nav .category .category-menu-grid>a:hover,.category-nav .category .category-menu-grid>a[aria-current],.category-nav .category[open]>summary,.category-nav .category summary:hover{background:var(--q-soft)!important;border-color:var(--q-border)!important;color:var(--q-primary)!important}
.category-nav .category[open] .chevron,.familiar-category-nav .category[open] summary .chevron{border-color:var(--q-primary)!important;color:var(--q-primary)!important}
#home-workspace .home-switch{color:var(--q-primary)!important;border-color:var(--q-border)!important;background:linear-gradient(145deg,#fff,#f7edf1)!important}
.home-picker-search,.directory-search,.history-other-filter select,.filter select,.filter input[type=number],.history-filter input,.history-filter select,.home-record-toolbar input,.home-record-toolbar select{border-color:#ddd0d8!important;color:var(--q-ink)!important}
.filter label,.filter legend,.history-other-filter label,.history-filter label{color:var(--q-muted)!important}
select:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--q-primary);outline-offset:2px}
input[type=checkbox],input[type=radio]{accent-color:var(--q-primary)!important}
.home-picker-search:focus-within,.directory-search:focus-within{border-color:var(--q-primary)!important}
.notice-ticker,.home-notice{border-color:var(--q-border)!important;background:#fcf7f9!important;color:#916678!important}
.notice-ticker strong,.notice-ticker>span:first-child{color:var(--q-primary)!important}
.service-hub-card>span,.app-header-action{color:var(--q-primary)!important;background:var(--q-soft)!important}

.familiar-category-nav .category[data-current-group]>summary,.familiar-category-nav .category[open]>summary,.familiar-category-nav .category summary:hover,.familiar-category-nav>.dragon-link:hover,.familiar-category-nav>.dragon-link[aria-current]{color:var(--q-primary)!important;background:var(--q-soft)!important;box-shadow:inset 0 -2px var(--q-primary)!important}
.familiar-category-nav>.dragon-link svg{color:var(--q-primary)!important}
.analysis-tabs a:not(.active){color:var(--q-muted)!important}
.analysis-tabs a.active[aria-current]{color:#fff!important}

/* Long countdowns use a readable time card instead of overflowing the dial. */
@media(min-width:801px){
 .home-draw .draw-clock-dial[data-duration="long"]{width:100%;height:90px;box-sizing:border-box;min-width:0;border-radius:14px;border:1px solid #e5cbd5;background:linear-gradient(150deg,#fffafb,#f5e8ed);box-shadow:inset 0 1px 0 #fff,0 3px 12px #64172d08;display:flex;align-items:center;justify-content:center;padding:10px 7px}
 .home-draw .draw-clock-dial[data-duration="long"]>svg{display:none}
 .home-draw .draw-clock-dial[data-duration="long"] .draw-clock-face{position:static;inset:auto;gap:8px;width:100%}
 .home-draw .draw-clock-dial[data-duration="long"] #countdown{font-size:19px;letter-spacing:-.4px;line-height:1.4}
 .home-draw .draw-clock-dial[data-duration="long"] #countdown-heading{font-size:10px;color:#8a6675}
}

/* Keep short lottery names on one line without squeezing the icon. */
@media(max-width:800px){
 .home-lottery-dialog .home-chooser-grid{gap:6px}
 .home-lottery-dialog .home-game-tile{padding:10px 2px;min-height:84px;gap:6px}
 .home-lottery-dialog .home-game-tile span{font-size:12px;line-height:1.5;white-space:nowrap;letter-spacing:0}
}
@media(max-width:360px){.home-lottery-dialog .home-chooser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Compact lottery picker: categories first, close action clear of the list. */
.home-lottery-dialog{padding-bottom:76px}
.home-lottery-dialog .home-picker-search,.home-lottery-dialog .home-picker-tip,.home-lottery-dialog .home-dialog-heading>div{display:none}
.home-lottery-dialog .home-dialog-heading{height:0;min-height:0;margin:0;gap:0}
.home-lottery-dialog .home-dialog-heading button{position:absolute;right:18px;bottom:16px;width:88px;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;background:#f5e8ed;color:#8c203b;border:1px solid #e5cbd5;font-size:22px;line-height:1}
.home-lottery-dialog .home-dialog-heading button::after{content:"关闭";font-size:14px;font-weight:600}
.home-lottery-dialog[open]{row-gap:12px}
.home-lottery-dialog .home-picker-categories{margin-top:-12px}

/* Compact mobile record tabs. */
@media(max-width:800px){
 .home-record-grid .mobile-record-tabs{min-height:0;padding:3px;border-radius:10px;gap:4px}
 .mobile-record-tabs button{min-height:32px!important;padding:4px 8px!important;line-height:24px;border-radius:7px}
}

/* Single lottery-ball symbol; color alone provides the occasional cue. */
.mobile-app-tabs a[data-tab="lotteries"]>span{animation:none!important;box-shadow:none!important}
.mobile-app-tabs a[data-tab="lotteries"] svg{width:26px!important;height:26px!important;color:#8e8d9c}
.mobile-app-tabs a[data-tab="lotteries"] b{color:inherit!important;font-weight:500!important}
@media(prefers-reduced-motion:no-preference){
 .mobile-app-tabs a[data-tab="lotteries"] svg{animation:lottery-color-cue 6s ease-in-out infinite}
 @keyframes lottery-color-cue{0%,55%,100%{color:#8e8d9c}70%,82%{color:#8c203b}}
}

/* Alternate a full turn and a gentle wiggle, with pauses. */
.mobile-app-tabs a[data-tab="lotteries"] svg{transform-origin:center;transform-box:fill-box}
@media(prefers-reduced-motion:no-preference){
 .mobile-app-tabs a[data-tab="lotteries"] svg{animation:lottery-color-cue 6s ease-in-out infinite,lottery-ball-turn 8s ease-in-out infinite}
 @keyframes lottery-ball-turn{0%,25%{transform:rotate(0deg)}38%,70%{transform:rotate(360deg)}74%{transform:rotate(342deg)}78%{transform:rotate(378deg)}82%{transform:rotate(348deg)}86%{transform:rotate(370deg)}90%,100%{transform:rotate(360deg)}}
}

.mobile-brand-splash{display:none!important}.header .quanjing-approved-logo{object-fit:contain}.mobile-brand-bar{background:linear-gradient(110deg,#501023,#741a34 55%,#8c2542)!important}