* { box-sizing: border-box; }
@media (max-width:767px) and (pointer:fine) { html { scrollbar-width:none; } html::-webkit-scrollbar { display:none; } }
html { font: var(--font-base)/1.4 system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--ink); }
body { margin: 0; }
button, input, select { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
button, select { cursor: pointer; }
button, a { color: inherit; }
button { border: 0; background: none; }
a { text-decoration: none; }
button:disabled { opacity: .5; cursor: default; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.shell { min-height: 100dvh; }
.sidebar, .rail { display: none; }
.main { min-width: 0; padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
.page-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: calc(var(--space-3) + env(safe-area-inset-top)) var(--space-6) var(--space-3); background: var(--surface); border-bottom: 1px solid var(--line); }
h1 { font-size: var(--font-title); margin: 0; }
h2 { font-size: var(--font-subtitle); margin: 0 0 var(--space-3); }
h3 { font-size: 1rem; margin: 0; }
p { margin: var(--space-3) 0; }
.page { padding: var(--space-5); min-width: 0; }
.tabbar { position: fixed; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(4,1fr); height: calc(50px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: var(--surface); border-top: 1px solid var(--line); z-index: 10; }
.nav-link { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) var(--space-5); border-radius: var(--radius-chip); color: var(--muted); }
.nav-link[aria-current="page"] { color: var(--accent); background: var(--control); }
.tabbar .nav-link { flex-direction: column; gap: 0; font-size: 10px; padding: 3px; border-radius: 0; }
.nav-icon { font-size: 21px; width: 24px; text-align: center; }
.muted, .meta { color: var(--muted); }
.meta { font-size: var(--font-secondary); }
.surface, .card-group { background: var(--surface); border: var(--border-surface) solid var(--line); border-radius: var(--radius-surface); padding: var(--space-5); margin-bottom: var(--space-3); min-width: 0; }
.card-group { padding: 0; overflow: hidden; }
.card-group > * + * { border-top: .5px solid var(--line); }
.stack { display: grid; gap: var(--space-3); }
.toolbar { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: var(--space-3); }
.chips { display: flex; background: var(--control); border-radius: var(--radius-chip); overflow: hidden; }
.chip, .menu { min-height: var(--height-chip); padding: 0 9px; border-radius: var(--radius-chip); background: var(--control); color: var(--ink); font-size: 12px; font-weight: 600; border: 0; }
.chip[aria-pressed="true"] { background: var(--surface); color: var(--accent); box-shadow: inset 0 0 0 1px var(--line); }
.action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: var(--height-button); padding: 6px 12px; background: var(--control); border-radius: var(--radius-button); font-size: var(--font-button); font-weight: 600; }
.action.primary { background: var(--blue); color: var(--surface); min-height: var(--height-primary); }
.action.danger { color: var(--danger); }
.field { display: grid; gap: 5px; margin-bottom: var(--space-3); }
.field > span { font-size: var(--font-secondary); color: var(--muted); }
input, textarea { width: 100%; min-height: var(--height-input); border: 1px solid var(--line); border-radius: var(--radius-input); padding: 8px 11px; background: var(--input); color: var(--ink); font-size: var(--font-input); }
.password-wrap { display: flex; position: relative; }
.password-wrap input { padding-right: 54px; }
.password-wrap button { position: absolute; right: 0; height: 44px; min-width: 48px; }
.fact { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; border-bottom: .5px solid var(--line); }
.fact:last-child { border-bottom: 0; }
.fact-value { min-width: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.copy { font-size: 11px; color: var(--accent); }
.status { display: inline-flex; align-items: center; gap: 4px; border-radius: var(--radius-pill); font-size: 10px; font-weight: 600; color: var(--muted); }
.status::before { content: ''; height: 4px; width: 4px; border-radius: 50%; background: currentColor; }
.status.active { color: var(--green); }
.avatar { flex: 0 0 auto; display: inline-grid; place-items: center; width: 28px; height: 28px; overflow: hidden; border-radius: 50%; background: var(--control); color: var(--muted); }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.badge { width: 32px; height: 14px; object-fit: contain; }
.badges { display: inline-flex; gap: 2px; align-items: center; }
.empty { padding: 32px 12px; text-align: center; color: var(--muted); }
.empty-icon { display: block; font-size: 32px; margin-bottom: 8px; }
.failure { color: var(--danger); padding: 12px; background: var(--surface); border-radius: var(--radius-surface); }
.feature { display: flex; align-items: center; gap: 10px; min-height: 43px; padding: 6px 12px; width: 100%; text-align: left; }
.feature > span:nth-child(2) { flex: 1; }
.feature-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; color: var(--accent); background: linear-gradient(135deg,var(--control),var(--input)); }
#toast { position: fixed; bottom: calc(75px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); padding: 10px 16px; border-radius: 24px; background: var(--ink); color: var(--bg); z-index: 100; opacity: 0; pointer-events: none; }
#toast.visible { opacity: 1; }
.scrim { position: fixed; inset: 0; z-index: 30; background: color-mix(in srgb,var(--ink) 35%,transparent); display: flex; align-items: flex-end; justify-content: center; }
.sheet { width: 100%; max-height: 95dvh; overflow: auto; background: var(--bg); padding: 12px 16px calc(16px + env(safe-area-inset-bottom)); border-radius: var(--radius-sheet) var(--radius-sheet) 0 0; }
.sheet-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.sheet-head button { min-width: 40px; min-height: 40px; }
.drag-handle { width: 36px; height: 4px; background: var(--muted); border-radius: 4px; margin: 0 auto 8px; }
@media (hover:hover) { .fact .copy { opacity: 0; } .fact:hover .copy, .copy:focus-visible { opacity: 1; } }
@media (min-width:768px) {
  .shell { display: grid; grid-template-columns: var(--sidebar-width) minmax(0,1fr); --sidebar-width: 68px; }
  .sidebar { display: flex; flex-direction: column; gap: 8px; background: var(--surface); border-right: 1px solid var(--line); padding: 12px 6px; position: sticky; top: 0; height: 100dvh; }
  .brand { font-size: 17px; font-weight: 700; padding: 12px 6px; }
  .sidebar .nav-label, .sidebar .brand, .sidebar .nav-group { display: none; }
  .sidebar .nav-link { justify-content: center; }
  .sidebar-bottom { margin-top: auto; }
  .main { padding-bottom: 0; }
  .tabbar { display: none; }
  .page-head { padding: 14px 20px; }
  .page { padding: 16px 20px; }
  .badge { width: 36px; height: 16px; }
  .scrim { align-items: center; }
  .sheet { max-width: 560px; border-radius: var(--radius-sheet); }
}
@media (min-width:1024px) {
  .shell { --sidebar-width: 200px; }
  .sidebar { padding: 16px 12px; }
  .sidebar .nav-label, .sidebar .brand, .sidebar .nav-group { display: block; }
  .sidebar .nav-link { justify-content: flex-start; }
  .nav-group { font-size: 11px; color: var(--muted); padding: 12px; }
}
@media (min-width:1280px) { .shell { --sidebar-width: 216px; } }
@media (min-width:1600px) {
  .shell { --sidebar-width: 240px; --rail-width: 360px; grid-template-columns: var(--sidebar-width) minmax(0,1fr) var(--rail-width); }
  .rail { display: block; border-left: 1px solid var(--line); padding: 20px 16px; background: var(--surface); position: sticky; top: 0; height: 100dvh; overflow: auto; }
}
@media (min-width:2240px) { .shell { --sidebar-width: 264px; --rail-width: 400px; } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.gold { color: var(--gold); }
.rank-row { display: flex; align-items: center; gap: 5px; width: 100%; text-align: left; height: var(--height-rank); padding: 0 8px; background: var(--surface); border-bottom: .5px solid var(--line); min-width: 0; }
.rank-number { width: 18px; flex: 0 0 18px; font-size: 11px; }
.rank-content { flex: 1; min-width: 0; }
.rank-title { display: flex; justify-content: space-between; gap: 4px; font-size: .857143rem; }
.rank-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rank-score { flex-shrink: 0; font-size: 1rem; font-variant-numeric: tabular-nums; }
.rank-meta { display: flex; align-items: center; gap: 3px; color: var(--muted); font-size: .714286rem; white-space: nowrap; overflow: hidden; }
.ranking-grid { display: grid; grid-template-columns: repeat(var(--columns,1),minmax(0,1fr)); gap: 0 8px; }
.more { text-align: center; padding: 8px; }
.champion { border: 1.5px solid var(--gold); border-radius: var(--radius-honor); background: var(--surface); padding: 12px; margin-bottom: 8px; animation: gold-breathe 2s steps(40) infinite alternate; }
.champion-metric { text-align: center; }
.big-number { font-size: var(--font-value); font-variant-numeric: tabular-nums; }
.champion-actions { display: flex; gap: 8px; justify-content: center; }
.honor-pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px; position: relative; margin-bottom: 8px; }
.honor-card { background: var(--surface); border: 1.5px solid var(--danger); border-radius: var(--radius-honor); padding: 8px; text-align: left; min-width: 0; animation: honor-breathe 2s steps(40) infinite alternate; }
.honor-card.anchor { text-align: right; }
.honor-card .toolbar { justify-content: flex-start; gap: 4px; margin: 4px 0; }
.honor-card.anchor .toolbar { justify-content: flex-end; }
.honor-card strong { overflow-wrap: anywhere; font-size: 12px; }
.honor-number { display: block; text-align: center; font-size: 18px !important; font-variant-numeric: tabular-nums; margin: 4px 0; }
.heart { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); color: var(--danger); font-size: 22px; animation: heartbeat 1s steps(30) infinite; }
.area-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(88px,1fr)); gap: 8px; margin-top: 12px; }
@keyframes heartbeat { 0%,100% { transform: translateX(-50%) scale(1); } 15% { transform: translateX(-50%) scale(1.16); } 30% { transform: translateX(-50%) scale(1); } 45% { transform: translateX(-50%) scale(1.1); } }
@keyframes gold-breathe { to { box-shadow: 0 0 12px color-mix(in srgb,var(--gold) 25%,transparent); } }
@keyframes honor-breathe { to { box-shadow: 0 0 10px color-mix(in srgb,var(--danger) 22%,transparent); } }
@media (min-width:768px) { .card-grid { gap: 8px; } .card-grid .rank-row { border: 1px solid var(--line); border-radius: var(--radius-pc-card); height: 72px; } .champion { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: center; gap: 12px; } .champion-actions { flex-direction: column; } }
.strategy { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 11px; margin-bottom: 8px; }
.strategy .active { color: var(--accent); background: var(--control); border-radius: 5px; padding: 2px 4px; }
.growth { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.progress { height: 30px; position: relative; border-radius: 8px; background: var(--control); overflow: hidden; }
.progress > div { height: 100%; background: color-mix(in srgb,var(--accent) 38%,transparent); }
.progress > span { position: absolute; inset: 0; display: grid; place-items: center; font-size: 10px; }
.assets-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.warehouse { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 11px; font-variant-numeric: tabular-nums; }
th, td { text-align: right; padding: 6px 3px; border-bottom: .5px solid var(--line); }
th:first-child, td:first-child { text-align: left; }
@media (min-width:768px) and (max-width:1023px) { .sidebar-bottom .menu { width: 54px; font-size: 10px; padding: 3px; } .sidebar-bottom .action { padding: 6px; font-size: 10px; max-width: 54px; overflow: hidden; } }
.virtual-ranks { max-height: 680px; overflow: auto; position: relative; }
.virtual-spacer { position: relative; }
.virtual-window { position: absolute; left: 0; right: 0; }
.growth-details { grid-column: 1 / -1; }
[hidden] { display: none !important; }
.toolbar > input { width: auto; flex: 1; min-width: 120px; }
.drag-handle { touch-action: none; }
.shell.auth-shell { display: block; }
.auth-shell > .sidebar, .auth-shell > .rail, .auth-shell > .tabbar { display: none; }
.auth-shell .main { padding-bottom: 0; }
.auth-intro { padding: 18px 0; }
.auth-intro h2 { font-size: var(--font-title); }
.auth-mark { font-size: 43px; color: var(--accent); }
.champion-identity { text-align: left; width: 100%; }
.champion-actions { display: none; }
.subpage-heading { font-size: var(--font-subtitle); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-head > .toolbar { margin: 0; flex-wrap: nowrap; min-width: 0; }
@media (max-width:767px) { .strategy > span:not(.active) { display: none; } }
@media (min-width:768px) { .champion-actions { display: flex; } }
.history-chip { display: inline-flex; align-items: center; }
.history-remove, .recent-remove { display: none; }
.recent-remove.managing { display: inline-flex; }
.candidate-wrap { display: flex; align-items: center; background: var(--surface); border-bottom: .5px solid var(--line); }
.candidate { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; text-align: left; min-height: 56px; padding: 8px 12px; }
.candidate-content { flex: 1; min-width: 0; }
.candidate-main { display: flex; justify-content: space-between; gap: 8px; }
.candidate-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.candidate-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; font-size: .714286rem; color: var(--muted); }
@media (hover:hover) { .history-remove, .recent-remove { display: inline-flex; opacity: 0; } .history-chip:hover .history-remove, .history-remove:focus-visible, .candidate-wrap:hover .recent-remove, .recent-remove:focus-visible { opacity: 1; } }
.badge, .badges { flex-shrink: 0; }
input[type=checkbox] { accent-color: var(--blue); }

/* P9：以 2.0.24 运行画面与 Design.swift 为手机基准。 */
.ui-icon { display:inline-block; flex-shrink:0; vertical-align:middle; }
.icon-action { background:transparent; padding:0; width:32px; min-width:32px; color:var(--accent); }
.feature-detail { color:var(--muted); font-size:12px; margin-left:auto; }
.native-feature > .ui-icon { color:var(--muted); }
.native-feature .feature-icon { color:var(--button-white); background:linear-gradient(150deg,color-mix(in srgb,var(--blue) 78%,var(--button-white)),var(--blue)); }
.native-feature .tone-orange { background:linear-gradient(150deg,color-mix(in srgb,var(--feature-orange) 78%,var(--button-white)),var(--feature-orange)); }
.native-feature .tone-gray { background:linear-gradient(150deg,color-mix(in srgb,var(--feature-gray) 78%,var(--button-white)),var(--feature-gray)); }
.native-feature .tone-pink { background:linear-gradient(150deg,color-mix(in srgb,var(--ios-pink) 78%,var(--button-white)),var(--ios-pink)); }
@media (max-width:767px) {
  .main { padding-bottom:calc(50px + env(safe-area-inset-bottom)); }
  .page-head { min-height:calc(43px + env(safe-area-inset-top)); padding:env(safe-area-inset-top) 16px 0; background:var(--bg); border:0; gap:10px; }
  .official-shell .page-head { height:calc(35px + env(safe-area-inset-top)); min-height:calc(35px + env(safe-area-inset-top)); }
  .page-head > .action:not(.icon-action) { display:none; }
  .page { padding:0 12px 74px; }
  .surface { padding:12px; margin-bottom:8px; border:0; outline:.7px solid var(--line); outline-offset:-.7px; }
  .card-group { margin-bottom:8px; border:0; outline:.7px solid var(--line); outline-offset:-.7px; }
  .tabbar { border-top-width:.5px; }
  .toolbar { margin-bottom:8px; }
  .tabbar .nav-link { gap:4px; padding:6px 0; justify-content:center; background:transparent; }
  .tabbar .nav-icon { height:21px; line-height:21px; }
  .nav-label { line-height:12px; }
  .chip[aria-pressed="true"] { color:var(--button-white); background:var(--blue); box-shadow:none; }
  .chips { flex:1; }
  .chip { flex:1; min-width:0; }
  .action:not(.primary) { background:var(--surface); border:.75px solid color-mix(in srgb,var(--accent) 60%,transparent); color:var(--accent); }
  .action.danger { color:var(--danger); border-color:var(--danger); }
  .action.icon-action, .action.copy, .action.more-hint { border:0; background:transparent; }
  .field { margin-bottom:8px; }
  .field > span { font-size:11px; }
  .fact { font-size:12px; padding:6px 0; gap:10px; }
  .fact-value { margin-left:auto; text-align:right; }
  .copy { padding:0; min-height:20px; }
  .copy > span { display:flex; align-items:center; }
  .copy-label, .copy.native-no-copy { display:none; }
  .status.active { padding:2px 5px; border-radius:5px; background:color-mix(in srgb,var(--green) 8%,transparent); }
  .official-controls { flex-wrap:nowrap; gap:6px; margin-bottom:4px; }
  .official-controls .menu { flex:0 0 auto; }
  .refresh-action { width:34px; padding:0; min-height:34px; color:var(--ink); }
  .official-page { --native-extra:max(0px,calc(100dvh - 689px - env(safe-area-inset-top) - env(safe-area-inset-bottom))); }
  .official-page.hourly-page .rank-row { height:calc(46px + var(--native-extra) * .088461538); }
  .official-page .honor-card { height:calc(106px + var(--native-extra) * .203846154); }
  .ranking-section { display:flex; gap:6px; align-items:center; height:23px; color:var(--muted); font-size:9.5px; white-space:nowrap; }
  .ranking-section strong { font-size:12px; margin-right:auto; }
  .official-page .ranking-section { margin:2px 0; }
  .native-ranks { border:0; outline:.7px solid var(--line); outline-offset:-.7px; border-radius:11px; overflow:hidden; background:var(--surface); }
  .native-ranks .rank-row { position:relative; border:0; }
  .native-ranks .rank-row + .rank-row::before { content:''; position:absolute; left:50px; right:0; top:0; height:.5px; background:var(--line); }
  .rank-title { font-size:12px; }
  .rank-content { display:flex; flex-direction:column; gap:3px; }
  .rank-title { align-items:center; line-height:1.2; }
  .rank-meta { gap:2px; font-size:10px; line-height:1.2; }
  .rank-row > .muted:last-child { transform:translateY(-7px); font-size:9px; }
  .more { display:flex; align-items:center; justify-content:center; padding:0; min-height:24px; }
  .official-page .more { margin-top:2px; }
  .room-page .more { margin-top:8px; }
  .more > .meta { font-size:11px; line-height:1.2; }
  .more > .action { width:100%; }
  .more .action { font-size:11px; font-weight:400; color:var(--muted); min-height:24px; }
  .honor-mobile { gap:24px; border:0; border-radius:13px; background:var(--surface); margin:0; }
  .honor-mobile::after { content:''; position:absolute; inset:0; border:1.7px solid var(--ios-pink); border-radius:inherit; pointer-events:none; }
  .honor-mobile .honor-card { display:flex; flex-direction:column; gap:1px; padding:7px 9px; border:0; border-radius:11px; animation:none; }
  .honor-person { display:flex; gap:7px; align-items:center; height:40px; flex-shrink:0; }
  .honor-role { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; font-size:9px; font-weight:600; color:var(--gold); }
  .honor-role > span { display:flex; align-items:center; gap:3px; white-space:nowrap; justify-content:flex-end; }
  .honor-card.supporter .honor-role { color:var(--accent); }
  .honor-card.supporter .honor-role > span { justify-content:flex-start; }
  .honor-role .meta { font-size:9px; font-weight:400; }
  .honor-name { display:flex; align-items:center; gap:3px; height:19px; flex-shrink:0; min-width:0; }
  .honor-card.anchor .honor-name { justify-content:flex-end; }
  .honor-name > strong { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .honor-name .badges { flex-shrink:0; }
  .honor-metric { height:29px; border-top:.5px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; text-align:center; }
  .honor-metric .honor-number { white-space:nowrap; margin:0; line-height:20px; font-size:18px !important; }
  .honor-metric .meta { font-size:9px; line-height:10px; }
  .honor-mobile .heart { top:8px; color:var(--ios-pink); font-size:34px; }
  .native-group .feature { border:0; position:relative; padding:0 12px; min-height:43px; font-size:14px; font-weight:500; }
  .native-group .feature + .feature::before { content:''; position:absolute; left:52px; right:0; top:0; height:.5px; background:var(--line); }
  .feature-group-title { font-size:14px; font-weight:700; margin:10px 3px 8px; }
}

.native-account-card { display:flex; gap:12px; align-items:center; text-align:left; width:100%; }
.native-account-card > div { flex:1; min-width:0; }
.native-account-card strong { font-size:18px; display:flex; align-items:center; gap:4px; }
.native-account-card .meta { font-size:12px; margin:5px 0 0; }
.native-account-card .ui-icon { color:var(--accent); }
.version-link { width:100%; font-size:10px; color:var(--muted); min-height:25px; }
.native-form > .action, .native-form > [type=submit] { width:100%; }
.native-form h3 { margin-bottom:8px; }
.support-sheet { display:grid; gap:15px; }
.support-sheet .action { width:100%; }
.auth-links { display:flex; justify-content:space-between; font-size:12px; padding:8px 0; }
.auth-error { font-size:12px; color:var(--danger); }
@media (max-width:767px) {
  .action.refresh-action { border:0; background:transparent; color:var(--ink); }
  .auth-intro { display:flex; flex-direction:column; gap:14px; padding:18px 0; margin-bottom:8px; }
  .auth-intro h2 { font-size:25px; margin:0; }
  .auth-intro p { font-size:12px; margin:0; }
  .auth-mark { display:flex; align-items:center; height:43px; line-height:1; }
  .auth-intro h2, .auth-intro p { line-height:1.2; }
  .auth-form h2 { font-size:19px; margin-bottom:8px; }
  .auth-form h2, .auth-form .field > span { line-height:1.2; }
  .auth-form .meta { font-size:11px; line-height:1.2; margin:8px 0; }
  .auth-shell .page > .action { width:100%; }
  .native-facts .fact { margin-bottom:8px; }
}

@media (max-width:767px) {
  .native-search-form { padding:5px; display:flex; align-items:center; gap:4px; }
  .native-search-form input { flex:1; min-width:0; background:transparent; border:0; padding:6px; }
  .native-search-form .search-submit { color:var(--accent); font-size:14px; padding:0 6px; min-height:44px; }
  .native-search-form .search-clear { width:20px; min-width:20px; height:20px; min-height:20px; padding:0; border:0; border-radius:50%; background:var(--muted); color:var(--surface); }
  .search-history { padding:7px; }
  .search-history h3 { font-size:11px; font-weight:400; color:var(--muted); margin-bottom:3px; }
  .history-scroll { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:0; gap:8px; }
  .history-scroll .history-chip { flex-shrink:0; }
  .history-scroll .chip { min-height:28px; padding:0 12px; border-radius:14px; font-weight:400; }
  .history-scroll .history-remove { display:none; }
  .search-focused .search-history { display:none; }
  .recent-toolbar { height:20px; display:flex; align-items:center; justify-content:space-between; font-size:10px; color:var(--muted); margin-bottom:8px; }
  .action.recent-refresh { border:0; background:transparent; min-height:20px; font-size:11px; padding:0; }
  .candidate-group > .candidate-wrap { border:0; position:relative; }
  .candidate-group > .candidate-wrap + .candidate-wrap::before { content:''; position:absolute; top:0; left:46px; right:0; height:.5px; background:var(--line); }
  .native-candidate { min-height:46px; padding:0 10px; gap:8px; }
  .native-candidate .candidate-content { display:flex; flex-direction:column; gap:2px; font-size:12px; overflow:hidden; }
  .native-candidate .candidate-content > strong { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
  .native-candidate .candidate-meta { font-size:10px; flex-wrap:nowrap; gap:3px; white-space:nowrap; }
  .candidate-live { width:116px; flex-shrink:0; display:flex; align-items:flex-end; flex-direction:column; gap:3px; font-size:10px; color:var(--muted); }
  .candidate-live .meta { font-size:8.5px; white-space:nowrap; }
  .action.candidate-retry { padding:0; min-height:14px; border:0; font-size:10px; }
  .action.clear-records { width:100%; }
}

.context-layer { position:fixed; inset:0; z-index:45; }
.ios-context-menu { position:fixed; width:250px; padding:8px; border-radius:28px; border:.5px solid var(--line); background:color-mix(in srgb,var(--surface) 85%,transparent); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 12%,transparent); }
.ios-context-menu > button { display:block; width:100%; min-height:42px; text-align:left; padding:0 20px; font-size:17px; }
.ios-context-menu > button:focus-visible { outline:0; background:var(--control); border-radius:14px; }
@media (max-width:767px) {
  .action.ios-menu-trigger { min-height:35px; padding:0 9px; border:0; background:var(--control); color:var(--ink); }
  .ios-menu-trigger > span { display:flex; align-items:center; gap:5px; }
  .area-grid .action { min-height:44px; background:var(--control); border:0; color:var(--ink); }
  .area-grid .action.primary { background:var(--blue); color:var(--surface); }
}

.ranking-content { position:relative; }
.ranking-content.is-loading > :not(.ranking-loading) { opacity:.3; pointer-events:none; }
.ranking-loading { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:24px; min-height:180px; font-size:12px; }
.ranking-content .ranking-loading { position:absolute; top:40px; left:50%; transform:translateX(-50%); min-height:100px; border-radius:16px; background:color-mix(in srgb,var(--surface) 80%,transparent); backdrop-filter:blur(15px); }
.spinner { width:24px; height:24px; border:2px solid var(--line); border-top-color:var(--muted); border-radius:50%; animation:spinner-turn 1s linear infinite; }
@keyframes spinner-turn { to { transform:rotate(360deg); } }
@media (max-width:767px) {
  .native-winner { position:relative; width:100%; text-align:left; display:flex; flex-direction:column; gap:5px; padding:8px 11px; margin:0; border:0; border-radius:11px; animation:none; }
  .native-winner::after { content:''; position:absolute; inset:0; border:1.5px solid var(--gold); border-radius:inherit; pointer-events:none; animation:gold-breathe 2s steps(40) infinite alternate; }
  .winner-role { display:flex; align-items:center; justify-content:space-between; width:100%; font-size:9.5px; line-height:1.2; }
  .winner-role > span { display:flex; align-items:center; gap:3px; }
  .accent { color:var(--accent); }
  .winner-person { display:flex; align-items:center; gap:8px; width:100%; }
  .winner-person > div { min-width:0; }
  .winner-name { display:flex; gap:3px; align-items:center; font-size:12px; line-height:1.2; }
  .winner-name strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .winner-identity { display:flex; align-items:center; gap:3px; margin-top:2px; color:var(--muted); font-size:10px; line-height:1.2; }
  .winner-identity > span { display:flex; gap:3px; align-items:center; }
  .live-text { color:var(--green); }
  .winner-metric { display:flex; align-items:baseline; justify-content:space-between; gap:3px; width:100%; padding:5px 8px; border-radius:8px; background:color-mix(in srgb,var(--control) 55%,transparent); line-height:1.2; }
  .winner-metric > span { font-size:9.5px; color:var(--muted); }
  .winner-metric > strong { font-size:22px; font-variant-numeric:tabular-nums; white-space:nowrap; }
}

@media (max-width:767px) {
  .sheet.area-sheet { height:calc(50dvh + env(safe-area-inset-bottom)); }
  .area-sheet .sheet-head h2 { font-size:22px; }
  .area-sheet .sheet-head .action { border:0; background:transparent; min-height:38px; padding:0; }
  .area-sheet .area-grid { grid-template-columns:repeat(auto-fit,minmax(84px,1fr)); gap:10px; }
  .area-sheet .area-grid .action { padding:0 8px; font-size:13px; font-weight:500; line-height:1.2; }
  .drag-handle { background:color-mix(in srgb,var(--muted) 50%,var(--surface)); }
}

@media (max-width:767px) { .invisible-badge { display:inline-flex; align-items:center; justify-content:center; width:28px; height:14px; border-radius:2px; font-size:9px; font-weight:600; color:var(--button-white); background:var(--invisible-badge); } }

@media (max-width:767px) { .avatar { background:color-mix(in srgb,var(--blue) 8%,var(--surface)); color:var(--accent); } }
@media(max-width:767px){
  .room-controls{flex-wrap:nowrap;gap:8px}.room-controls .chips{flex:1}
  .room-page>p.meta{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:8px;min-height:26px;padding:0 8px;font-size:11px;margin:8px 0}
  .native-growth{margin-top:8px}.native-growth .growth{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .native-growth-card{min-height:106px;padding:10px;display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--ink);font:inherit;border:0;cursor:pointer}
  .growth-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.growth-heading svg{color:var(--muted)}
  .growth-caption{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--muted);min-width:0}.growth-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.growth-caption strong{margin-left:auto;font-size:11px;color:var(--accent);white-space:nowrap}
  .native-growth-bar{height:30px;border-radius:8px;background:var(--control);margin:0;position:relative}.native-growth-bar>div{height:100%;background:var(--accent);opacity:.38}.native-growth-bar>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;white-space:nowrap}
  .native-growth .growth-refresh{width:100%;min-height:44px;border:0;background:transparent;font-size:11px}.growth-refresh>span{display:flex;align-items:center;gap:5px}
  .native-growth .growth-details{margin-top:8px;padding:0 10px}.native-growth .growth-details h3{font-size:12px}.native-growth .growth-details .fact{min-height:29px;padding:5px 0;font-size:12px}.native-growth .growth-details .fact>.muted{font-size:11px}
  .native-notifications h2{display:flex;align-items:center;gap:6px;font-size:17px}.native-notifications>.meta{font-size:12px;margin-bottom:0}
  .native-updates h2{font-size:20px}.native-updates>.toolbar{padding:8px 0}.native-updates .fact{border-top:1px solid var(--line)}.native-updates .action,.native-updates+section>.action{width:100%;margin-top:8px}
  .download-address{overflow-x:auto;white-space:nowrap;font-size:17px}
  .native-history h2{font-size:17px;margin:0}.native-history .toolbar{justify-content:space-between}.native-history .meta{font-size:12px}
  .native-rules h2{font-size:17px;margin:0}.native-rules>.toolbar:first-child{justify-content:space-between}.native-rules .meta{font-size:11px}
  .native-rules{display:flex;flex-direction:column;gap:8px}.native-rules>.toolbar,.native-rules>.meta{margin:0}.native-rules h2{font-weight:600;line-height:1.2}.native-rules>.meta{line-height:1.2}.native-rules .field{margin-bottom:0}.native-rules .field>span{line-height:1.2}
  .native-rules .rule-grid{margin:0;column-gap:5px;grid-template-columns:repeat(12,minmax(0,1fr))}.native-rules .rule-grid>.chip{grid-column:span 3}.native-rules .rule-grid>.chip:nth-child(n+5){grid-column:span 4}.rule-options{gap:6px;flex-wrap:nowrap}.rule-options>.action{flex:1;font-size:13px;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.rule-length{position:relative;flex:0 0 66px}.rule-length>.ui-icon{position:absolute;left:9px;top:12px;pointer-events:none}.rule-length>.menu{appearance:none;width:66px;min-height:36px;padding:0 5px 0 26px;background:var(--bg);font-size:12px}
  .rule-conditions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-conditions>.field:has([name=target]),.rule-conditions>.field:has([name=contains]){grid-column:1/-1}.rule-check{display:grid;gap:8px}.rule-check>.action{width:100%;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.rule-check>.meta{margin:0;font-size:12px}.rule-main-actions{gap:8px;flex-wrap:nowrap;align-items:center}.rule-main-actions>.action{flex:1;min-width:0;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.rule-main-actions>.primary{outline:0}.rule-main-actions>.action[hidden]{display:none}
  .rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}.rule-grid .rule-chip,.rule-grid>.chip{display:flex;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:400;min-height:34px;padding:0 2px;border:0;background:transparent;color:var(--ink);white-space:nowrap;cursor:pointer}
  .rule-grid .rule-chip>span{display:flex;align-items:center;gap:3px}.rule-grid [aria-pressed=true]{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);border-radius:7px}
  .rule-grid>.chip>input{appearance:none;width:13px!important;height:13px;padding:0;margin:0;border:1px solid currentColor;border-radius:50%;background:transparent}.rule-grid>.chip>input:checked{background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}
  .rule-custom{display:grid;grid-template-columns:1fr 1fr;gap:8px}.native-rules .field[hidden]{display:none}.native-rules>.action{width:100%}.rule-options>details{font-size:12px}.rule-options{align-items:flex-start}.rule-options>details[open]{flex-basis:100%}
  .plain-link{border:0!important;background:transparent!important;padding:0!important;min-height:32px;font-size:12px}.native-guest-account .toolbar{justify-content:space-between}.native-guest-account .guest-identity{justify-content:flex-start;margin:8px 0}.guest-identity strong{font-size:16px}.guest-identity p{font-size:12px;margin:4px 0 0}
  .guest-number-title{border-top:1px solid var(--line);padding-top:8px}.native-guest-account .guest-number{font-size:25px;margin:8px 0}.guest-state{font-size:12px}.guest-counts{font-size:12px;margin:8px 0}.native-guest-account>.meta{font-size:11px}.native-guest-account>.meta:last-of-type{font-size:12px;line-height:1.2}.guest-actions{gap:6px;flex-wrap:nowrap}.guest-actions .action{flex:1;font-size:12px;padding:0 5px;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.native-guest-account>.action{width:100%}
  .native-guest-account .toolbar:first-child>.plain-link{min-height:16px;font-size:13px;line-height:1.2}.native-guest-account .toolbar:first-child>.meta{font-size:12px;line-height:1.2}.guest-identity strong,.guest-identity p{line-height:1.2}.native-guest-account .guest-number{line-height:1.2}
  .guest-history-links{display:grid;grid-template-columns:1fr 1fr}.guest-history-links .native-feature+.native-feature{border-top:0}
  .native-snapshot-head h2{font-size:18px;margin:0}.native-snapshot-head .toolbar{gap:10px}.native-snapshot-head .meta{font-size:11px;margin:5px 0 0}
  .snapshot-pager{display:flex;align-items:center;justify-content:space-between;margin-top:8px;background:var(--bg);border-radius:8px;text-align:center}.snapshot-pager strong{font-size:13px}.snapshot-pager .meta{font-size:10px;margin:3px 0}.snapshot-pager .action{min-width:30px;min-height:34px;padding:0;border:0;background:transparent}.native-snapshot-head .snapshot-uid{font-size:10px}
  .native-assets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.asset-tile{display:flex;align-items:center;gap:8px;min-height:59px;padding:10px;background:var(--control);border-radius:10px;min-width:0}.asset-tile>.tone-orange{color:var(--feature-orange)}.asset-tile>.tone-purple,.gift-icon{color:var(--feature-purple)}.asset-tile>.tone-cyan{color:var(--feature-cyan)}.asset-tile .meta{font-size:11px;margin:0 0 4px}.asset-tile strong{font-size:16px;white-space:nowrap}.asset-tile .ui-icon{flex-shrink:0}
  .asset-details h3,.native-warehouse h3{font-size:14px;display:flex;align-items:center;gap:5px;margin:0}.asset-details .fact{font-size:12px;min-height:25px;padding:4px 0}.asset-details .meta{font-size:10px;margin-bottom:0}.asset-details>h3+.fact{border-top:0}.asset-details .fact-value{white-space:normal;text-align:right;overflow-wrap:anywhere}
  .raw-asset-fields .fact{position:relative;min-height:24.666667px;padding:2px 0;line-height:1.2;border:0}.raw-asset-fields .fact::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:.333333px;background:var(--line)}.raw-asset-fields .fact:last-child{min-height:21.666667px}.raw-asset-fields .fact:last-child::after{bottom:0}
  .native-warehouse{padding:12px}.native-warehouse .toolbar{justify-content:space-between}.native-warehouse .meta{font-size:9px}.warehouse-row{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px 52px;gap:4px;align-items:center;width:100%;padding:3px 0;font-size:10px;color:var(--ink);border:0;background:transparent;text-align:left}.warehouse-row>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.warehouse-head{background:var(--bg);font-size:9px;padding:6px 0}.warehouse-gift{display:flex;align-items:center;gap:4px;min-width:0}.warehouse-gift>span:last-child{min-width:0}.warehouse-gift strong{font-size:11px;display:block;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.warehouse-gift small{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.warehouse-total{border-top:1px solid var(--line);font-weight:600;padding:4px 0;margin-top:4px}.gift-icon{display:inline-flex;align-items:center;flex-shrink:0}.native-warehouse>p{margin-bottom:0}
}
@media(max-width:767px){
  .gift-icon>img{width:28px;height:28px;object-fit:contain}
  .account-connect{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);border-radius:12px;margin-bottom:8px}.account-connect>.ui-icon{color:var(--accent);flex-shrink:0}.account-connect strong{font-size:12px}.account-connect .meta{font-size:9px;margin:5px 0 0}.account-connect .action{margin-left:auto;background:var(--blue);color:var(--button-white);font-size:11px;border-radius:30px;padding:10px 12px;border:0;white-space:nowrap}
  .native-kugou-account .account-identity{gap:10px;flex-wrap:nowrap}.account-identity>div{min-width:0;flex:1}.account-identity h2{font-size:19px;margin:0;overflow-wrap:anywhere}.account-identity .meta{font-size:11px;margin:4px 0 0}.account-identity>div>.toolbar{gap:5px;flex-wrap:wrap}.current-account-pill{font-size:9px;font-weight:700;padding:3px 7px;border-radius:20px;background:var(--blue);color:var(--button-white);white-space:nowrap}.account-identity>.ios-menu-trigger{background:transparent!important;width:30px;padding:0!important;flex-shrink:0;color:var(--muted)!important}
  .account-permission{display:flex;align-items:center;gap:5px;font-size:13px;margin:8px 0}.account-guest-number{font-size:12px;gap:7px;flex-wrap:nowrap}.account-guest-number>.muted{display:flex;align-items:center;gap:4px;white-space:nowrap}.account-guest-number>strong{min-width:0;overflow-wrap:anywhere}.account-guest-number>.status{margin-left:auto}.account-actions{display:flex;gap:8px;margin-top:8px}.account-actions>.action{flex:1}.account-actions .action>span{display:flex;align-items:center;gap:5px}.native-kugou-account>.action{width:100%;margin-top:8px}.running-notice{font-size:11px;color:var(--green);padding:8px;border-radius:7px;background:color-mix(in srgb,var(--green) 9%,transparent)}
  .account-grant h3{display:flex;gap:5px;align-items:center;font-size:14px;color:var(--accent);margin:0 0 8px}.account-grant>.toolbar{justify-content:space-between}.account-grant strong{font-size:16px}.account-grant .meta{font-size:11px}.grant-progress{height:4px;margin-top:8px}.grant-progress>div{background:var(--accent)}
}
@media(max-width:767px){
  .status{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;color:var(--muted);background:color-mix(in srgb,var(--feature-gray) 11%,transparent);white-space:nowrap}.status::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.status.active{padding:2px 6px;color:var(--green)}
  .room-page>p.meta>span{font-size:10px;color:var(--muted)}.room-page>p.meta>strong{font-size:12px;font-weight:600;margin-left:auto}
}
@media(max-width:767px){
  .sheet.compact-profile-sheet{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--surface)}.compact-profile-sheet>.drag-handle{position:absolute;top:8px;left:calc(50% - 16px);width:32px;height:5px;z-index:3;margin:0}.compact-profile-sheet>.sheet-head{position:absolute;right:2px;top:4px;z-index:4;margin:0}.compact-profile-sheet .sheet-head>.action{width:44px;height:44px;padding:0;background:transparent;border:0;color:var(--muted)}
  .compact-profile{display:flex;flex-direction:column;height:100%;min-height:0}.profile-scroll{flex:1;min-height:0;overflow:auto;position:relative;background:linear-gradient(to bottom,color-mix(in srgb,var(--control) 35%,var(--surface)),var(--surface) 50%)}.profile-body{display:flex;flex-direction:column;gap:14px;padding:25px 20px 16px}.profile-person{display:flex;align-items:flex-start;gap:12px;padding-right:24px}.profile-person>div{min-width:0;flex:1}.profile-person h2{font-size:19px;line-height:1.2;margin:0 0 6px;overflow-wrap:anywhere}.profile-levels{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.profile-person .meta{font-size:12px;margin:6px 0 0}.profile-levels .meta{margin:0;white-space:nowrap}
  .profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 0}.profile-facts>div{display:flex;flex-direction:column;gap:5px;min-width:0}.profile-facts .muted{font-size:11px}.profile-facts strong{font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-state{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.profile-state>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-utilities{display:flex;align-items:flex-start;gap:6px}.profile-utilities>.action{flex:1;min-width:0;padding:0 2px;font-size:11px}.action.profile-utility{width:100%;min-height:36px;font-weight:600;background:var(--control);color:var(--accent);border:0;border-radius:9px}
  .profile-contribution{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.profile-contribution .meta{font-size:10px;margin:3px 0 0}.profile-contribution>strong{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.profile-footer{display:flex;gap:12px;padding:10px 20px;border-top:.5px solid var(--line);background:var(--surface)}.profile-bottom-action{display:flex;justify-content:center;align-items:center;flex:1;min-height:44px;padding:0 3px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--control) 35%,transparent);border:.75px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:30px;color:var(--accent)}.profile-footer:empty{min-height:20px}
  .profile-obscured{filter:blur(5px);pointer-events:none}.profile-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--surface) 32%,transparent);font-size:12px}.profile-mask>div{padding:20px;margin:25px;border-radius:12px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(20px)}.profile-mask h3{font-size:13px}.profile-mask p{font-size:11px}.profile-body>.meta{font-size:12px;margin:0}.profile-body .chips{flex:none}
}
@media(max-width:767px){
  .honor-mobile::after{animation:native-honor-breathe 2.8s steps(56) infinite}.honor-mobile .heart{width:40px;height:40px;display:grid;place-items:center;color:var(--heart-tint);animation:native-heartbeat 2.4s steps(72) infinite;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--heart-tint) 60%,transparent));overflow:hidden;border-radius:50%}.honor-mobile .heart>.ui-icon{width:31px;height:31px}.honor-mobile .heart::before{content:'';position:absolute;inset:2px;border:1px solid color-mix(in srgb,var(--heart-tint) 20%,transparent);border-radius:50%;transform:scale(.88)}
}
@keyframes native-heartbeat{0%,45%,100%{transform:translateX(-50%) scale(1)}12%,30%{transform:translateX(-50%) scale(1.16)}22%{transform:translateX(-50%) scale(1.04)}}
@keyframes native-honor-breathe{0%,100%{border-color:color-mix(in srgb,var(--ios-pink) 65%,transparent);border-width:1.5px;box-shadow:0 0 2px color-mix(in srgb,var(--ios-pink) 15%,transparent)}50%{border-color:var(--ios-pink);border-width:1.9px;box-shadow:0 0 6px color-mix(in srgb,var(--ios-pink) 45%,transparent)}}
@media(max-width:767px){.native-area-search{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface)}.native-area-search input{border:0;background:transparent;min-height:24px;padding:0}.native-area-search .ui-icon{color:var(--ink)}.area-grid .action>span{display:flex;align-items:center;justify-content:center;gap:4px}.area-grid .area-empty{grid-column:1/-1;font-size:12px}.area-grid .action{white-space:normal;line-height:1.1;text-align:center}}
@media(max-width:767px){.candidate-open{display:flex;align-items:center;gap:6px;min-width:0;flex:1;text-align:left;font:inherit;color:inherit;background:transparent;padding:0;border:0}.ios-context-menu [data-value=delete],.ios-context-menu [data-value=remove]{color:var(--danger)}}
.page-hidden .heart,.page-hidden .honor-card,.page-hidden .honor-mobile,.page-hidden .honor-mobile::after,.page-hidden .champion,.page-hidden .native-winner::after{animation-play-state:paused}
@media(max-width:767px){.admin-search{align-items:flex-end;flex-wrap:nowrap;gap:8px}.admin-search>.field{flex:1;margin:0}.admin-search>.action{margin-bottom:7px}.admin-links{justify-content:space-between;margin:8px 0 0}.native-admin-user{display:flex;align-items:center;gap:8px;width:100%;text-align:left;color:var(--ink);border:.7px solid var(--line);font:inherit}.native-admin-user>div{flex:1;min-width:0}.native-admin-user strong{font-size:17px}.native-admin-user .meta{font-size:12px;margin:5px 0 0;overflow-wrap:anywhere}.native-admin-user>.ui-icon{color:var(--muted)}.native-admin-pager{justify-content:space-between;font-size:12px}.native-admin-log .fact{overflow-wrap:anywhere}.native-admin-log .fact-value{white-space:normal;text-align:right}.native-admin-form h2{font-size:17px}.native-admin-form>.action{width:100%;margin-top:8px}.native-admin-form .meta{font-size:12px}.admin-enabled{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:16px}.admin-enabled input{width:45px;height:28px;min-height:0;accent-color:var(--green)}.native-admin-form .field>input,.native-admin-form .password-wrap>input{font-size:16px}}
@media(max-width:767px){.native-admin-log .fact,.native-facts .fact,.native-notifications .fact{min-height:42px}.native-notifications .fact:last-of-type{border-bottom:.5px solid var(--line)}.profile-body>.fact{margin-top:0;min-height:34px}.native-growth .growth-details .fact{min-height:29px}}
@media(max-width:767px){.page-head .toolbar{margin-bottom:0}}
@media(max-width:767px){.page-head{position:sticky;top:0;z-index:5}}
@media(max-width:767px){.sheet.qr-sheet{height:min(647px,calc(100dvh - 40px));padding:22px;background:var(--surface)}.qr-sheet .sheet-head h2{font-size:17px}.qr-sheet .sheet-head>.action{font-size:0;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--surface)}.native-qr{display:flex;flex-direction:column;gap:16px;align-items:stretch}.native-qr .qr-image{width:230px;height:230px;padding:10px;background:var(--button-white);border-radius:8px;align-self:center;image-rendering:pixelated}.native-qr p{margin:0}.qr-status{text-align:center;font-size:15px;line-height:1.4}.qr-instructions{white-space:pre-line;line-height:1.4}.qr-actions{flex-wrap:nowrap;gap:8px;margin:0}.qr-actions>.action{flex:1;padding:6px;font-size:12px;min-height:36px}}
@media(max-width:767px){.scrim:has(.native-confirm){align-items:center;background:transparent}.sheet.native-confirm{width:240px;max-height:70dvh;border-radius:30px;padding:20px 16px 16px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(28px);box-shadow:0 8px 35px color-mix(in srgb,var(--ink) 18%,transparent)}.native-confirm-content>p{font-size:16px;line-height:1.4;margin:0 12px 16px}.native-confirm-content>.action{width:100%;min-height:48px;border-radius:26px;font-size:16px;background:color-mix(in srgb,var(--muted) 24%,transparent);border:0}.native-confirm-content>.action.danger{color:var(--ios-pink)}}

