/* ══════════════════════════════════════════════════════════════════
   大王杯赛 · 奶油平台主题（CREAM PLATFORM）
   ──────────────────────────────────────────────────────────────────
   设计语言：奶油纸底 + 3px 墨黑粗描边 + 硬投影贴纸感 + 大圆角
             + 微旋转 + 按下去会塌的按钮 + 轻量平台跳跃元素
   ──────────────────────────────────────────────────────────────────
   接入方式：只在 base.html 的 </head> 前引入本文件，
             不改任何模板结构，靠 !important 覆盖内联样式。
   ══════════════════════════════════════════════════════════════════ */

/* ═══════════ 0. 变量：直接改写原 --lol-* 变量 ═══════════
   模板里大量写死 var(--lol-dark) / var(--lol-gold)，
   在这里重定义等于全站一次性换色。 */
:root {
    /* 主题自身 token */
    --cp-paper: #F3ECDD;
    --cp-paper2: #FBF6EA;
    --cp-card: #FFFDF7;
    --cp-ink: #2B2620;
    --cp-ink2: #4A4238;
    --cp-ink3: #7A7060;
    --cp-primary: #C4553B;      /* 砖红 */
    --cp-primary-d: #A5432C;
    --cp-cta: #D9A441;          /* 芥末 */
    --cp-cta-d: #B8872F;
    --cp-olive: #7A8B5E;
    --cp-blue: #6E8CA0;
    --cp-clay: #B08147;
    --cp-danger: #B03A2E;
    --cp-bw: 3px;
    --cp-bw-s: 2.5px;
    --cp-sh: 6px 6px 0 var(--cp-ink);
    --cp-sh-s: 4px 4px 0 var(--cp-ink);
    --cp-r-lg: 26px;
    --cp-r-md: 20px;
    --cp-r-sm: 14px;

    /* —— 映射到原站变量 —— */
    --lol-dark: #F3ECDD;
    --lol-darker: #EFE6D4;
    --lol-card: #FFFDF7;
    --lol-border: #2B2620;
    --lol-gold: #C4553B;
    --lol-gold-bright: #D9A441;
    --lol-text: #4A4238;
    --lol-text-bright: #2B2620;
    --lol-text-dim: #7A7060;
    --lol-red: #B03A2E;
    --lol-blue: #6E8CA0;
}

/* ═══════════ 1. 基础层 ═══════════ */
html { scrollbar-color: var(--cp-primary) var(--cp-paper2); }

body {
    background-color: var(--cp-paper) !important;
    background-image:
        radial-gradient(circle at 12% 8%, rgba(196, 85, 59, .10) 0 130px, transparent 131px),
        radial-gradient(circle at 88% 14%, rgba(110, 140, 160, .12) 0 100px, transparent 101px),
        radial-gradient(circle at 76% 78%, rgba(217, 164, 65, .15) 0 160px, transparent 161px),
        radial-gradient(circle at 22% 90%, rgba(122, 139, 94, .10) 0 120px, transparent 121px) !important;
    background-attachment: fixed !important;
    color: var(--cp-ink) !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif !important;
}

/* 关掉原暗色主题的扫描线与 3D 背景 */
body::before { display: none !important; }
#bgCanvas { display: none !important; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--cp-paper2); border-radius: 99px; }
::-webkit-scrollbar-thumb {
    background: var(--cp-primary); border-radius: 99px;
    border: 2px solid var(--cp-paper2);
}
::-webkit-scrollbar-thumb:hover { background: var(--cp-primary-d); }

::selection { background: var(--cp-cta); color: var(--cp-ink); }

/* ═══════════ 2. 导航栏 ═══════════ */
.lol-navbar, nav.lol-navbar {
    background: rgba(255, 253, 247, .94) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom: var(--cp-bw) solid var(--cp-ink) !important;
    box-shadow: 0 4px 0 rgba(43, 38, 32, .06) !important;
    padding-top: .55rem !important;
    padding-bottom: .55rem !important;
}
/* Logo 做成贴纸牌 */
.lol-navbar .navbar-brand {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.1rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
    background: var(--cp-primary) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: 16px !important;
    padding: .3rem 1.05rem .3rem .8rem !important;
    transform: rotate(-2.5deg) !important;
    box-shadow: var(--cp-sh-s) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    transition: transform .16s, box-shadow .16s !important;
}
.lol-navbar .navbar-brand:hover {
    transform: rotate(-2.5deg) translate(2px, 2px) !important;
    box-shadow: 2px 2px 0 var(--cp-ink) !important;
}
.lol-navbar .nav-link {
    color: var(--cp-ink) !important;
    font-weight: 800 !important;
    font-size: .9rem !important;
    letter-spacing: 0 !important;
    padding: .38rem .85rem !important;
    border-radius: 99px !important;
    border: var(--cp-bw-s) solid transparent !important;
    transition: .16s !important;
}
.lol-navbar .nav-link:hover { background: rgba(196, 85, 59, .12) !important; color: var(--cp-ink) !important; }
.lol-navbar .nav-link.active {
    color: var(--cp-ink) !important;
    background: var(--cp-cta) !important;
    border-color: var(--cp-ink) !important;
}
.lol-navbar .dropdown-toggle::after { color: var(--cp-ink) !important; opacity: .5; }

.dropdown-menu {
    background: var(--cp-card) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-sm) !important;
    box-shadow: var(--cp-sh-s) !important;
    padding: .4rem !important;
}
.dropdown-item { color: var(--cp-ink2) !important; font-weight: 700 !important; border-radius: 10px !important; }
.dropdown-item:hover { background: rgba(196, 85, 59, .12) !important; color: var(--cp-ink) !important; }

