/* 视口界面：大厅内容流 → 原有底栏 → dialog 顶层。弹窗固定标题与关闭按钮，正文独立滚动；四周至少16px安全区。 */
.rank-entry{border:1px solid #79649b;border-radius:15px;padding:18px 22px;margin:0 0 18px;background:linear-gradient(120deg,#242036,#101b2b);display:flex;align-items:center;justify-content:space-between;gap:16px}
.rank-entry h2{margin:6px 0;font-size:24px;color:#f2e6ff}.rank-entry p{margin:0;color:#acb7ca;font-size:13px}.rank-entry .eyebrow{font-size:10px;color:#c5abd8}.rank-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.rank-actions button{white-space:nowrap}
.rank-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #766585;border-radius:20px;background:#101723;color:#e9e9f4;overflow:hidden;box-shadow:0 24px 90px #0009}.rank-dialog[open]{display:flex;flex-direction:column}.rank-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px}.rank-dialog::backdrop{background:#040712d9}.rank-dialog header{flex-shrink:0;padding:24px 24px 10px;border-bottom:1px solid #2a3244;background:#101723;display:flex;justify-content:space-between;align-items:center;gap:8px}.rank-dialog h2{margin:4px 0 14px;font-size:28px}.rank-dialog .eyebrow{color:#bb98d7;font-size:10px}.rank-dialog button,.rank-dialog select{font:inherit;color:#e9e9f4;border:1px solid #4c5268;border-radius:8px;padding:10px;background:#22283d;cursor:pointer}.rank-dialog button:disabled{opacity:.5;cursor:default}.rank-dialog #rankCloseBtn{flex-shrink:0;min-width:44px;min-height:44px;font-size:26px;line-height:1;padding:8px 13px}.rank-rules{font-size:12px;line-height:1.75;color:#a9b3c6}.rank-toolbar{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:18px}.rank-toolbar button{margin-left:auto}.rank-me{border-left:3px solid #b293cc;padding:10px 12px;background:#252638;line-height:1.7;font-size:14px}.rank-table-wrap{overflow:auto}.rank-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.rank-table th{text-align:left;color:#95abc0;font-size:12px;font-weight:400;padding:12px 8px;border-bottom:1px solid #4d536a}.rank-table td{padding:14px 8px;border-bottom:1px solid #2a3244}.rank-table td:nth-child(3){font-weight:700;color:#ead3ff}.rank-table tr[data-self="true"]{background:#292538}#rankNotice{font-size:13px;color:#e4c78d}#rankResult{color:#e6c9ff;font-size:14px;line-height:1.6;max-width:100%;margin:8px 0}
@media(max-width:480px){.rank-entry{padding:14px;gap:10px}.rank-entry h2{font-size:21px}.rank-entry p{font-size:11px;line-height:1.5}.rank-actions .action-button{padding:12px}.rank-dialog header{padding:16px 16px 10px}.rank-dialog-body{padding:0 16px 16px}.rank-dialog h2{font-size:24px}.rank-table td,.rank-table th{padding:12px 5px}.rank-toolbar{gap:6px}.rank-toolbar select{max-width:120px}}
@media(max-height:650px){.result-panel:has(#rankResult:not([hidden])) h2{margin:5px 0 8px}.result-panel:has(#rankResult:not([hidden]))>p{margin:5px 0}.result-panel #rankResult{font-size:12px}}

/* 昵称同步沿用弹窗正文滚动区，不遮挡固定关闭按钮。 */
.rank-name-panel{margin:16px 0;padding:12px;border:1px solid #394258;border-radius:10px}.rank-name-panel [hidden]{display:none}.rank-name-panel .rank-rules{margin:6px 0 10px}.rank-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere;max-width:260px}