.driver-identity-visual { display:inline-flex; align-items:center; gap:6px; flex:none; min-width:0; }
.driver-level-badge { position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; flex:none; height:10px; min-width:22px; max-width:100%; padding:0 3px; border:1px solid color-mix(in srgb,var(--level-color,#b8cbd4) 68%,#223747); border-radius:4px; background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 52%),var(--level-fill,#304656); color:var(--level-color,#d3e1e8); box-shadow:inset 0 1px 0 rgba(255,255,255,.33),inset 0 -1px 0 rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.24); font:850 8px/1 "Segoe UI","Microsoft YaHei",sans-serif; cursor:default; white-space:nowrap; }
.driver-level-badge::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.08) 52%,transparent 62%); }
.driver-level-number { letter-spacing:.03em; text-shadow:0 1px 2px rgba(0,0,0,.45); }

.driver-level-name { display:none; }
.driver-level-1 { --level-color:#d3e1e8; --level-fill:#304656; }
.driver-level-2 { --level-color:#aaf5f1; --level-fill:#1b696b; }
.driver-level-3 { --level-color:#e3d3ff; --level-fill:#63439b; }
.driver-level-4 { --level-color:#ffe0a2; --level-fill:#93642a; }
.driver-level-5 { --level-color:#fff0ba; --level-fill:#7b652d; }
.driver-level-badge.driver-level-4 { border-color:#dda953; box-shadow:inset 0 1px 0 #ffe3a2,0 0 7px rgba(227,169,79,.16); }
.driver-level-badge.driver-level-5 { border:1px solid #f4d984; background:linear-gradient(135deg,#8d763a,#4f4025 48%,#9c884a); box-shadow:inset 0 0 0 1px rgba(255,237,177,.25),inset 0 1px 0 #fff4cd,0 0 9px rgba(249,214,116,.25); }
.site-account-identity { display:flex; align-items:center; gap:7px; min-width:0; }
.site-account-identity .driver-level-badge { padding:0 3px; }
.site-entry-trigger { border:0; background:transparent; padding:0; cursor:pointer; font-family:inherit; }
.driver-level-detail { padding:4px; }
.driver-level-display { display:flex; align-items:center; gap:12px; color:var(--level-color,#a6bac8); border-bottom:1px solid rgba(184,213,228,.15); padding-bottom:20px; background-color:transparent; box-shadow:none; }
.driver-level-display > span { display:grid; width:72px; height:48px; place-items:center; font-size:24px; font-weight:850; border-radius:10px; background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.25) 42%,transparent 60%),var(--level-fill,#304656); border:1px solid currentColor; box-shadow:inset 0 1px 0 rgba(255,255,255,.4); }
.driver-level-display > strong { font-size:22px; }
.driver-experience-summary { display:flex; align-items:baseline; justify-content:space-between; margin:22px 0 12px; }
.driver-experience-summary > span { color:#9eb3bf; }
.driver-experience-summary > strong { color:#edf6fa; font-size:32px; font-variant-numeric:tabular-nums; }
.driver-experience-summary small { color:#6d899a; font-size:12px; }
.driver-experience-track { height:7px; overflow:hidden; background:#263945; border-radius:3px; }
.driver-experience-track > span { display:block; height:100%; background:linear-gradient(90deg,#2fadb9,#67e1e9); }
.driver-level-detail > p { margin:12px 0 24px; color:#a8bdc9; font-size:13px; }
.driver-experience-rules { padding:16px 18px; background:rgba(151,186,207,.05); border:1px solid rgba(156,198,218,.13); }
.driver-experience-rules h3 { margin:0 0 10px; font-size:14px; }
.driver-experience-rules p { margin:5px 0; color:#9eb6c5; font-size:13px; }
.entry-modal-loading,.entry-modal-empty { text-align:center; padding:30px 12px; }
.entry-modal-empty h3 { margin:12px 0; font-size:20px; }
.entry-modal-empty p { color:#9bb2c1; line-height:1.7; margin-bottom:24px; }
.entry-empty-mark { display:grid; place-items:center; width:56px; height:56px; margin:0 auto; border:1px solid #3a5c6c; color:#63d7e2; font-size:30px; }
.entry-modal-race { border-bottom:1px solid rgba(153,195,217,.15); padding-bottom:18px; }
.entry-modal-race h3 { font-size:24px; margin:12px 0 0; }
.entry-modal-race p { color:#a1b5c1; margin:8px 0 0; }
.entry-modal-identity { display:flex; align-items:center; gap:12px; margin:18px 0; }
.entry-modal-identity > span > small { display:block; color:#8ca6b7; margin-top:4px; font-size:12px; }
.entry-account-options { display:grid; gap:10px; }
.entry-game-option { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid rgba(158,196,215,.2); background:rgba(28,48,61,.42); cursor:pointer; }
.entry-game-option:has(input:checked) { border-color:#45c8d4; background:rgba(37,150,164,.11); }
.entry-game-option input { accent-color:#46cfdd; width:16px; height:16px; flex:none; }
.entry-game-copy { flex:1; min-width:0; overflow-wrap:anywhere; }
.entry-game-copy strong { display:block; font-size:15px; }
.entry-game-copy small { display:block; color:#8ea7b7; font-size:12px; margin-top:4px; }
.entry-game-check { opacity:0; color:#63e2ea; }
.entry-game-option:has(input:checked) .entry-game-check { opacity:1; }
.entry-identity-rule,.entry-current-info { color:#9cb1be; font-size:12px; line-height:1.7; margin:14px 0; }
.entry-current-info { padding:10px 12px; background:rgba(81,158,183,.08); }
.entry-rank-feedback { margin:12px 0; padding:10px 12px; border:1px solid rgba(255,186,122,.25); background:rgba(153,88,35,.12); color:#ffc997; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.entry-game-copy .entry-rank-reason { color:#e9b58e; line-height:1.6; }
.entry-game-outside-range { border-style:dashed; }
.entry-modal-race .entry-rank-range { color:#a9d5d8; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.entry-modal-links { display:flex; justify-content:space-between; gap:16px; border-top:1px solid rgba(160,199,219,.13); padding-top:16px; color:#98adba; font-size:12px; }
.entry-modal-links button { padding:0; border:0; color:inherit; background:none; font:inherit; cursor:pointer; }
@media(max-width:700px) {
 .site-header-main { grid-template-columns:minmax(0,1fr) auto; column-gap:8px; }
 .site-brand { gap:7px; overflow:hidden; }
 .site-brand img { width:28px; height:28px; }
 .site-brand > span { min-width:0; overflow:hidden; }
 .site-brand strong { font-size:11px; overflow:hidden; text-overflow:ellipsis; }
 .site-brand small { display:none; }
 .site-header-tools { gap:5px; }
 .site-admin-menu > summary { max-width:none; padding:5px; gap:3px; }
 .site-admin-menu > summary::before { content:'管理'; font-size:10px; }
 .site-admin-menu > summary span { font-size:12px; }
 .site-account-link { gap:5px; padding-left:5px; font-size:10px; }
 .site-account-link .account-avatar { width:28px; height:28px; }
 .site-account-identity .site-account-link .site-account-name { display:block; max-width:56px; }
 .site-account-identity { gap:4px; }
 .site-account-identity .driver-level-badge { height:10px; min-width:20px; padding:0 3px; font-size:7px; }
 .entry-game-option { padding:12px; gap:8px; flex-wrap:wrap; }
 .entry-game-option .rank-pill { margin-left:24px; }
 .driver-level-badge { padding:0 3px; font-size:8px; }
}