/* ═══════════ 3. 按钮：能按下去的贴纸 ═══════════ */
body .btn:not(.btn-close):not(.btn-sm):not(.btn-link),
body button[type="submit"]:not(.btn-sm) {
    background: var(--cp-primary) !important;
    color: #fff !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;
    box-shadow: var(--cp-sh-s) !important;
    padding: .5rem 1.4rem !important;
    text-shadow: none !important;
    transition: transform .16s, box-shadow .16s !important;
}
body .btn:not(.btn-close):not(.btn-sm):not(.btn-link):hover,
body button[type="submit"]:not(.btn-sm):hover {
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0 var(--cp-ink) !important;
    filter: brightness(1.04) !important;
}
body .btn:not(.btn-close):not(.btn-sm):not(.btn-link):active,
body button[type="submit"]:not(.btn-sm):active {
    transform: translate(4px, 4px) !important;
    box-shadow: 0 0 0 var(--cp-ink) !important;
}
body .btn.btn-sm:not(.btn-close):not(.btn-link) {
    background: var(--cp-primary) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    padding: .22rem .85rem !important;
    font-size: .8rem !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
}
body .btn.btn-sm:not(.btn-close):not(.btn-link):hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 1px 1px 0 var(--cp-ink) !important;
}
/* 次要按钮 */
.btn-secondary, .btn-outline-secondary {
    background: var(--cp-card) !important;
    color: var(--cp-ink) !important;
}
[data-bs-dismiss="modal"]:not(.btn-close) {
    background: var(--cp-card) !important;
    color: var(--cp-ink2) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
}
.btn-close { filter: none !important; opacity: .75 !important; }
.btn-close:hover { opacity: 1 !important; }

/* ═══════════ 4. 表单 ═══════════ */
input[type="text"], input[type="number"], input[type="date"],
input[type="datetime-local"], input[type="time"], input[type="password"],
input[type="email"], input[type="file"], input[type="search"],
input[type="tel"], input[type="url"], textarea, select,
.form-control, .form-select {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-sm) !important;
    color: var(--cp-ink) !important;
    font-weight: 600 !important;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .10) !important;
}
input:focus, textarea:focus, select:focus,
.form-control:focus, .form-select:focus {
    outline: none !important;
    border-color: var(--cp-primary) !important;
    box-shadow: 3px 3px 0 var(--cp-primary) !important;
}
input::placeholder, textarea::placeholder { color: rgba(43, 38, 32, .35) !important; }
label, .form-label { color: var(--cp-ink) !important; font-weight: 800 !important; }
.form-check-input {
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    box-shadow: 2px 2px 0 rgba(43, 38, 32, .15) !important;
}
.form-check-input:checked { background-color: var(--cp-primary) !important; border-color: var(--cp-ink) !important; }
.form-switch .form-check-input:checked { background-color: var(--cp-primary) !important; }
option { background: var(--cp-card) !important; color: var(--cp-ink) !important; }

/* ═══════════ 5. 弹窗 ═══════════ */
.modal-content {
    background: var(--cp-card) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-lg) !important;
    box-shadow: 10px 10px 0 rgba(43, 38, 32, .9) !important;
    color: var(--cp-ink) !important;
}
.modal-header, .modal-footer { border-color: rgba(43, 38, 32, .12) !important; }
.modal-title { color: var(--cp-ink) !important; font-weight: 900 !important; letter-spacing: 0 !important; }
.modal-body { color: var(--cp-ink2) !important; }
.modal-backdrop.show { opacity: .35 !important; }

/* ═══════════ 6. 表格 ═══════════ */
table:not(.navbar-table) {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-sm) !important;
    overflow: hidden !important;
    color: var(--cp-ink) !important;
    box-shadow: var(--cp-sh-s) !important;
}
table:not(.navbar-table) thead th {
    background: var(--cp-cta) !important;
    color: var(--cp-ink) !important;
    border-bottom: var(--cp-bw-s) solid var(--cp-ink) !important;
    font-weight: 900 !important;
}
table:not(.navbar-table) td,
table:not(.navbar-table) th {
    border-color: rgba(43, 38, 32, .10) !important;
    color: var(--cp-ink) !important;
}
table:not(.navbar-table) tbody tr:nth-child(even) { background: rgba(217, 164, 65, .08) !important; }
table:not(.navbar-table) tbody tr:hover { background: rgba(196, 85, 59, .08) !important; }