@media(max-width:767px){.sheet.native-support-sheet{height:min(330px,90dvh);background:var(--surface)}.qr-sheet .sheet-head>.action{min-width:30px;min-height:30px}.qr-sheet .drag-handle{margin-top:-16px}}
@media(max-width:767px){.sheet.compact-profile-sheet{position:relative}}

@media(max-width:767px){.empty h3{color:var(--ink);font-size:20px;margin:12px 0}.empty-icon .ui-icon{width:38px;height:38px}}

@media(max-width:767px){.sheet:not(.native-confirm){width:calc(100% - 16px);margin:8px;border-radius:32px;max-height:calc(100dvh - 56px)}.sheet-head>button{background:transparent;border:0;padding:0;color:var(--ink)}.native-support-sheet .sheet-head h2{font-size:21px}.support-sheet{display:flex;flex-direction:column;gap:14px}.support-sheet h2{color:var(--accent);font-size:19px;margin:0}.support-sheet p{margin:0}.support-sheet>.action{width:100%}.support-sheet>a.action{background:var(--control);font-size:16px}.support-sheet .meta{font-size:11px}}

@media(max-width:767px){.rule-grid>.chip{position:relative}.rule-grid>.chip>input{position:absolute;opacity:0;width:13px;height:13px}.rule-grid>.chip:focus-within{outline:1px solid var(--accent)}.rule-grid>.chip[aria-pressed=true] .rule-marker circle{fill:var(--accent);stroke:var(--accent)}.rule-grid>.chip[aria-pressed=true] .rule-marker path{stroke:var(--button-white)}}