/* ═══════════ 7. 徽章 / 提示 / 进度 ═══════════ */
.badge {
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    padding: .22rem .65rem !important;
    color: var(--cp-ink) !important;
}
.badge.bg-success { background: var(--cp-olive) !important; color: #fff !important; }
.badge.bg-danger { background: var(--cp-danger) !important; color: #fff !important; }
.badge.bg-warning { background: var(--cp-cta) !important; color: var(--cp-ink) !important; }
.badge.bg-primary { background: var(--cp-primary) !important; color: #fff !important; }
.badge.bg-info { background: var(--cp-blue) !important; color: #fff !important; }
.badge.bg-secondary { background: var(--cp-paper2) !important; color: var(--cp-ink2) !important; }

.alert {
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-sm) !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
    font-weight: 700 !important;
    color: var(--cp-ink) !important;
}
.alert-info { background: #DCE7EE !important; }
.alert-success { background: #E2EBD6 !important; }
.alert-warning { background: #FBEFCC !important; }
.alert-danger { background: #F3DAD4 !important; }

.progress {
    background: var(--cp-paper2) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    height: 14px !important;
}
.progress-bar { background: var(--cp-primary) !important; }

/* ═══════════ 8. 通用卡片贴纸化 ═══════════ */
.card,
.stat-card, .team-card, .admin-card, .auction-card, .entry-card,
.home-draft-card, .lineup-card, .login-card, .member-card,
.modal-box, .confirm-box, .elim-team-card, .match-card,
.match-list-item, .match-history-item, .champ-pool-item,
.blind-sort-item, .dice-log-item, .dice-roll-item,
.detail-hero-item, .game-panel, .blind-pool-panel {
    background: var(--cp-card) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-lg) !important;
    box-shadow: var(--cp-sh) !important;
    color: var(--cp-ink) !important;
    transition: transform .18s, box-shadow .18s !important;
}
.card:hover,
.team-card:hover, .stat-card:hover, .admin-card:hover,
.auction-card:hover, .entry-card:hover, .home-draft-card:hover,
.lineup-card:hover, .member-card:hover, .match-card:hover,
.elim-team-card:hover {
    transform: translate(-3px, -3px) !important;
    box-shadow: 9px 9px 0 var(--cp-ink) !important;
}
.card-header, .card-footer {
    background: var(--cp-paper2) !important;
    border-color: var(--cp-ink) !important;
    color: var(--cp-ink) !important;
    font-weight: 900 !important;
}

/* 页面标题 */
.page-title {
    color: var(--cp-ink) !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}
.page-title i { color: var(--cp-primary) !important; }

/* ═══════════ 9. 首页 Hero ═══════════ */
.home-hero::before { display: none !important; }

.home-cup-name {
    color: var(--cp-primary) !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    text-shadow: 4px 4px 0 var(--cp-ink), -2px -2px 0 #fff !important;
}
.home-title {
    color: var(--cp-ink3) !important;
    opacity: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
}
.season-tag {
    background: var(--cp-cta) !important;
    color: var(--cp-ink) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
    transform: rotate(-3deg) !important;
    display: inline-block !important;
}

/* 报名主按钮 */
.btn-register {
    background: var(--cp-cta) !important;
    color: var(--cp-ink) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    box-shadow: 0 7px 0 var(--cp-ink) !important;
    text-shadow: none !important;
    transition: transform .14s ease, box-shadow .14s ease !important;
}
.btn-register::before { display: none !important; }
.btn-register:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 0 var(--cp-ink) !important;
    color: var(--cp-ink) !important;
}
.btn-register:active {
    transform: translateY(4px) !important;
    box-shadow: 0 3px 0 var(--cp-ink) !important;
}

/* 倒计时 */
.hcd-block {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-sm) !important;
    box-shadow: var(--cp-sh-s) !important;
}
.hcd-num { color: var(--cp-primary) !important; font-weight: 900 !important; text-shadow: none !important; }
.hcd-label { color: var(--cp-ink3) !important; font-weight: 900 !important; }
.hero-countdown-sub { color: var(--cp-ink3) !important; font-weight: 700 !important; }

/* 统计卡 */
.stat-value { color: var(--cp-primary) !important; font-weight: 900 !important; text-shadow: none !important; }
.stat-label { color: var(--cp-ink2) !important; font-weight: 900 !important; }

/* SOLO 赛道数字 */
.solo-reg-num {
    color: var(--cp-primary) !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}
.solo-reg-name { color: var(--cp-ink2) !important; font-weight: 900 !important; }
.solo-reg-unit { color: var(--cp-ink3) !important; }
.pos-bar-title { color: var(--cp-ink) !important; font-weight: 900 !important; }

/* 选手滚动条 */
.reg-scroll-chip {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    color: var(--cp-ink) !important;
    font-weight: 800 !important;
    box-shadow: 2px 2px 0 rgba(43, 38, 32, .8) !important;
}

/* 赞助商 */
.sponsor-card, .sponsor-home-card {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-md) !important;
    box-shadow: var(--cp-sh-s) !important;
    color: var(--cp-ink) !important;
}
.sponsors-title { color: var(--cp-ink) !important; font-weight: 900 !important; }

/* ═══════════ 10. 浅底对比度修正：把残留的浅色文字压深 ═══════════ */
.text-white, .text-light { color: var(--cp-ink) !important; }
.text-muted { color: var(--cp-ink3) !important; }
[style*="color:#e8c86a"], [style*="color: #e8c86a"] { color: var(--cp-primary) !important; }
[style*="color:#ffd700"], [style*="color: #ffd700"] { color: var(--cp-cta-d) !important; }

/* ═══════════ 11. 平台跳跃装饰层（通用元素，不含任何具体 IP 形象） ═══════════ */

/* 背景云与山丘 */
.cp-sky { position: fixed; inset: 0; pointer-events: none; z-index: -1; overflow: hidden; }

.cp-cloud {
    position: absolute; background: #fff; border-radius: 60px;
    opacity: .5; box-shadow: 0 4px 0 rgba(43, 38, 32, .05);
}
.cp-cloud::before, .cp-cloud::after {
    content: ""; position: absolute; background: #fff; border-radius: 50%;
}
.cp-cloud::before { width: 58%; height: 150%; left: 10%; bottom: 26%; }
.cp-cloud::after { width: 44%; height: 118%; right: 12%; bottom: 32%; }
.cp-cloud.c1 { width: 150px; height: 44px; left: 5%; top: 120px; }
.cp-cloud.c2 { width: 110px; height: 34px; right: 9%; top: 210px; opacity: .4; }
.cp-cloud.c3 { width: 126px; height: 38px; left: 62%; top: 88px; opacity: .35; }

.cp-hill {
    position: absolute; bottom: -70px; border-radius: 50%;
    opacity: .09; background: var(--cp-olive);
}
.cp-hill.h1 { width: 520px; height: 260px; left: -70px; }
.cp-hill.h2 { width: 400px; height: 200px; right: -40px; background: var(--cp-blue); }

/* 底部砖地 */
.cp-ground {
    position: fixed; left: 0; right: 0; bottom: 0; height: 20px;
    z-index: -1; pointer-events: none;
    background-color: var(--cp-primary);
    background-image:
        linear-gradient(90deg, var(--cp-ink) 2px, transparent 2px),
        linear-gradient(var(--cp-ink) 2px, transparent 2px);
    background-size: 44px 20px;
    border-top: var(--cp-bw) solid var(--cp-ink);
    opacity: .95;
}

/* 标题上方的悬浮平台招牌 */
.cp-sign-row { text-align: center; margin-bottom: 22px; }
/* 招牌与平台包在一个盒子里，平台宽度跟着招牌走，避免出现"平台托不住招牌" */
.cp-sign-box {
    display: inline-flex; flex-direction: column; align-items: center;
}
.cp-sign {
    position: relative; z-index: 2; display: inline-block;
    background: var(--cp-cta); color: var(--cp-ink);
    font-weight: 900; font-size: .72rem; letter-spacing: 2px;
    padding: 6px 18px; border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 99px; transform: rotate(-3deg);
    box-shadow: 3px 3px 0 var(--cp-ink);
}
.cp-sign-platform {
    position: relative; height: 15px;
    width: calc(100% + 26px); margin: -5px 0 0 -13px;
    background: var(--cp-clay); border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 6px; box-shadow: 3px 3px 0 rgba(43, 38, 32, .55);
}
.cp-sign-platform::before {
    content: ""; position: absolute; left: 5px; right: 5px; top: 3px;
    height: 3px; background: rgba(255, 255, 255, .45); border-radius: 2px;
}

/* 报名按钮下方的三级砖台阶：只在报名阶段（存在 .btn-register）出现 */
.cp-stair { display: none; width: 200px; margin: 10px auto 0; }
.home-hero:has(.btn-register) #stageDynamic + .cp-stair { display: block; }

.cp-stair .lv {
    position: relative; margin: 0 auto; height: 12px;
    background: var(--cp-primary-d);
    border: var(--cp-bw-s) solid var(--cp-ink); border-top: none;
    box-sizing: content-box;
}
.cp-stair .lv.l1 {
    width: 200px; background: var(--cp-primary);
    border-top: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 5px 5px 0 0;
}
.cp-stair .lv.l2 { width: 148px; }
.cp-stair .lv.l3 {
    width: 96px; background: var(--cp-primary);
    border-radius: 0 0 5px 5px; border-bottom: var(--cp-bw-s) solid var(--cp-ink);
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .45);
}
.cp-stair .lv::after {
    content: ""; position: absolute; left: 0; right: 0; top: 0;
    height: 3px; background: rgba(255, 255, 255, .22);
}

/* ═══════════ 12. 首页尺寸与层级精修 ═══════════ */

/* 大标题：字号收敛一点，字距不要拉太开（中文会被拽散） */
.home-cup-name {
    font-size: 3.2rem !important;
    letter-spacing: 2px !important;
}

/* SOLO 徽章：原来是被内联样式写成无底色的描边字，这里做成黄色贴纸 */
.cp-solo-tag {
    display: inline-block !important;
    font-size: .22em !important;
    letter-spacing: 3px !important;
    font-weight: 900 !important;
    vertical-align: middle !important;
    margin-left: 12px !important;
    padding: 3px 11px !important;
    color: #fff !important;
    background: var(--cp-primary) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    text-shadow: none !important;
    transform: rotate(-4deg) !important;
}

/* 赛季标签：原来继承标题的 3.2rem，浅色底上会变成巨型药丸 */
.home-cup-name .season-tag,
.season-tag {
    font-size: 1.05rem !important;
    letter-spacing: 1px !important;
    padding: .12rem .7rem !important;
    vertical-align: middle !important;
    margin-left: 10px !important;
    line-height: 1.4 !important;
}

/* 统计卡：原来 overflow:hidden + 窄内边距会把两位数裁掉 */
.stat-card {
    min-width: 150px !important;
    padding: 1rem 1.5rem !important;
    overflow: visible !important;
}
.stat-card::before { display: none !important; }
.stat-card .stat-value {
    font-size: 2.3rem !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

/* 倒计时区标题与提示 */
.hero-countdown-title {
    color: var(--cp-primary) !important;
    font-weight: 900 !important;
    letter-spacing: 6px !important;
    text-shadow: none !important;
}
.hcd-colon { color: var(--cp-ink3) !important; }

/* 报名情况：赛道数字间距收紧 */
.solo-reg-counts { gap: 2rem !important; }
.solo-reg-num { font-size: 1.9rem !important; letter-spacing: 0 !important; }

/* 选手滚动条：文字与位置标签配色 */
.reg-scroll-chip .pos-tag {
    background: var(--cp-primary) !important;
    color: #fff !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
}
.reg-scroll-chip .pos-tag.pos-mid,
.reg-scroll-chip .pos-tag.mid {
    background: var(--cp-blue) !important;
}

/* 空状态 / 提示文字 */
.empty-state, .empty-state p { color: var(--cp-ink3) !important; }

/* ═══════════ 13. 各页面残留的硬编码深色块 ═══════════ */

/* 选手数据中心的搜索条 / 筛选条（原来写死深色渐变） */
.search-bar {
    background: var(--cp-card) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-lg) !important;
    box-shadow: var(--cp-sh) !important;
}
.search-bar::before { display: none !important; }

.search-input, .search-select {
    background: #fff !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-sm) !important;
    color: var(--cp-ink) !important;
    font-weight: 700 !important;
}
.search-input:focus, .search-select:focus {
    border-color: var(--cp-primary) !important;
    box-shadow: 3px 3px 0 var(--cp-primary) !important;
    outline: none !important;
}
.search-input::placeholder { color: rgba(43, 38, 32, .35) !important; }

/* 页面标题右侧的延长线：改成淡虚线，别抢视线 */
.page-title::after {
    height: 2px !important;
    background: repeating-linear-gradient(90deg, rgba(43, 38, 32, .22) 0 12px, transparent 12px 20px) !important;
}

/* 登录页三个按钮：原来是深金渐变，统一成药丸贴纸 */
body .btn.btn-player-login, body .btn.btn-admin-login, body .btn.btn-referee-login {
    background: var(--cp-cta) !important;
    background-image: none !important;
    color: var(--cp-ink) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    box-shadow: 4px 4px 0 var(--cp-ink) !important;
    text-shadow: none !important;
}
body .btn.btn-player-login:hover, body .btn.btn-admin-login:hover, body .btn.btn-referee-login:hover {
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0 var(--cp-ink) !important;
    filter: none !important;
}


/* ═══════════ 14. 首页收尾 ═══════════ */

/* 标题旁的赛季标签与 SOLO 徽章重复（上方悬浮招牌已经写了），这里只留徽章 */
.home-cup-name .season-tag { display: none !important; }

/* 选手滚动条：字号提一点，别缩成小字 */
.reg-scroll-chip {
    font-size: .86rem !important;
    padding: .45rem .85rem !important;
    border-radius: 99px !important;
    box-shadow: 2px 2px 0 rgba(43, 38, 32, .85) !important;
}

/* 报名情况小标题与单位 */
.pos-bar-title { font-size: .82rem !important; letter-spacing: 1px !important; }
.solo-reg-item { gap: .4rem !important; }
.solo-reg-name { font-size: .84rem !important; }


/* ═══════════ 14. 首页收尾 ═══════════ */

/* 标题旁的赛季标签与 SOLO 徽章重复（上方悬浮招牌已经写了），这里只留徽章 */
.home-cup-name .season-tag { display: none !important; }

/* 选手滚动条：字号提一点，别缩成小字 */
.reg-scroll-chip {
    font-size: .86rem !important;
    padding: .45rem .85rem !important;
    border-radius: 99px !important;
    box-shadow: 2px 2px 0 rgba(43, 38, 32, .85) !important;
}

/* 报名情况小标题与单位 */
.pos-bar-title { font-size: .82rem !important; letter-spacing: 1px !important; }
.solo-reg-item { gap: .4rem !important; }
.solo-reg-name { font-size: .84rem !important; }

/* ═══════════ 15. 批量清扫：模板里写死的深色容器 ═══════════
   这些类在各个模板的 <style> 里都写死了 #0d1526 / #111827 等深色，
   无法靠变量映射覆盖，这里统一拉回浅底 + 墨黑描边。 */
.rules-card, .filter-bar, .leaderboard-wrap, .standings-card,
.match-card, .match-row, .match-list-item, .match-overview,
.modal-box, .entry-card, .lineup-card, .auction-card,
.game-summary-bar, .compare-row-main, .team-table-wrap,
.admin-card, .admin-season-sidebar, .ht-tooltip,
.dice-pick-right, .elim-col-label {
    background: var(--cp-card) !important;
    background-image: none !important;
    color: var(--cp-ink) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-md) !important;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .85) !important;
}

/* 表格单元格与表头在深色容器里写死的配色 */
.leaderboard-wrap tbody td, .standings-table td,
.admin-card table td, .admin-card tbody td {
    background: transparent !important;
    color: var(--cp-ink) !important;
    border-color: rgba(43, 38, 32, .10) !important;
}
.standings-table tr:hover td,
.leaderboard-wrap tbody tr:hover td {
    background: rgba(196, 85, 59, .08) !important;
}

/* 头像占位：深底圆改成浅底 */
.member-avatar {
    background: var(--cp-paper2) !important;
    background-image: none !important;
    color: var(--cp-ink2) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
}

/* 各类自定义按钮统一成药丸贴纸 */
.btn-gold, .btn-as-primary, .btn-confirm, .btn-roll-dice,
.btn-submit-all, .tb-header .btn-add, .btn-lol-gold {
    background: var(--cp-primary) !important;
    background-image: none !important;
    color: #fff !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
    text-shadow: none !important;
}
.btn-gold:hover, .btn-as-primary:hover, .btn-confirm:hover,
.btn-roll-dice:hover, .btn-submit-all:hover, .btn-lol-gold:hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 1px 1px 0 var(--cp-ink) !important;
    filter: none !important;
}

/* 选人页的激活 Tab */
.draft-tab.active {
    background: var(--cp-cta) !important;
    background-image: none !important;
    color: var(--cp-ink) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
}