@media(max-width:767px){.sheet:not(.qr-sheet):not(.compact-profile-sheet) .sheet-head>.action{border:0;background:transparent;color:var(--ink)}.sheet.native-support-sheet{position:relative;padding:20px}.native-support-sheet>.drag-handle{position:absolute;top:6px;left:calc(50% - 16px);margin:0}.native-support-sheet .sheet-head{min-height:44px;margin-bottom:15px}.support-sheet{gap:15px}.support-sheet h2{font-size:20px}.support-sheet>.meta:first-child{font-size:12px}}

@media(max-width:767px){
  .native-room-failure{display:flex;flex-direction:column;gap:8px;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.2}.native-room-failure>p{display:flex;align-items:center;gap:5px;margin:0}.native-room-failure>.action{width:100%;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.native-room-empty{font-size:12px;line-height:1.2;color:var(--muted);margin:4px 0}
  .qr-sheet .sheet-head{margin-bottom:16px}.qr-status{line-height:1.2}.qr-instructions{font-size:12px;line-height:1.2}.native-qr>.meta:last-child{font-size:11px;line-height:1.2}.native-qr>.action,.qr-actions>.action{font-size:13px;padding:0;line-height:1.2;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.qr-actions>.primary{min-height:40px;outline:0}
}

@media(max-width:767px){
  .sheet.native-hit-sheet{position:relative;outline:0;height:min(484px,calc(100dvh - 40px));padding:12px 24px calc(24px + env(safe-area-inset-bottom));background:var(--surface);display:flex;flex-direction:column;overflow:hidden;border-radius:24px}.native-hit-sheet>.drag-handle{position:absolute;top:8px;left:calc(50% - 18px)}.native-hit-sheet>.sheet-head{height:32px;flex:0 0 32px;margin:0 0 2px;justify-content:flex-end}.native-hit-sheet>.sheet-head>button{min-width:32px;min-height:32px;width:32px;height:32px}
  .native-hit{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-height:0;line-height:1.2}.native-hit h2{font-size:20px;font-weight:700;margin:0}.native-hit h3{font-size:29px;font-weight:700;margin:0;white-space:nowrap}.hit-success{height:64px;flex:0 0 64px;color:var(--accent)}.hit-success>.ui-icon,.hit-verified>.ui-icon{stroke:var(--button-white);stroke-width:2.25}.hit-rule{font-size:12px;font-weight:500;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--muted) 8%,transparent)}.native-hit p{margin:0;text-align:center}.hit-verified,.hit-status{font-size:12px;color:var(--muted)}.hit-verified{display:flex;align-items:center;gap:5px;color:var(--green)}.hit-warning{font-size:11px;color:var(--muted)}.hit-spacer{flex:1;min-height:0}.native-hit>.action{width:100%;flex-shrink:0;font-size:13px;border:0;outline:.75px solid color-mix(in srgb,var(--blue) 60%,transparent);outline-offset:-.75px}.native-hit>.primary{outline:0}.hit-mail{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}
}