/* 导航右侧两个登录按钮：原来靠金色描边，浅底上会变成红底红字 */
.nav-auth-btn {
    background: var(--cp-card) !important;
    background-image: none !important;
    color: var(--cp-ink) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
    text-shadow: none !important;
}
.nav-auth-btn:hover { background: var(--cp-paper2) !important; }

/* ═══════════ 16. 赛制提示条（solo 赛季在 5v5 页面顶部那条） ═══════════ */
.solo-na-banner {
    background: var(--cp-paper2) !important;
    background-image: none !important;
    border: var(--cp-bw-s) dashed var(--cp-ink) !important;
    border-radius: var(--cp-r-md) !important;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .18) !important;
}
.solo-na-banner, .solo-na-banner div, .solo-na-banner span,
.solo-na-banner strong, .solo-na-banner i {
    color: var(--cp-ink) !important;
}
.solo-na-banner strong { color: var(--cp-primary) !important; }
.solo-na-banner a { color: var(--cp-primary) !important; font-weight: 900 !important; }

/* ═══════════ 16. 赛制提示条（solo 赛季在 5v5 页面顶部那条） ═══════════ */
.solo-na-banner {
    background: var(--cp-paper2) !important;
    background-image: none !important;
    border: var(--cp-bw-s) dashed var(--cp-ink) !important;
    border-radius: var(--cp-r-md) !important;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .18) !important;
}
.solo-na-banner, .solo-na-banner div, .solo-na-banner span,
.solo-na-banner strong, .solo-na-banner i {
    color: var(--cp-ink) !important;
}
.solo-na-banner strong { color: var(--cp-primary) !important; }
.solo-na-banner a { color: var(--cp-primary) !important; font-weight: 900 !important; }