@media(max-width:767px){.sheet.qr-sheet{outline:0;border-radius:36px}.qr-sheet .drag-handle{margin-bottom:12px}.qr-sheet .sheet-head h2{font-weight:600;line-height:1.2;margin:0}.qr-sheet .sheet-head>.action{width:17px;height:20.4px;min-width:17px;min-height:20.4px;background:transparent}.qr-sheet .sheet-head>.action>.ui-icon{color:var(--accent);stroke:var(--button-white);stroke-width:2.25}}

@media(max-width:767px){.scrim:has(.native-confirm){padding-top:max(0px,calc(env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.sheet.native-confirm{outline:0;border:1px solid color-mix(in srgb,var(--muted) 22%,transparent)}.sheet.native-confirm-automatic{padding:16px}.native-confirm-automatic .native-confirm-content>.action:not(.danger){color:var(--accent)}}

/* P11：手机筛选按周期、地区、类型排列，所有控件保持单行。 */
@media(max-width:767px){.official-controls .chips{min-width:0;flex:1}.official-controls .chip{white-space:nowrap;min-width:0;padding:0 6px}.official-controls:has(.area-choice) .chips{flex:0 0 112px}.official-controls .area-choice{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-size:12px}.official-controls .menu{width:64px;padding:0 5px;white-space:nowrap}.official-controls .menu>span{display:flex;align-items:center;justify-content:center;gap:3px}.compact-menu{padding:4px;border-radius:10px}.compact-menu>button{padding:0 4px;font-size:12px;text-align:center}}

@media(max-width:767px){.room-controls>.menu{width:72px;flex:0 0 72px;padding:0 5px;white-space:nowrap}.room-controls>.menu>span{display:flex;align-items:center;justify-content:center;gap:3px}}

@media(max-width:767px){.compact-menu[aria-label="币种"]{padding:0}.compact-menu[aria-label="币种"]>button{min-height:35px}}

/* P13 已审核：手机统一操作栏；桌面保持原布局。 */
@media(max-width:767px){
 .official-controls,.room-controls{display:flex;flex-wrap:nowrap;gap:0;height:35px;min-height:35px;background:var(--control);border-radius:10px;margin-bottom:9px;padding:0 2px;align-items:stretch}
 .official-controls .chips,.room-controls .chips{flex:1;min-width:0;padding:2px 0;background:transparent;border:0;border-radius:0;outline:0;gap:0}
 .official-controls:has(.area-choice) .chips{flex:1;min-width:0}
 .official-controls .chip,.room-controls .chip{padding:0 4px;min-height:31px;height:31px;font-size:12px;border-radius:8px;white-space:nowrap;min-width:0}
 .official-controls .area-choice{flex:0 0 62px;height:35px;min-height:35px;padding:0 3px;border:0;border-left:.5px solid var(--line);border-radius:0;background:transparent;font-size:12px}
 .official-controls>.menu{flex:0 0 62px;width:62px}.room-controls>.menu{flex:0 0 65px;width:65px}
 .official-controls>.menu,.room-controls>.menu{height:35px;min-height:35px;background:transparent;border:0;border-left:.5px solid var(--line);border-radius:0;padding:0 3px;font-size:12px;white-space:nowrap}
 .room-controls>.menu{border-left:0;border-right:.5px solid var(--line)}
 .official-controls>.ranking-refresh,.room-controls>.ranking-refresh{position:relative;flex:0 0 32px;width:32px;height:35px;min-height:35px;padding:0;color:var(--accent);border:0;border-left:.5px solid var(--line);background:transparent;border-radius:0}
 .ranking-refresh::before{content:'';position:absolute;inset:-4.5px 0}
 .room-page .rank-row{height:var(--room-row-height,46px)}
 .room-page .more{min-height:20px;padding:3px 0;margin:0}
 .ranking-pull{position:fixed;left:50%;transform:translateX(-50%);z-index:80;font-size:11px;padding:8px 14px;border-radius:10px;background:var(--surface);color:var(--accent);box-shadow:0 2px 10px var(--control);pointer-events:none}
}

/* 用户审核的人物资料弹层：移动端与原生紧凑布局对齐。 */
@media(max-width:767px){
  .compact-profile-sheet .profile-body{gap:6px;padding:22px 14px 6px}
  .compact-profile-sheet .profile-person{gap:10px;padding-right:30px;align-items:center}
  .compact-profile-sheet .profile-person h2{font-size:18px;margin:0 0 3px}
  .compact-profile-sheet .profile-person .meta{font-size:11px;margin:0}
  .compact-profile-sheet .profile-facts{gap:0 8px;padding:0}
  .compact-profile-sheet .profile-facts>div{flex-direction:row;align-items:center;justify-content:space-between;gap:5px;min-height:29px;border-bottom:.5px solid var(--line)}
  .compact-profile-sheet .profile-facts .muted{font-size:10px;flex-shrink:0}
  .compact-profile-sheet .profile-facts strong{font-size:13px;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-align:right}
  .compact-profile-sheet .profile-verification{align-items:center;min-height:30px}
  .compact-profile-sheet .profile-refresh{min-width:44px;min-height:30px;background:transparent;border:0;color:var(--accent);padding:0}
  .compact-profile-sheet .profile-footer{gap:5px;padding:7px 14px calc(7px + env(safe-area-inset-bottom))}
  .compact-profile-sheet .profile-six-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .compact-profile-sheet .profile-bottom-action{border-radius:9px;font-size:12px;min-height:44px;background:color-mix(in srgb,var(--control) 35%,transparent);border:.75px solid color-mix(in srgb,var(--accent) 15%,transparent)}
  .compact-profile-sheet .profile-bottom-action[aria-pressed=true]{background:var(--control);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
  .compact-profile-sheet .profile-update-note{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:0;color:var(--muted)}
  .compact-profile-sheet .profile-update-note .action{min-height:30px;width:auto;padding:0 8px}
  .sheet.player-profile-sheet{max-height:none}
  .player-profile-sheet .profile-scroll{overflow:visible;flex:none}
  .player-profile-sheet .compact-profile{height:auto}
  .player-profile-sheet .profile-footer:empty{display:none}
}
@media(max-width:767px){
  .compact-profile-sheet .profile-scroll{background:var(--surface)}
  .compact-profile-sheet .profile-verification{justify-content:flex-start;gap:6px}
  .compact-profile-sheet .profile-verification .profile-refresh{margin-left:auto}
  .compact-profile-sheet .profile-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* P24 · 已批准的三端工作区；业务组件和数据规则继续复用。 */
html { font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
::selection { background: var(--control); color: var(--ink); }
input, textarea { caret-color: var(--accent); }
a { text-underline-offset: 3px; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
.meta, .field > span { font-size: 12px; }
.sidebar-sections { display: grid; gap: 4px; }
.page-head { min-height: 52px; }
.page-head h1 { font-size: 18px; }
.action { border-radius: 8px; }
.action.primary { color: var(--button-white); }
@media (hover:hover) {
  .action:hover:not(:disabled), .nav-link:hover { background: var(--input); }
  .action.primary:hover:not(:disabled) { background: var(--blue); color: var(--button-white); text-decoration: underline; }
}
.sheet-head > .action { min-width: 44px; min-height: 44px; flex-shrink: 0; }
.sheet:not(.compact-profile-sheet) > .sheet-head { position: sticky; top: 0; z-index: 1; background-color: inherit; }
.confirmation-content > p { margin: 12px 0 20px; line-height: 1.6; overflow-wrap: anywhere; }
.confirmation-actions { display: flex; justify-content: flex-end; gap: 8px; }
.confirmation-actions > .action { min-height: 44px; min-width: 88px; }
.confirmation-actions > .danger { border: 1px solid var(--danger); }
.sheet.confirmation-sheet { background: var(--surface); max-width: 480px; }
.failure { overflow-wrap: anywhere; }
@media (min-width:768px) {
  .page-head { min-height: 60px; padding: 8px 24px; }
  .page-head h1 { font-size: 20px; }
  .page { padding: 20px 24px; }
  .sidebar { overflow-y: auto; }
  .brand { color: var(--accent); }
  .sidebar .nav-link { min-height: 44px; }
  .sidebar .nav-group { padding: 12px 10px 4px; }
  .sidebar-bottom .menu { width: 100%; }
  .sidebar-bottom .action { width: 100%; margin-top: 8px; }
  .workspace-shell { grid-template-columns: var(--sidebar-width) minmax(0,1fr); }
  .workspace-shell > .rail { display: none; }
  .rank-row { min-height: 52px; height: auto; }
  .rank-title { font-size: 14px; }
  .rank-meta, .rank-number { font-size: 12px; }
  .native-form, .auth-form { max-width: 560px; }
  .page[data-page="/settings"] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 16px; }
  .page[data-page="/settings"] > .surface { margin: 0; }
  .page[data-page="/settings"] > .surface:first-child { grid-column: 1 / -1; }
  .page[data-page="/settings"] form > .action { margin-top: 8px; }
  .page[data-page="/features"] > .surface { padding: 16px; }
}
@media (min-width:1600px) {
  .workspace-shell.has-rail > .rail { display: block; }
  .workspace-shell.has-rail { grid-template-columns: var(--sidebar-width) minmax(0,1fr) var(--rail-width); }
}
@media (min-width:768px) and (max-width:1023px) {
  .shell { --sidebar-width: 80px; }
  .sidebar .nav-label { display: block; font-size: 12px; }
  .sidebar .nav-link { flex-direction: column; gap: 3px; padding: 8px 2px; text-align: center; min-height: 60px; }
  .sidebar .nav-group { display: none; }
  .sidebar-sections { border-top: 1px solid var(--line); padding-top: 8px; }
  .sidebar-bottom .menu { width: 100%; font-size: 12px; padding: 6px 2px; }
  .sidebar-bottom .action { font-size: 12px; max-width: none; white-space: normal; overflow-wrap: anywhere; }
  .page-head { padding-inline: 16px; }
  .page { padding: 16px; }
  .page[data-page="/settings"] { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:767px) {
  .page-head { min-height: calc(44px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) 12px 0; }
  .page-head .icon-action, .page-head > .action { min-width: 44px; min-height: 44px; }
  .sheet.qr-sheet .sheet-head > .action { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
  .sheet.qr-sheet .sheet-head > .action > .ui-icon { width: 20px; height: 20px; }
  .sheet.confirmation-sheet { width: calc(100% - 24px); max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding: 12px 16px calc(16px + env(safe-area-inset-bottom)); margin: 12px; border-radius: 20px; }
  .confirmation-sheet .sheet-head { min-height: 44px; margin: 0; }
  .confirmation-sheet .sheet-head h2 { font-size: 18px; }
  .confirmation-sheet .drag-handle { display: none; }
  .confirmation-actions > .action { flex: 1; }
  .sheet .fact, .sheet .meta { font-size: 12px; }
  .tabbar .nav-link { min-height: 44px; }
  .tabbar .nav-label { font-size: 12px; }
  .rank-meta { font-size: 12px; white-space: normal; overflow: visible; flex-wrap: wrap; }
  .rank-row { height: auto; min-height: 50px; padding-block: 5px; }
  .native-ranks .rank-row { height: auto; min-height: 50px; }
  .rank-title { font-size: 14px; }
  .compact-profile-sheet .profile-facts .muted, .compact-profile-sheet .profile-state { font-size: 12px; }
}

/* P25：已批准的电脑工作区整体居中；平板与手机沿用既有布局。 */
html.desktop-centered { scrollbar-gutter: stable both-edges; }
html.desktop-centered .workspace-shell, html.desktop-centered .shell.auth-shell {
  width: calc(100% - 48px);
  max-width: 1440px;
  margin: 24px auto;
  min-height: calc(100dvh - 48px);
  --sidebar-width: 200px;
  --rail-width: 320px;
  grid-template-columns: var(--sidebar-width) minmax(0,1fr);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: clip;
  background: var(--surface);
}
html.desktop-centered .auth-shell .page { max-width: 608px; margin-inline: auto; }
html.desktop-centered .workspace-shell.admin-hub-shell { height: calc(100dvh - 48px); }
html.desktop-centered .workspace-shell.admin-hub-shell .main { height: calc(100dvh - 50px); }
html.desktop-centered .workspace-shell .sidebar, html.desktop-centered .workspace-shell .rail {
  top: 24px;
  height: calc(100dvh - 50px);
}
html.desktop-centered .workspace-shell.has-rail { grid-template-columns: var(--sidebar-width) minmax(0,1fr) var(--rail-width); }
html.desktop-centered .workspace-shell.has-rail > .rail { display: block; }

/* 横屏刘海设备：保留左右安全区，避免侧栏导航被屏幕开孔遮住。 */
@media (orientation: landscape) and (max-width:1299px) {
  .shell { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
}

/* 六入口与主播榜单：沿用语义色与现有页面壳。 */
.six-account{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:8px 4px;text-align:left;background:none;color:var(--ink)}
.six-account>.avatar{flex:0 0 42px}.six-account>.six-account-name{flex:1;min-width:0}.six-account strong{display:block;font-size:16px}.six-account small{display:block;color:var(--muted);margin-top:4px}
.six-feature-columns{display:grid;gap:16px}.six-feature-columns section{min-width:0}.six-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface)}
.six-feature{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px;text-align:left;background:var(--surface);border:0;border-bottom:1px solid var(--line);color:var(--ink)}
.six-feature:nth-child(odd){border-right:1px solid var(--line)}.six-feature:nth-last-child(-n+2){border-bottom:0}.six-feature>svg{color:var(--accent);flex-shrink:0}.six-feature span{min-width:0}.six-feature strong{display:block;font-size:14px}.six-feature small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.six-feature:hover{background:var(--control)}
/* 已审核紧凑操作区：34px可见面，44px独立点击范围。 */
.room-page .room-anchor{padding:8px 0;margin:0;background:none;border:0;display:block}
.room-anchor-identity{display:flex;align-items:center;gap:10px;min-width:0}.room-anchor-identity>div{min-width:0}.room-anchor-identity strong{font-size:16px;overflow-wrap:anywhere}.room-anchor-identity .meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}
.room-tools{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.room-page .room-anchor-actions{display:flex;flex:1 1 270px;min-width:0;gap:4px;margin:0;height:44px}
.room-page .room-anchor-actions .action{flex:1;min-width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;color:var(--accent);font-size:13px;font-weight:500;white-space:nowrap}
.room-page .room-control-paint{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 10px;border-radius:7px;width:100%}
.room-page .room-anchor-actions .action.primary{background:transparent}
.room-page .room-anchor-actions .primary .room-control-paint{background:var(--blue);color:var(--button-white)}
.room-page .room-anchor-actions .action:hover .room-control-paint{background:var(--control)}
.room-page .room-anchor-actions .primary:hover .room-control-paint{background:var(--blue);filter:brightness(.94)}
.room-page .room-controls{flex:1 1 330px;display:flex;flex-wrap:nowrap;gap:4px;min-width:0;height:44px;min-height:44px;margin:0;padding:0;background:transparent;border:0;border-radius:0;align-items:center}
.room-page .room-currency{position:relative;display:flex;align-items:center;width:80px;height:44px;flex:none}
.room-page .room-currency:before{content:"";position:absolute;inset:5px 0;background:var(--control);border-radius:7px;pointer-events:none}
.room-page .room-currency .menu{position:relative;width:100%;height:44px;min-height:44px;padding:0 5px;background:transparent;border:0;border-radius:7px;font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap}
.room-page .room-currency .menu>span{display:flex;align-items:center;justify-content:center;gap:4px}
.room-page .room-controls .chips{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:44px;min-height:44px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;gap:0}
.room-page .room-controls .chips:before{content:"";position:absolute;inset:5px 0;background:var(--control);border-radius:7px}
.room-page .room-controls .chip{position:relative;flex:1;min-width:44px;min-height:44px;height:44px;display:flex;align-items:center;padding:0 2px;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:12px;font-weight:500;color:var(--ink)}
.room-page .room-controls .chip .room-control-paint{height:28px;padding:0 8px;border-radius:5px}
.room-page .room-controls .chip[aria-pressed="true"] .room-control-paint{background:var(--surface);color:var(--accent);font-weight:600}
.room-page .room-controls .ranking-refresh{display:flex;flex:0 0 44px;align-items:center;justify-content:center;min-width:44px;width:44px;min-height:44px;height:44px;margin:0;padding:0;background:transparent;border:0;border-radius:7px;color:var(--accent)}
.room-page .ranking-refresh .room-control-paint{width:34px;padding:0}
.room-page .ranking-refresh:hover .room-control-paint{background:var(--control)}
@media(max-width:767px){.room-tools{display:block;height:88px;padding:0;border:0;margin-bottom:8px}.room-page .room-anchor-actions .room-control-paint{padding:0 8px}}
.room-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));gap:6px}.room-podium-player{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 4px;background:var(--surface);border:1px solid var(--line);border-radius:11px;color:var(--ink)}.room-podium-player strong{max-width:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-podium-player b{font-size:14px;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}.room-podium-player>.gold{font-size:12px}.room-podium-player .badges{max-width:100%;overflow:hidden}.room-podium-player .avatar{flex-shrink:0}
@media(min-width:768px){.six-feature-columns{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.six-feature{min-height:86px}.room-podium-player{padding:12px}.room-podium-player b{font-size:18px}}

.six-features-page .native-feature{min-height:44px}.room-page .ranking-section{display:flex;justify-content:space-between;gap:12px}

/* 三端领奖台：第二名、第一名、第三名；冠军居中，保留真实名次。 */
.room-podium{align-items:end;padding-top:6px}
.room-podium-player{min-height:144px}
.room-podium-player.podium-winner{min-height:152px;padding-top:18px;border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--surface))}
@media(min-width:768px){.room-podium-player.podium-winner{padding-top:20px}}
@media(min-width:1024px){
  .rank-band-grid{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:8px;align-items:start}
  .rank-band{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
  .rank-band-0{background:color-mix(in srgb,var(--gold) 8%,var(--surface))}
  .rank-band-1{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
  .rank-band-2{background:color-mix(in srgb,var(--green) 7%,var(--surface))}
  .rank-band-title{font-size:12px;font-weight:600;height:28px;margin:0;padding:5px 10px;border-bottom:1px solid var(--line);color:var(--ink)}
  .rank-band-body{display:flex;flex-direction:column;min-width:0}
  .rank-bands .rank-row{height:52px;min-height:52px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
  .rank-bands .rank-row:last-child{border-bottom:0}
  .rank-bands .rank-row:hover{background:var(--control)}
}

@media(max-width:767px){
  .sheet .growth-caption{font-size:12px;flex-wrap:wrap;row-gap:4px}
  .sheet .growth-caption>span{white-space:normal}
  .sheet .growth-caption strong,.sheet .native-growth-bar>span,.sheet .native-growth .growth-refresh,.sheet .native-growth .growth-details .fact>.muted{font-size:12px}
}

.recharge-cumulative{padding:6px 0 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.recharge-cumulative .toolbar{flex-wrap:nowrap;gap:8px}.recharge-cumulative .toolbar>b{margin-left:auto;font-variant-numeric:tabular-nums}.recharge-cumulative p{margin:3px 0}.recharge-cumulative .plain-link{min-width:44px;min-height:44px}

/* 已批准R2：底部账户只保留一行，操作与主题置于独立顶层菜单。 */
.sidebar-bottom .sidebar-account-trigger{width:100%;min-height:54px;padding:6px 8px;background:var(--bg);color:var(--ink);text-align:left}.sidebar-account-core{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.sidebar-account-copy{flex:1;min-width:0}.sidebar-account-copy strong,.sidebar-account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-copy strong{font-size:13px}.sidebar-account-copy small{font-size:11px;color:var(--muted);margin-top:2px}.sidebar-account-menu>.action{display:block;min-height:44px;width:100%;background:transparent;text-align:left}.sidebar-theme-choices{display:flex;background:var(--control);border-radius:8px}.sidebar-theme-choices .action{flex:1;min-height:44px;padding:0 6px;font-size:12px;background:transparent}.sidebar-theme-choices .action[aria-pressed=true]{background:var(--surface)}.sidebar-account-menu .meta{font-size:12px}.sheet.sidebar-account-sheet{width:270px;padding:8px;max-height:calc(100dvh - 24px);border-radius:12px}.sidebar-account-sheet .sheet-head{min-height:44px;margin-bottom:4px}.sidebar-account-sheet .sheet-head h2{font-size:14px}.sidebar-account-sheet .sheet-head .action{min-width:44px;min-height:44px;padding:0}.sidebar-account-scrim{display:block}.sidebar-account-scrim>.sidebar-account-sheet{position:fixed;margin:0}
@media(min-width:768px) and (max-width:1023px){.sidebar-account-copy,.sidebar-account-core>svg{display:none}.sidebar-bottom .sidebar-account-trigger{padding:6px 0}.sidebar-account-core{justify-content:center}}
@media(max-width:767px){.sheet.sidebar-account-sheet{width:100%;max-width:none}}

/* 主播资料：三端共用语义资料与六入口，不输出原始字段。 */
.sheet.anchor-profile-sheet{width:min(620px,calc(100vw - 32px));padding:0;display:flex;flex-direction:column;height:auto;max-height:88dvh;overflow:hidden;border-radius:14px;background:var(--bg)}.anchor-profile-sheet>.drag-handle{display:none}.anchor-profile-sheet>.sheet-head{display:flex;position:static;min-height:48px;padding:0 12px;margin:0;border-bottom:1px solid var(--line);flex:none}.anchor-profile-sheet>.sheet-head h2{display:block!important;font-size:14px}.anchor-profile-sheet .sheet-head>.action{height:44px;width:44px;min-height:44px;padding:0;border:0;background:transparent}.anchor-profile-sheet .compact-profile{display:flex;flex-direction:column;overflow:hidden;min-height:0}.anchor-profile-identity{padding:10px 14px 0;flex:none}.anchor-profile-sheet .profile-person{display:flex;gap:10px;align-items:center;padding:0}.anchor-profile-sheet .profile-person h2{font-size:16px;margin:0}.anchor-profile-sheet .profile-verification{display:flex;gap:6px;align-items:center;min-height:44px;font-size:12px}.anchor-profile-sheet .profile-verification .profile-refresh{margin-left:auto;min-height:44px;min-width:44px;background:none;border:0;color:var(--accent)}.anchor-profile-sheet .profile-scroll{min-height:0;overflow:auto;padding:0 14px 12px}.anchor-profile-sheet .profile-body{padding:0;display:flex;flex-direction:column;gap:6px}.anchor-profile-sheet .profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:0}.anchor-profile-sheet .profile-facts>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;min-height:32px;border-bottom:1px solid var(--line)}.anchor-profile-sheet .profile-facts .muted{font-size:12px;flex-shrink:0}.anchor-profile-sheet .profile-facts strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;white-space:normal;text-align:right}.anchor-profile-sheet .profile-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 4px;padding:0 14px 8px;border-top:0;border-bottom:1px solid var(--line);flex:none}.anchor-profile-sheet .profile-bottom-action{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;border:0;border-radius:6px;background:transparent;color:var(--accent)}.anchor-profile-sheet .profile-bottom-action[aria-pressed=true]{background:var(--control)}.anchor-profile-copy h3{font-size:13px;margin:8px 0 4px}.anchor-profile-copy p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.anchor-profile-sheet .profile-update-note{font-size:12px}.anchor-profile-sheet .profile-person .meta{font-size:12px}.anchor-profile-sheet .profile-update-note .action{min-height:44px}
@media(max-width:767px){.sheet.anchor-profile-sheet{width:100%;border-radius:18px 18px 0 0;max-height:88dvh}.anchor-profile-sheet .profile-scroll{padding-bottom:max(12px,env(safe-area-inset-bottom))}.anchor-profile-sheet .profile-facts .muted{font-size:11px}.anchor-profile-sheet .profile-facts>div{gap:4px}.anchor-profile-sheet .sheet-head{position:static}}
/* 已审核61：主播上下文与操作统一为一层，保留原榜单和成长组件。 */
.room-header{padding:0;overflow:visible;margin-bottom:8px}.room-header .room-anchor{padding:10px 12px}.room-header .room-anchor-identity{align-items:center}.room-header .room-anchor-identity>div:not(.room-broadcast){flex:1}.room-header .room-broadcast{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.room-broadcast small{font-size:11px;color:var(--muted);line-height:1.5}.room-header .room-tools{margin:0;padding:0 8px;border-bottom:0;border-top:1px solid var(--line);gap:0 16px}.room-header .room-anchor-actions .room-control-paint{background:transparent!important;color:var(--accent)!important;height:44px;padding:0 6px}.room-header .room-controls .chips:before{display:none}.room-header .room-controls .chip[aria-pressed=true] .room-control-paint{background:transparent}.room-header .room-controls .chip[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent)}.room-header .room-currency:before{display:none}.room-header .room-currency .menu,.room-header .room-currency button{background:transparent}.room-header .room-controls{background:transparent}.room-header .room-anchor-actions .action{font-weight:600}.room-header .room-controls .chip{font-size:13px}
.updates-page .release-sheet{max-width:1000px;margin:auto;padding:0 20px}.release-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.release-app{display:flex;gap:12px;align-items:center}.release-heading h2{font-size:17px;margin:0}.release-heading .meta{margin:2px 0 0;font-size:12px}.release-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--blue);color:var(--button-white)}.release-heading>.action{font-size:12px;min-height:44px;background:none;border:0;padding:0 4px}.release-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;padding:16px 0}.release-install{min-width:0}.release-state{margin:0;color:var(--green);font-size:14px}.release-specs{font-size:12px;color:var(--muted);margin:8px 0 12px}.release-buttons{display:grid;gap:8px}.release-buttons .action{min-height:44px;justify-content:center;font-size:14px}.release-buttons+.meta{font-size:12px}.release-utilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.release-utilities .action{min-height:44px;border:0;background:none;color:var(--accent);font-size:12px;padding:0 3px;justify-content:center}.release-utilities .action>span{display:flex;gap:4px;align-items:center}.release-notes{min-width:0}.release-notes h3{font-size:14px;margin:0 0 8px}.release-notes p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.release-notes details{border-top:1px solid var(--line);font-size:13px}.release-notes summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.release-license{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:13px;text-decoration:none;border-top:1px solid var(--line)}.release-footnote{display:flex;align-items:center;gap:6px;padding:10px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.release-message{font-size:12px;color:var(--muted);padding-bottom:10px;margin:0}.release-buttons a[aria-disabled=true]{pointer-events:none;opacity:.5}
@media(max-width:767px){.room-header .room-tools{height:auto;display:block}.room-header .room-controls{border-top:1px solid var(--line)}.room-header .room-anchor-actions{height:44px}.room-header .room-broadcast small{font-size:10px}.room-header .room-anchor-identity strong{font-size:15px}.room-header .room-anchor-identity .meta{font-size:11px}.release-columns{grid-template-columns:1fr;gap:0;padding:12px 0 0}.release-notes{border-top:1px solid var(--line);padding-top:14px}.updates-page .release-sheet{padding:0 16px}.release-heading{padding:14px 0}.release-heading>.action{white-space:nowrap}.room-broadcast{max-width:48%;overflow-wrap:anywhere}}
@media(max-width:374px){.room-header .room-anchor-identity{flex-wrap:wrap}.room-header .room-anchor-identity>div:not(.room-broadcast){flex-basis:calc(100% - 50px)}.room-header .room-broadcast{flex-basis:100%;max-width:none;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:4px;margin:0}.release-utilities svg{display:none}}
.native-growth .growth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.native-growth-card{min-width:0;min-height:106px;padding:10px;display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.native-growth .growth-heading,.native-growth .growth-caption{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:12px}.growth-caption>span{min-width:0}.growth-caption strong{white-space:nowrap;color:var(--accent)}.growth-meter{display:flex;flex-direction:column;gap:6px}.native-growth .native-growth-bar{height:7px;border-radius:4px;background:var(--control);margin:0;position:relative;overflow:hidden}.native-growth .native-growth-bar>div{height:100%;background:var(--blue);opacity:1}.growth-difference{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.native-growth .growth-refresh{width:100%;min-height:44px;border:0;background:transparent;font-size:12px}.native-growth .growth-details{margin-top:8px}.native-growth .growth-heading strong{font-size:13px}

/* 已审核62：PC成长单面板，数据与算法沿用原契约。 */
@media(min-width:768px){.growth-compact{margin-top:8px}.growth-compact-panel{padding:12px 14px}.growth-compact-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 45px;gap:18px;align-items:center}.growth-metric{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:80px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.growth-metric:nth-child(2){padding-left:18px;border-left:1px solid var(--line)}.growth-metric-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.growth-metric-title>b{color:var(--accent);white-space:nowrap}.growth-metric-label{font-size:12px;color:var(--muted);min-height:18px;overflow-wrap:anywhere}.growth-compact-meter{display:block;width:100%;height:6px;background:var(--control);border-radius:3px;overflow:hidden}.growth-compact-meter>span{display:block;height:100%;background:var(--blue)}.growth-metric-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.growth-metric-foot>span:first-child{min-width:0;overflow-wrap:anywhere}.growth-metric-foot b{color:var(--ink)}.growth-detail-action{display:flex;align-items:center;gap:3px;color:var(--accent);white-space:nowrap}.growth-refresh-rail{border-left:1px solid var(--line);align-self:stretch;display:flex;align-items:center}.growth-refresh-rail>.action{padding:0;min-width:44px;width:44px;min-height:44px;border:0;background:none;display:grid;place-items:center}.growth-compact-feedback{font-size:12px;color:var(--muted);margin:8px 0 0}.growth-compact-details{margin-top:12px;border-top:1px solid var(--line)}.growth-compact-details .growth-heading{min-height:44px}.growth-compact-details .growth-heading h3{font-size:13px;margin:0}.growth-compact-details .growth-heading .action{min-height:44px;background:none;border:0;font-size:12px}.growth-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}.growth-detail-grid>.fact{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:0;font-size:13px;gap:4px}.growth-detail-grid .fact-value{min-width:0;max-width:100%;overflow-wrap:anywhere}.sheet .growth-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.release-installers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.release-installers .action{min-width:0;padding:0 8px;white-space:nowrap;font-size:13px}.release-installers .release-trollstore{background:var(--surface);border:1px solid var(--accent);color:var(--accent)}

.growth-adaptive>.growth-compact{display:none}.growth-adaptive>.growth-mobile{display:block}@media(min-width:768px){.growth-adaptive>.growth-compact{display:block}.growth-adaptive>.growth-mobile{display:none}}
.hub-tab-tools { display: flex; flex: none; align-items: center; gap: 8px; }
.hub-tab-tools > .hub-tabs { flex: 1; min-width: 0; }
.hub-tab-tools > .action { flex: none; width: 44px; min-height: 44px; padding: 0; }
.action.login-recheck { width: 100%; min-height: 44px; }
.admin-rule-fields .chip { min-height: 44px; }
.admin-rule-sim summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; }
.admin-rule-panel .action, .admin-rule-panel select, .admin-rule-fields input:not([type=checkbox]) { min-height: 44px; }
.admin-rule-panel > .action { width: 100%; margin-top: 8px; }

/* 获批直播与主播资料布局：保留既定品牌和语义色。 */
.room-header{position:relative;padding:0;overflow:visible}.room-header .room-anchor{padding:10px 12px!important}.room-header .room-tools{display:block!important;height:auto!important;margin:0!important;padding:0 8px!important}.room-summary{display:flex;align-items:center;gap:8px}.room-identity{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--ink);padding:0;min-width:0;flex:1;min-height:44px;text-align:left}.room-person-text{min-width:0}.room-name{display:flex;align-items:center;gap:6px;min-width:0}.room-name strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-person-text .meta{font-size:11px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.room-summary>.primary{height:44px;min-width:76px;background:var(--control);color:var(--accent);border:0;flex:none;padding:0 10px}.room-summary>.primary .room-control-paint{background:none!important;color:inherit!important}.room-times{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:11px;color:var(--muted)}.room-times>div{display:flex;gap:5px;white-space:nowrap}.room-times time{font-variant-numeric:tabular-nums}.room-podium{max-width:100%}.rank-band-grid:has(>.rank-band:only-child){max-width:860px;margin:0 auto}.rank-band-grid:has(>.rank-band:only-child) .rank-band-title{display:none}.rank-band-grid:has(>.rank-band:only-child) .rank-band{background:var(--surface)}
.anchor-profile-sheet .profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.anchor-profile-sheet .profile-facts>div{min-width:0}.profile-short-facts{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 0;border-bottom:1px solid var(--line)}.profile-short-facts>div{display:flex;gap:5px;align-items:baseline;font-size:12px}.profile-short-facts span,.profile-times span{color:var(--muted)}.profile-short-facts strong{font-weight:500}.profile-times{padding:8px 0;border-bottom:1px solid var(--line)}.profile-times>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:3px 0;font-size:12px}.profile-times time{font-variant-numeric:tabular-nums;overflow-wrap:normal}.anchor-profile-copy{display:grid!important;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:8px;margin:8px 0!important}.anchor-profile-copy h3{font-size:12px!important;font-weight:400!important;color:var(--muted);margin:0!important;line-height:1.6}.anchor-profile-copy p{font-size:13px!important;margin:0!important;line-height:1.6}.profile-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid var(--line);margin-top:8px}.anchor-profile-sheet .profile-scroll{flex:0 1 auto;min-height:0}.profile-body{padding-top:0!important}
#floating .pk{position:absolute!important;left:50%!important;right:auto!important;top:6px!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 96px)!important;min-height:28px!important;height:auto!important;padding:4px 8px!important;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#floating #livePeople[data-mode=roster]{border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 18%,transparent);overflow:hidden;display:flex;flex-direction:column}#livePeople .peopleHeader{min-height:44px;height:44px;flex:none;padding:0 0 0 10px;background:var(--control)}#livePeople .peopleHeader b{font-size:12px}#livePeople .peopleRows{display:grid;grid-template-columns:1fr;overflow:auto;min-height:0}#livePeople[data-columns="2"] .peopleRows{grid-template-columns:repeat(2,minmax(0,1fr))}#floating #livePeople .livePerson{min-width:0;height:44px;min-height:44px;padding:0 2px 0 8px;gap:4px;border-bottom:1px solid var(--line)}#floating #livePeople .livePersonIdentity{min-height:44px;gap:5px;flex:1}#livePeople .personAvatar,#livePeople .personAvatar .avatar{width:24px;height:24px;flex-basis:24px}#livePeople.narrow-roster .personAvatar{display:none}#livePeople .personName{font-size:12px;line-height:16px}.personName .badge{max-height:10px!important;width:auto!important}#livePeople small{font-size:10px!important;line-height:13px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}#floating #livePeople .livePersonActions{flex:0 0 44px;width:44px}#floating #livePeople .livePersonActions button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:transparent!important;color:var(--accent)}#livePeople .livePersonActions svg{display:block;margin:auto}.context-layer{z-index:100!important}
#floating #menu{position:fixed!important;bottom:auto!important;transform:none!important;height:auto!important;padding:4px!important;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 18%,transparent);overflow:auto;background:var(--surface);color:var(--ink)}#floating #menu .live-menu-head{position:sticky;top:0;background:var(--surface);display:grid;grid-template-columns:1fr 1fr 44px;gap:0;height:44px;margin:0;padding:0;z-index:1}#floating #menu .live-menu-choices{display:flex!important;flex-wrap:nowrap;gap:0;height:auto!important;overflow:visible}#floating #menu.vertical-lines .live-menu-choices{display:flex!important;flex-direction:column;max-height:none!important}#floating #menu button{min-height:44px;height:44px;margin:0!important;padding:4px 8px!important;white-space:nowrap;font-size:12px;background:transparent;border-radius:6px;color:var(--muted)}#floating #menu.vertical-lines [data-line]{flex:none!important;width:100%;height:44px!important;text-align:left;white-space:normal!important;border-bottom:1px solid var(--line)}#floating #menu [data-line] strong,#floating #menu [data-line] small{display:block;font-size:11px;line-height:16px}#floating #menu [data-line].active{background:var(--control);color:var(--accent)}#floating #menu #renew{width:44px;align-self:flex-end;flex:none}#floating #message{font-size:11px;pointer-events:none}.review-note{font-size:11px;text-align:center;color:var(--muted);padding:8px}
@media(min-width:1024px){.room-summary{float:left;width:50%}.room-times{min-height:44px;align-items:center;justify-content:flex-end;gap:20px;margin:0}.room-anchor:after{content:'';display:block;clear:both}.room-podium{max-width:980px;margin-left:auto;margin-right:auto}.room-podium-player{min-height:132px}.rank-band-grid{align-items:start}.strategy{font-size:11px}}
@media(max-width:374px){.room-times{font-size:10px;gap:4px}.room-name strong{font-size:14px}.room-person-text .meta{font-size:10px}.profile-short-facts{gap:6px 12px}}

.room-podium{grid-template-columns:repeat(var(--podium-count,3),minmax(0,1fr))!important}.room-podium:has(>.room-podium-player:only-child){max-width:300px}.room-podium:has(>.room-podium-player:nth-child(2):last-child){max-width:650px}

/* 资料身份与校验合为头部，短信息均匀对齐；名单宽度依据内容而非铺满视频。 */
.anchor-profile-identity{padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.anchor-profile-sheet .profile-person{align-items:flex-start;gap:12px}
.anchor-profile-sheet .profile-person>.avatar{margin-top:2px;width:44px;height:44px}
.anchor-profile-sheet .profile-person>div:last-child{flex:1;min-width:0}
.anchor-profile-sheet .profile-levels{margin-top:3px}
.anchor-profile-sheet .profile-verification{border:0;min-height:32px;font-size:11px;gap:8px;margin-top:2px;position:relative;padding-right:44px}
.anchor-profile-sheet .profile-verification .status{font-size:11px}
.anchor-profile-sheet .profile-verification .profile-refresh{position:absolute;right:0;bottom:0;width:44px;height:44px}
.anchor-profile-sheet .profile-scroll{padding:12px 16px 16px}
.anchor-profile-sheet .profile-body{gap:0}
.anchor-profile-sheet .profile-facts{gap:0 24px}
.anchor-profile-sheet .profile-facts>div{min-height:36px}
.anchor-profile-sheet .profile-facts strong{font-variant-numeric:tabular-nums}
.anchor-profile-sheet .profile-short-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;padding:14px 0}
.anchor-profile-sheet .profile-short-facts>div{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0;align-items:flex-start}
.anchor-profile-sheet .profile-short-facts strong{font-size:13px;color:var(--ink);font-weight:600;overflow-wrap:anywhere;line-height:1.5}
.anchor-profile-sheet .profile-times{padding:12px 0}
.anchor-profile-sheet .profile-times>div{padding:4px 0}
.anchor-profile-sheet .anchor-profile-copy{margin:12px 0 0!important}
.anchor-profile-sheet .profile-footer{margin:0;padding:6px 16px;border-bottom:0;border-top:1px solid var(--line)}
#livePeople .person-direct{display:none}
#floating #livePeople[data-direct="true"] .livePersonActions{flex:0 0 88px;width:88px;gap:0}
#floating #livePeople[data-direct="true"] .person-direct{display:block}
#floating #livePeople[data-direct="true"] .person-more{display:none}
#floating #livePeople .livePerson{padding-left:10px}
#floating #livePeople .peopleHeader{background:var(--surface);border-bottom:1px solid var(--line)}
#floating #livePeople[data-mode="roster"]{border-color:color-mix(in srgb,var(--muted) 35%,var(--surface));border-radius:10px}
@media(min-width:768px){.sheet.anchor-profile-sheet{width:min(580px,calc(100vw - 48px));background:var(--surface)}}

/* PC花魁在左、夺魁在右，内容随位置对齐；手机既定布局保留。 */
@media(min-width:768px){.honor-pair>.honor-card.anchor{text-align:left}.honor-pair>.honor-card.anchor .toolbar{justify-content:flex-start}.honor-pair>.honor-card.supporter{text-align:right}.honor-pair>.honor-card.supporter .toolbar{justify-content:flex-end}}

/* R69：PC五人实币榜与通用领奖台；手机和平板沿用既有布局。 */
@media(min-width:1300px){
.five-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px;list-style:none;margin:16px 0 20px;padding:0}
.five-place{min-width:0;grid-column:span 2}.five-place-4,.five-place-5{grid-column:span 3}
.five-player{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'rank more' 'person person' 'badges badges' 'value value';align-content:center;gap:8px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}
.five-player:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface));border-color:var(--accent)}.five-player:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.five-rank{grid-area:rank;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;line-height:20px}.five-person{grid-area:person;display:flex;gap:10px;align-items:center;min-width:0}.five-identity{min-width:0;display:grid;gap:3px}.five-name{font-size:16px;overflow-wrap:anywhere;line-height:1.4}.five-id{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.five-person .avatar{flex-shrink:0}
.five-player>.badges{grid-area:badges;margin-left:50px;min-height:16px}.five-value{grid-area:value;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px;min-width:0}.five-unit{color:var(--muted);font-size:12px;flex:none}.five-value b{font-size:24px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere}.five-detail{grid-area:more;align-self:start;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;line-height:20px}
.five-podium-player{min-height:184px}.five-winner{min-height:200px;border-color:color-mix(in srgb,var(--gold) 70%,var(--line));background:color-mix(in srgb,var(--gold) 5%,var(--surface))}.five-winner:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface))}.five-winner .five-name{font-size:18px}.five-winner>.badges{margin-left:58px}.five-winner .five-value b{font-size:28px}
.five-featured-player{min-height:112px;display:grid;grid-template-columns:minmax(0,1fr) auto 14px;grid-template-areas:'identity value more';align-items:center;gap:16px;padding:16px 20px;background:color-mix(in srgb,var(--accent) 2%,var(--surface))}
.five-supporter{grid-area:identity;display:flex;align-items:center;gap:12px;min-width:0}.five-supporter>.avatar{flex:none}.five-supporter-info{display:grid;gap:5px;min-width:0}.five-supporter-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.five-supporter-title .five-rank{flex:none;font-size:13px;color:var(--accent)}.five-supporter-title .five-name{font-size:17px;min-width:0}.five-supporter-info>.badges{min-height:16px;justify-content:flex-start}.five-supporter-info .five-id{font-size:12px}
.five-featured-player .five-value{display:grid;justify-items:end;align-self:center;gap:4px;margin:0}.five-featured-player .five-value b{font-size:24px}.five-featured-player .five-detail{display:flex;align-self:center;color:var(--muted)}


}
/* PC通用领奖台：范围仅前三名，密集排名不放大。 */
@media(min-width:1300px){
  .room-podium{max-width:none;width:100%;gap:12px;margin:16px 0 20px;align-items:end}
  .room-podium-player{min-height:232px;padding:20px 16px;gap:8px}
  .room-podium-player.podium-winner{min-height:248px;padding:20px 16px}
  .room-podium-player .avatar{width:64px!important;height:64px!important}
  .room-podium-player.podium-winner .avatar{width:72px!important;height:72px!important}
  .room-podium-player>.gold{font-size:14px}
  .room-podium-player strong{font-size:18px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  .room-podium-player.podium-winner strong{font-size:20px}
  .room-podium-player b{font-size:26px;line-height:1.3}
  .room-podium-player.podium-winner b{font-size:30px}
  .room-podium-player .badges .badge,.five-podium-player .badges .badge{height:18px;width:auto;max-width:100%;object-fit:contain}
  .five-podium-player{min-height:232px;padding:20px;gap:10px}
  .five-podium-player .avatar{width:64px!important;height:64px!important}
  .five-podium-player .five-name{font-size:18px}
  .five-podium-player>.badges{margin-left:74px;min-height:18px}
  .five-podium-player .five-value b{font-size:26px}
  .five-winner{min-height:248px}
  .five-winner .avatar{width:72px!important;height:72px!important}
  .five-winner .five-name{font-size:20px}
  .five-winner>.badges{margin-left:82px}
  .five-winner .five-value b{font-size:30px}
}

@media(min-width:1300px){
  .five-podium-player{min-height:248px;justify-items:center;text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:'rank' 'person' 'badges' 'value';gap:8px;padding:20px 16px}
  .five-podium-player .five-person{flex-direction:column;gap:8px}
  .five-podium-player .five-identity{justify-items:center}
  .five-podium-player>.badges{margin:0;justify-content:center}
  .five-podium-player .five-value{flex-direction:column;align-items:center;gap:3px;margin:0}
  .five-podium-player .five-detail{display:none}
  .five-winner{min-height:264px}
}

/* PC主播榜尾列与领奖台同宽，所有人数采用既定均衡分列。 */
@media(min-width:1300px){
  .room-page .rank-band-grid:has(>.rank-band:only-child){max-width:none;margin:0}
  .room-page .ranking-section{margin:0 0 8px;min-height:24px;align-items:center}
  .room-page .more{padding:12px 8px;min-height:40px;line-height:16px}
}

/* 鼠标PC的小窗口使用同一分列与对齐；触控平板仍沿用既有布局。 */
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
  .room-page .room-podium{max-width:none;width:100%}
  .room-page .rank-band-grid:has(>.rank-band:only-child){max-width:none;margin:0}
  .room-page .ranking-section{margin:0 0 8px;min-height:24px;align-items:center}
  .room-page .more{padding:12px 8px;min-height:40px;line-height:16px}
}