/* ═══════════ 17. 互动层：金币 / 砖块 / 浮空平台 ═══════════ */

/* 金币计数器 */
.cp-coin-hud {
    position: fixed; right: 20px; bottom: 30px; z-index: 60;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 7px 14px 7px 9px;
    background: var(--cp-card);
    border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 99px;
    box-shadow: 3px 3px 0 var(--cp-ink);
    font-weight: 900; font-size: .82rem; color: var(--cp-ink);
    user-select: none; cursor: default;
    transition: transform .16s ease;
}
.cp-coin-hud.bump { transform: scale(1.12) rotate(-3deg); }

/* 金币本体（计数器、平台、弹出都用它） */
.cp-coin-ico, .cp-fx-coin, .cp-coin-pop {
    width: 18px; height: 18px; border-radius: 50%;
    background: radial-gradient(circle at 34% 30%, #FFE7A3, var(--cp-cta) 55%, var(--cp-cta-d));
    border: var(--bw-c, 2.5px) solid var(--cp-ink);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .55);
}
.cp-coin-ico { display: inline-block; flex: none; }

/* 装饰层：本身不吃点击，子元素才吃 */
.cp-fx-layer { position: fixed; inset: 0; z-index: 40; pointer-events: none; }

/* 浮空平台 */
.cp-fx-plat {
    position: absolute; height: 16px;
    background: var(--cp-clay);
    border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 7px;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .5);
    animation: cpFloat 5.5s ease-in-out infinite;
}
.cp-fx-plat::before {
    content: ""; position: absolute; left: 6px; right: 6px; top: 3px; height: 3px;
    background: rgba(255, 255, 255, .45); border-radius: 2px;
}
.cp-fx-coin {
    position: absolute; bottom: 22px;
    pointer-events: auto; cursor: pointer; padding: 0;
    transition: transform .12s ease;
    animation: cpBob 2.2s ease-in-out infinite;
}
.cp-fx-coin:nth-child(2) { animation-delay: .35s; }
.cp-fx-coin:nth-child(3) { animation-delay: .7s; }
.cp-fx-coin:hover { transform: scale(1.25); }
.cp-fx-coin.taken { pointer-events: none; animation: cpCoinUp .55s ease forwards; }

/* 砖块：点了会顶一下并冒出金币 */
.cp-brick {
    position: absolute; width: 36px; height: 36px; padding: 0;
    background-color: var(--cp-primary);
    background-image:
        linear-gradient(90deg, var(--cp-ink) 2px, transparent 2px),
        linear-gradient(var(--cp-ink) 2px, transparent 2px);
    background-size: 18px 18px;
    border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 4px;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .55);
    pointer-events: auto; cursor: pointer;
    transition: filter .15s ease;
}
.cp-brick:hover { filter: brightness(1.08); }
.cp-brick.bump { animation: cpBump .32s ease; }

/* 点击背景冒出的金币 */
.cp-coin-pop {
    position: fixed; z-index: 55; pointer-events: none;
    animation: cpCoinPop .72s cubic-bezier(.2, .8, .3, 1) forwards;
}

@keyframes cpBob {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}
@keyframes cpFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-7px); }
}
@keyframes cpCoinUp {
    0%   { transform: translateY(0) scale(1); opacity: 1; }
    60%  { transform: translateY(-26px) scale(1.25); opacity: 1; }
    100% { transform: translateY(-46px) scale(.6); opacity: 0; }
}
@keyframes cpCoinPop {
    0%   { transform: translateY(0) scale(.6); opacity: 0; }
    25%  { transform: translateY(-18px) scale(1.1); opacity: 1; }
    100% { transform: translateY(-78px) scale(.75); opacity: 0; }
}
@keyframes cpBump {
    0%   { transform: translateY(0); }
    40%  { transform: translateY(-7px); }
    100% { transform: translateY(0); }
}