/* PC单人横向展示、双人并列卡；触控平板和手机保持既有布局。 */
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
  .small-rank-board{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
  .small-rank-board.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .small-rank-board>li{min-width:0}
  .small-rank-card{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:'person metric action';align-items:center;gap:24px;width:100%;min-height:168px;padding:24px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer}
  .small-rank-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
  .small-rank-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .small-rank-person{grid-area:person;min-width:0;display:flex;align-items:center;gap:16px}
  .small-rank-person>.avatar{flex:none}
  .small-rank-identity{display:grid;gap:6px;min-width:0}
  .small-rank-position{font-size:13px;font-weight:600;line-height:20px;color:var(--muted)}
  .small-rank-name{font-size:24px;line-height:1.35;overflow-wrap:anywhere}
  .small-rank-identity>.badges{min-height:18px;max-width:100%;flex-wrap:wrap}
  .small-rank-identity .badge{height:18px;width:auto;max-width:100%;object-fit:contain}
  .small-rank-id{font-size:12px;line-height:18px;color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .small-rank-metric{grid-area:metric;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
  .small-rank-metric>span{font-size:12px;color:var(--muted)}
  .small-rank-metric>b{max-width:100%;font-size:clamp(32px,3vw,44px);line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .small-rank-action{grid-area:action;display:flex;color:var(--accent)}
  .is-pair .small-rank-card{grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:'person action' 'metric metric';gap:20px;min-height:208px;padding:20px}
  .is-pair .small-rank-name{font-size:20px}
  .is-pair .small-rank-metric{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .is-pair .small-rank-metric>b{font-size:clamp(26px,2.2vw,34px)}
}

/* 执行进展与原批次安全核对；沿用现有状态与确认层。 */
.execution-detail .plain-link{min-height:44px;min-width:44px}
.execution-detail p{line-height:1.6;margin:6px 0;overflow-wrap:anywhere}
.execution-agreement{display:flex;align-items:center;gap:8px;min-height:44px}
.execution-agreement input{width:20px;min-height:20px;flex:none}

/* 榜单数值：主行亿＋万，完整原值独立显示，不改变排名数据。 */
.ranking-value { display:inline-flex; flex-direction:column; align-items:inherit; min-width:0; max-width:100%; gap:2px; font-variant-numeric:tabular-nums; }
.ranking-primary { font-size:inherit; line-height:1.3; font-weight:700; color:var(--ink); overflow-wrap:anywhere; }
.ranking-exact { display:block; max-width:100%; font-size:12px; line-height:16px; font-weight:400; color:var(--muted); overflow-wrap:anywhere; }
.rank-content { display:grid; grid-template-columns:minmax(0,1fr) fit-content(52%); align-items:center; gap:8px; }
.rank-info { min-width:0; }
.rank-bands .rank-row { height:auto; min-height:52px; padding-block:5px; }
.rank-score { align-items:flex-end; text-align:right; }
.honor-number { display:flex; align-items:center; width:100%; }
.honor-metric { height:auto; min-height:29px; gap:2px; padding-top:4px; }
.ranking-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin:8px 0 12px; }
.ranking-total { display:flex; align-items:baseline; gap:6px; }
.ranking-total .ranking-value { align-items:flex-end; }
.five-value .ranking-value { align-items:inherit; }
.small-rank-metric > .ranking-value { color:var(--ink); text-align:right; align-items:flex-end; }
.small-rank-metric .ranking-primary { font-size:clamp(32px,3vw,44px); }
.is-pair .small-rank-metric .ranking-primary { font-size:clamp(26px,2.2vw,34px); }
@media (max-width:767px) {
  .official-page .honor-card { height:auto; min-height:calc(124px + var(--native-extra) * .203846154); }
  .honor-metric { flex:1; height:auto; min-height:48px; }
  .honor-metric .honor-number { white-space:normal; }
  .winner-metric > .ranking-value { align-items:flex-end; text-align:right; color:var(--ink); font-size:20px; }
  .room-podium-player .ranking-primary { font-size:16px; }
  .rank-row,.room-page .rank-row { height:auto; min-height:max(46px,var(--room-row-height,46px)); padding-block:5px; }
}