/* 窄屏收起装饰，避免压住内容 */
@media (max-width: 1100px) {
    .cp-fx-plat { display: none; }
}
@media (max-width: 720px) {
    .cp-coin-hud { right: 12px; bottom: 76px; font-size: .74rem; padding: 5px 11px 5px 7px; }
    .cp-brick { width: 28px; height: 28px; background-size: 14px 14px; }
}

/* ═══════════ 18. 选人阶段大字（原本是暗金色，浅底上几乎看不见） ═══════════ */
.draft-hero-title {
    color: var(--cp-primary) !important;
    text-shadow: 3px 3px 0 var(--cp-ink) !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
}

/* ═══════════ 19. 首页选手池卡片（原为深底浅字，浅底上整片发白） ═══════════ */
.home-draft-nickname {
    color: var(--cp-ink) !important;
    font-weight: 900 !important;
}
.home-draft-gameid { color: var(--cp-ink3) !important; }
.home-draft-avatar { color: var(--cp-ink3) !important; background: var(--cp-paper2) !important; }
.home-draft-price { color: var(--cp-primary) !important; font-weight: 900 !important; }
.home-draft-title {
    background: var(--cp-paper2) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    color: var(--cp-ink) !important;
    border-radius: 99px !important;
}
.draft-filter-bar select, .draft-filter-bar input,
.draft-filter-bar .form-control, .draft-filter-bar .form-select {
    background: #fff !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    color: var(--cp-ink) !important;
    font-weight: 700 !important;
}
.draft-filter-bar input::placeholder { color: rgba(43, 38, 32, .4) !important; }


/* ═══════════ 20. 小按钮补强 ═══════════
   base.html 有 `button[type="submit"]:not(.btn-player-login):not(.btn-admin-login)`
   特异度 (0,3,1)，会压过 (0,3,0) 的 .btn-sm 规则 —— 导致「筛选」这类
   type=submit 的小按钮仍然是旧的深金渐变。这里统一提到 (0,4,1)。 */
body .btn.btn-sm:not(.btn-close):not(.btn-link) {
    background: var(--cp-primary) !important;
    background-image: none !important;
    color: #fff !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
    text-shadow: none !important;
}

/* ═══════════ 21. 新增交互层：磁吸 / 盖章 / 数字滚动 / 名额条 / 成就 / 音效 ═══════════ */

/* --- 磁吸：用独立的 translate 属性，避免和 hover 的 transform 打架 --- */
.cp-magnetic { translate: 0 0; transition: translate .18s cubic-bezier(.2,.8,.3,1); will-change: translate; }

/* --- 盖章 --- */
.cp-stamp {
    position: absolute; left: 50%; top: 34%; z-index: 65;
    transform: translate(-50%, -50%) scale(2.4) rotate(-18deg);
    font-size: 1.5rem; font-weight: 900; letter-spacing: 5px; color: var(--cp-primary);
    padding: 8px 20px; border: 5px solid var(--cp-primary); border-radius: 12px;
    background: rgba(255, 253, 247, .93);
    box-shadow: 0 0 0 3px rgba(196, 85, 59, .16);
    opacity: 0; pointer-events: none; white-space: nowrap;
}
.cp-stamp.play { animation: cpStampIn .56s cubic-bezier(.2, .9, .3, 1.35) forwards; }
@keyframes cpStampIn {
    0%   { opacity: 0; transform: translate(-50%, -50%) scale(2.4) rotate(-18deg); }
    55%  { opacity: 1; transform: translate(-50%, -50%) scale(.92) rotate(-6deg); }
    72%  { transform: translate(-50%, -50%) scale(1.04) rotate(-6deg); }
    100% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(-6deg); }
}
.cp-shake { animation: cpShake .34s ease; }
@keyframes cpShake {
    0%, 100% { transform: translate(0, 0); }
    25% { transform: translate(-3px, 2px); }
    50% { transform: translate(3px, -2px); }
    75% { transform: translate(-2px, -1px); }
}

/* --- 名额进度条 --- */
.cp-cap { margin-top: 14px; }
.cp-cap .lbl { display: flex; justify-content: space-between; font-size: .7rem; font-weight: 900;
    letter-spacing: 1px; color: var(--cp-ink3); margin-bottom: 6px; }
.cp-cap .bar { height: 14px; background: var(--cp-paper2); border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 99px; overflow: hidden; }
.cp-cap .bar i { display: block; height: 100%; width: 0;
    background: linear-gradient(90deg, var(--cp-cta), var(--cp-primary));
    transition: width .85s cubic-bezier(.2, .8, .3, 1); }
.cp-cap.full .bar i { background: var(--cp-primary); }

/* --- 成就 toast --- */
.cp-toast {
    position: fixed; right: 20px; top: 78px; z-index: 80;
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px 10px 12px; max-width: 260px;
    background: var(--cp-card); border: var(--cp-bw-s) solid var(--cp-ink);
    border-radius: 16px; box-shadow: var(--cp-sh-s);
    transform: translateX(130%); transition: transform .38s cubic-bezier(.2, .9, .3, 1.25);
}
.cp-toast.show { transform: none; }
.cp-toast .ico { width: 26px; height: 26px; flex: none; border-radius: 50%;
    background: var(--cp-cta); border: 2.5px solid var(--cp-ink);
    display: flex; align-items: center; justify-content: center;
    font-size: .72rem; font-weight: 900; color: var(--cp-ink); }
.cp-toast .txt b { display: block; font-size: .74rem; font-weight: 900; letter-spacing: .5px; }
.cp-toast .txt span { display: block; font-size: .68rem; font-weight: 700; color: var(--cp-ink3); margin-top: 1px; }

/* --- 音效开关 --- */
.cp-sfx {
    position: fixed; right: 20px; bottom: 74px; z-index: 60;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 11px; background: var(--cp-card);
    border: 2.5px solid var(--cp-ink); border-radius: 99px;
    box-shadow: 2px 2px 0 var(--cp-ink);
    font-size: .68rem; font-weight: 900; color: var(--cp-ink3);
    cursor: pointer; user-select: none;
}
.cp-sfx.on { color: var(--cp-ink); }
.cp-sfx .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cp-line, #C9C2B2);
    border: 2px solid var(--cp-ink); }
.cp-sfx.on .dot { background: var(--cp-olive); }

/* --- 成就不爆炸面板（点金币计数器展开） --- */
.cp-badges {
    position: fixed; right: 20px; bottom: 112px; z-index: 70; width: 218px;
    padding: 12px 14px; background: var(--cp-card);
    border: var(--cp-bw-s) solid var(--cp-ink); border-radius: 16px;
    box-shadow: var(--cp-sh-s);
    opacity: 0; transform: translateY(6px) scale(.96); pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}
.cp-badges.show { opacity: 1; transform: none; pointer-events: auto; }
.cp-badges h6 { font-size: .68rem; font-weight: 900; letter-spacing: 2px; color: var(--cp-ink3); margin-bottom: 9px; }
.cp-badges .row { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: .72rem; font-weight: 800; }
.cp-badges .medal { width: 20px; height: 20px; flex: none; border-radius: 50%;
    border: 2.5px solid var(--cp-ink); background: var(--cp-paper2); }
.cp-badges .row.got .medal { background: var(--cp-cta); }
.cp-badges .row:not(.got) { color: var(--cp-ink3); opacity: .55; }

/* 移动端位置收敛 */
@media (max-width: 720px) {
    .cp-sfx { bottom: 118px; }
    .cp-badges { bottom: 156px; }
    .cp-toast { top: 70px; right: 12px; left: 12px; max-width: none; }
}

/* 名额条与赛道数字同一行下方换行，不撑坏原有行内布局 */
.solo-reg-counts .solo-reg-item { flex-wrap: wrap; justify-content: center; }
.solo-reg-counts .cp-cap { flex: 0 0 100%; width: 100%; margin-top: 9px; }

/* ═══════════ 22. 首页 solo 对阵区（写死金色 / 浅蓝灰的一整套） ═══════════
   这些类在 index.html 的 <style> 里写死了 #e8c86a、#b9c0d4 等深色主题用的浅色，
   在奶油底上几乎看不见，逐个拉回墨黑 + 砖红。 */

/* 标题：原本是金色渐变文字（background-clip:text），浅底上完全消失 */
.solo-head-title {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: var(--cp-primary) !important;
    text-shadow: 2px 2px 0 var(--cp-ink) !important;
    font-weight: 900 !important;
}
.solo-head-sub { color: var(--cp-ink3) !important; font-weight: 700 !important; }

/* 赛道切换 */
.solo-tab {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 99px !important;
    color: var(--cp-ink) !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0 var(--cp-ink) !important;
    transition: transform .14s ease, box-shadow .14s ease !important;
}
.solo-tab:hover {
    background: var(--cp-paper2) !important;
    border-color: var(--cp-ink) !important;
    color: var(--cp-ink) !important;
    box-shadow: 4px 4px 0 var(--cp-ink) !important;
}
.solo-tab.active {
    background: var(--cp-cta) !important;
    border-color: var(--cp-ink) !important;
    color: var(--cp-ink) !important;
    box-shadow: 4px 4px 0 var(--cp-ink) !important;
}
.solo-tab .tab-champ { color: var(--cp-ink2) !important; opacity: 1 !important; }

/* 轮次标题 */
.solo-round-head {
    color: var(--cp-ink) !important;
    font-weight: 900 !important;
    border-bottom: 2px dashed rgba(43, 38, 32, .28) !important;
}
.solo-round-head span { color: var(--cp-ink3) !important; font-weight: 800 !important; }

/* 对阵卡片 */
.solo-match {
    background: var(--cp-card) !important;
    border: var(--cp-bw-s) solid var(--cp-ink) !important;
    border-radius: 12px !important;
    box-shadow: 3px 3px 0 rgba(43, 38, 32, .85) !important;
}
.solo-match.done { border-color: var(--cp-ink) !important; }
.solo-player {
    color: var(--cp-ink) !important;
    font-weight: 700 !important;
}
.solo-player + .solo-player { border-top: 1px solid rgba(43, 38, 32, .14) !important; }
/* 胜者：原来 #ffe9a8 淡黄，浅底上等于隐形 */
.solo-player.win {
    color: var(--cp-primary) !important;
    font-weight: 900 !important;
    background: linear-gradient(90deg, rgba(196, 85, 59, .12), transparent) !important;
}
.solo-player em { color: var(--cp-ink3) !important; }
.solo-player b { color: var(--cp-primary) !important; font-weight: 900 !important; }
.solo-player.win b { color: var(--cp-primary) !important; }

/* 冠军展示 */
.solo-champion-box {
    background: var(--cp-card) !important;
    border: var(--cp-bw) solid var(--cp-ink) !important;
    border-radius: var(--cp-r-md) !important;
    box-shadow: var(--cp-sh-s) !important;
}
.solo-champ-label { color: var(--cp-ink2) !important; }
.solo-champ-name {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: var(--cp-primary) !important;
    text-shadow: 2px 2px 0 var(--cp-ink) !important;
}
.solo-champ-sub { color: var(--cp-ink3) !important; }