/*
 * 首页英雄区 · 顶部抬头与行动区
 * 在 official-site.css 之后加载；所有选择器限定在 .simsub-official-site .simsub-hero 内。
 */

.simsub-official-site .simsub-hero {
    --hero-accent: var(--simsub-accent, #e8bb6a);
    --hero-accent-hi: #f4d394;
    --hero-ink: #1b1608;
    --hero-text: #f3f0e8;
    --hero-muted: rgba(243, 240, 232, 0.66);
    --hero-faint: rgba(243, 240, 232, 0.42);
    --hero-line: rgba(243, 240, 232, 0.16);
    --hero-line-strong: rgba(243, 240, 232, 0.30);
    --hero-glass: rgba(14, 16, 15, 0.55);
    --hero-panel: #151816;
    --hero-btn-h: 50px;
    --steam: #66c0f4;
}

/* ── 抬头文案：标题 → 金线 → 标语 → 简介 → 标签，节奏均匀 ── */
.simsub-official-site .simsub-hero .simsub-home-hero-copy {
    max-width: 640px;
}
.simsub-official-site .simsub-hero .simsub-home-hero-copy .simsub-hero-title {
    font-size: clamp(2.6rem, 4.8vw, 4rem);
    line-height: 1.04;
    letter-spacing: 0.02em;
    margin: 0 0 1.25rem;
}
.simsub-official-site .simsub-hero .simsub-home-hero-copy .simsub-home-hero-tagline {
    font-size: clamp(1.1rem, 1.7vw, 1.4rem);
    line-height: 1.45;
    margin: 0 0 0.75rem;
}
.simsub-official-site .simsub-hero .simsub-home-hero-copy .simsub-hero-desc {
    font-size: 0.95rem;
    line-height: 1.8;
    max-width: 33em;
    margin: 0 0 1.25rem;
    color: var(--hero-muted);
}
.simsub-official-site .simsub-hero .simsub-home-hero-copy .simsub-home-hero-meta {
    margin: 0 0 1.75rem;
    gap: 8px;
}
.simsub-official-site .simsub-hero .simsub-home-hero-copy .simsub-home-meta-chip {
    font-size: 0.74rem;
    padding: 4px 10px;
    line-height: 1.4;
}

/* ── 行动区容器 ── */
.simsub-official-site .simsub-hero .simsub-hero-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}
.simsub-official-site .simsub-hero .simsub-hero-cta__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
}

/* 主按钮：自有平台购买 */
.simsub-official-site .simsub-hero .simsub-hero-cta__buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: var(--hero-btn-h);
    padding: 0 26px;
    border-radius: 8px;
    background: linear-gradient(180deg, var(--hero-accent-hi), var(--hero-accent));
    color: var(--hero-ink);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 10px 24px -12px rgba(232, 187, 106, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-cta__buy:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 14px 28px -12px rgba(232, 187, 106, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

/* ── 「下载电网大亨游戏」分体按钮：主体直接下载 + 箭头展开菜单 ── */
.simsub-official-site .simsub-hero .simsub-hero-dl {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    height: var(--hero-btn-h);
    border: 1px solid var(--hero-line-strong);
    border-radius: 8px;
    background: var(--hero-glass);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--hero-text);
    scroll-margin-top: 140px;
    transition: border-color .15s ease, box-shadow .3s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-dl:hover,
.simsub-official-site .simsub-hero .simsub-hero-dl.is-open { border-color: rgba(232, 187, 106, 0.6); }
.simsub-official-site .simsub-hero .simsub-hero-dl.is-highlight { animation: simsub-hero-dl-pulse 1.6s ease-out; }
@keyframes simsub-hero-dl-pulse {
    0% { box-shadow: 0 0 0 0 rgba(232, 187, 106, 0.65); }
    100% { box-shadow: 0 0 0 14px rgba(232, 187, 106, 0); }
}
.simsub-official-site .simsub-hero .simsub-hero-dl__main {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px 0 10px;
    border-radius: 7px 0 0 7px;
    color: inherit;
    text-decoration: none;
    transition: background .15s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-dl__main:hover { background: rgba(243, 240, 232, 0.06); }
.simsub-official-site .simsub-hero .simsub-hero-dl__main-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: rgba(232, 187, 106, 0.14);
    color: var(--hero-accent);
}
.simsub-official-site .simsub-hero .simsub-hero-dl__main-text { display: flex; flex-direction: column; gap: 3px; line-height: 1.15; min-width: 0; }
.simsub-official-site .simsub-hero .simsub-hero-dl__main-text strong { font-size: 0.95rem; font-weight: 700; white-space: nowrap; color: inherit; }
.simsub-official-site .simsub-hero .simsub-hero-dl__main-text small { font-size: 0.72rem; color: var(--hero-muted); white-space: nowrap; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; }
.simsub-official-site .simsub-hero .simsub-hero-dl__caret {
    flex: none;
    display: grid;
    place-items: center;
    width: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--hero-line-strong);
    border-radius: 0 7px 7px 0;
    background: none;
    color: var(--hero-muted);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-dl__caret:hover { background: rgba(243, 240, 232, 0.08); color: var(--hero-text); }
.simsub-official-site .simsub-hero .simsub-hero-dl__caret svg { transition: transform .2s ease; }
.simsub-official-site .simsub-hero .simsub-hero-dl.is-open .simsub-hero-dl__caret { color: var(--hero-accent); background: rgba(232, 187, 106, 0.1); }
.simsub-official-site .simsub-hero .simsub-hero-dl.is-open .simsub-hero-dl__caret svg { transform: rotate(180deg); }
/* 菜单在 JS 接管前保持隐藏 */
.simsub-official-site .simsub-hero .simsub-hero-dl > .simsub-hero-dl__menu { display: none; }

/* 已拥有游戏：分体按钮整体为金色主按钮（任何状态下文字都保持深色可读） */
.simsub-official-site .simsub-hero .simsub-hero-dl--primary,
.simsub-official-site .simsub-hero .simsub-hero-dl--primary:hover,
.simsub-official-site .simsub-hero .simsub-hero-dl--primary.is-open {
    border-color: transparent;
    background: linear-gradient(180deg, var(--hero-accent-hi), var(--hero-accent));
    color: var(--hero-ink);
    box-shadow: 0 10px 24px -12px rgba(232, 187, 106, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.simsub-official-site .simsub-hero .simsub-hero-dl--primary .simsub-hero-dl__main-icon { background: rgba(0, 0, 0, 0.1); color: var(--hero-ink); }
.simsub-official-site .simsub-hero .simsub-hero-dl--primary .simsub-hero-dl__main-text small { color: rgba(27, 22, 8, 0.72); }
.simsub-official-site .simsub-hero .simsub-hero-dl--primary .simsub-hero-dl__main:hover { background: rgba(255, 255, 255, 0.16); }
.simsub-official-site .simsub-hero .simsub-hero-dl--primary .simsub-hero-dl__caret { border-left-color: rgba(27, 22, 8, 0.2); color: rgba(27, 22, 8, 0.75); }
.simsub-official-site .simsub-hero .simsub-hero-dl--primary .simsub-hero-dl__caret:hover,
.simsub-official-site .simsub-hero .simsub-hero-dl--primary.is-open .simsub-hero-dl__caret { background: rgba(0, 0, 0, 0.1); color: var(--hero-ink); }

/* ── 浮层菜单（由 JS 挂到 body，脱离首屏的裁剪与层级） ── */
.simsub-hero-dl-portal .simsub-hero-dl__menu {
    --m-accent: #e8bb6a;
    --m-ink: #1b1608;
    --m-text: #f3f0e8;
    --m-muted: rgba(243, 240, 232, 0.66);
    --m-faint: rgba(243, 240, 232, 0.42);
    --m-line: rgba(243, 240, 232, 0.14);
    position: fixed;
    z-index: 100000;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0;
    padding: 8px;
    border: 1px solid var(--m-line);
    border-radius: 10px;
    background: #151816;
    box-shadow: 0 24px 56px -16px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.45);
    color: var(--m-text);
    font-family: inherit;
    text-align: left;
    animation: simsub-hero-dl-in .16s ease-out;
}
.simsub-hero-dl-portal .simsub-hero-dl__menu.is-up { animation-name: simsub-hero-dl-in-up; }
.simsub-hero-dl-portal .simsub-hero-dl__menu[hidden] { display: none; }
.simsub-hero-dl-portal .simsub-hero-dl__menu * { box-sizing: border-box; }
@keyframes simsub-hero-dl-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@keyframes simsub-hero-dl-in-up { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.simsub-hero-dl-portal .simsub-hero-dl__menu-head {
    margin: 0;
    padding: 8px 10px 6px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
    color: var(--m-faint);
}
.simsub-hero-dl-portal .simsub-hero-dl__menu-head ~ .simsub-hero-dl__menu-head { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--m-line); }
.simsub-hero-dl-portal .simsub-hero-dl__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 7px;
    color: var(--m-text);
    text-decoration: none;
    transition: background .12s ease;
}
.simsub-hero-dl-portal a.simsub-hero-dl__item:hover,
.simsub-hero-dl-portal a.simsub-hero-dl__item:focus-visible { background: rgba(243, 240, 232, 0.07); outline: none; color: var(--m-text); }
.simsub-hero-dl-portal .simsub-hero-dl__item.is-current { background: rgba(232, 187, 106, 0.08); box-shadow: inset 2px 0 0 var(--m-accent); }
.simsub-hero-dl-portal .simsub-hero-dl__item-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid var(--m-line);
    background: rgba(243, 240, 232, 0.04);
    color: var(--m-muted);
}
.simsub-hero-dl-portal .simsub-hero-dl__item.is-recommended .simsub-hero-dl__item-icon,
.simsub-hero-dl-portal .simsub-hero-dl__item.is-current .simsub-hero-dl__item-icon {
    border-color: rgba(232, 187, 106, 0.45);
    background: rgba(232, 187, 106, 0.12);
    color: var(--m-accent);
}
.simsub-hero-dl-portal .simsub-hero-dl__item-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.simsub-hero-dl-portal .simsub-hero-dl__item-text strong {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.3;
    color: inherit;
}
.simsub-hero-dl-portal .simsub-hero-dl__badge {
    flex: none;
    font-style: normal;
    font-size: 0.64rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 6px;
    border-radius: 3px;
    background: var(--m-accent);
    color: var(--m-ink);
    white-space: nowrap;
}
.simsub-hero-dl-portal .simsub-hero-dl__badge[hidden] { display: none; }
.simsub-hero-dl-portal .simsub-hero-dl__item-text small { font-size: 0.74rem; line-height: 1.4; color: var(--m-muted); }
.simsub-hero-dl-portal .simsub-hero-dl__item-ext {
    flex: none;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.66rem;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border: 1px solid var(--m-line);
    border-radius: 4px;
    color: var(--m-faint);
}
.simsub-hero-dl-portal .simsub-hero-dl__item.is-disabled { opacity: 0.45; cursor: not-allowed; }
.simsub-hero-dl-portal .simsub-hero-dl__menu-foot {
    display: flex;
    justify-content: space-between;
    margin: 8px 0 0;
    padding: 10px 10px 4px;
    border-top: 1px solid var(--m-line);
    font-size: 0.76rem;
    color: var(--m-muted);
    text-decoration: none;
}
.simsub-hero-dl-portal .simsub-hero-dl__menu-foot:hover,
.simsub-hero-dl-portal .simsub-hero-dl__menu-foot:focus-visible { color: var(--m-accent); outline: none; }

/* 心愿单与主按钮同高 */
.simsub-official-site .simsub-hero .simsub-hero-cta__row .simsub-home-wishlist-cta {
    height: var(--hero-btn-h);
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* ── Steam 入口栏：独立一条，明确可点击 ── */
.simsub-official-site .simsub-hero .simsub-hero-steam {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin: 2px 0 0;
    padding: 7px 7px 7px 14px;
    border: 1px solid rgba(102, 192, 244, 0.22);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(23, 42, 58, 0.62), rgba(23, 42, 58, 0.28));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.simsub-official-site .simsub-hero .simsub-hero-steam__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: #c7d5e0;
    white-space: nowrap;
}
.simsub-official-site .simsub-hero .simsub-hero-steam__label svg { color: var(--steam); }
.simsub-official-site .simsub-hero .simsub-hero-steam__actions { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.simsub-official-site .simsub-hero .simsub-hero-steam__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 13px;
    border-radius: 6px;
    border: 1px solid rgba(102, 192, 244, 0.45);
    background: rgba(102, 192, 244, 0.12);
    color: #e3f2fc;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-steam__btn:hover {
    background: rgba(102, 192, 244, 0.24);
    border-color: var(--steam);
    color: #fff;
}
.simsub-official-site .simsub-hero .simsub-hero-steam__btn--demo {
    background: transparent;
    border-color: rgba(199, 213, 224, 0.28);
    color: #c7d5e0;
}
.simsub-official-site .simsub-hero .simsub-hero-steam__btn span { opacity: 0.7; }

/* ── 辅助文本链接 ── */
.simsub-official-site .simsub-hero .simsub-hero-cta__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 20px;
    font-size: 0.8rem;
    color: var(--hero-faint);
}
.simsub-official-site .simsub-hero .simsub-hero-cta__link {
    color: var(--hero-muted);
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-cta__link:hover { color: var(--hero-accent); }

.simsub-official-site .simsub-hero .simsub-hero-cta__buy:focus-visible,
.simsub-official-site .simsub-hero .simsub-hero-dl__main:focus-visible,
.simsub-official-site .simsub-hero .simsub-hero-dl__caret:focus-visible,
.simsub-official-site .simsub-hero .simsub-hero-steam__btn:focus-visible,
.simsub-official-site .simsub-hero .simsub-hero-cta__link:focus-visible {
    outline: 2px solid var(--hero-accent);
    outline-offset: 2px;
}

.simsub-official-site .simsub-hero .simsub-home-purchase-reward { margin-top: 12px; font-size: 0.8rem; }

/* ── 手机 ── */
@media (max-width: 640px) {
    .simsub-official-site .simsub-hero { --hero-btn-h: 48px; }
    .simsub-official-site .simsub-hero .simsub-hero-cta,
    .simsub-official-site .simsub-hero .simsub-hero-cta__row,
    .simsub-official-site .simsub-hero .simsub-hero-dl,
    .simsub-official-site .simsub-hero .simsub-hero-steam { width: 100%; }
    .simsub-official-site .simsub-hero .simsub-hero-cta__buy { flex: 1 1 100%; }
    .simsub-official-site .simsub-hero .simsub-hero-dl { display: flex; }
    .simsub-official-site .simsub-hero .simsub-hero-dl { height: auto; min-height: var(--hero-btn-h); }
    .simsub-official-site .simsub-hero .simsub-hero-dl__main { flex: 1; min-width: 0; padding-top: 7px; padding-bottom: 7px; }
    .simsub-official-site .simsub-hero .simsub-hero-dl__main-text small { white-space: normal; }
    .simsub-official-site .simsub-hero .simsub-hero-steam { padding: 10px 12px; }
    .simsub-official-site .simsub-hero .simsub-hero-steam__actions,
    .simsub-official-site .simsub-hero .simsub-hero-steam__btn { flex: 1 1 auto; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .simsub-official-site .simsub-hero .simsub-hero-cta__buy:hover { transform: none; }
    .simsub-hero-dl-portal .simsub-hero-dl__menu { animation: none; }
    .simsub-official-site .simsub-hero .simsub-hero-dl.is-highlight { animation: none; }
}

/* 尺寸统一按 border-box 计算 */
.simsub-official-site .simsub-hero .simsub-hero-dl,
.simsub-official-site .simsub-hero .simsub-hero-dl *,
.simsub-official-site .simsub-hero .simsub-hero-steam { box-sizing: border-box; }

/* ── 首屏顶部信息条：95598 投诉榜 + 官网活动 并排一行 ──
 * 整条绝对定位在主视觉图顶部，不占页面高度。
 * 投诉榜占剩余宽度（内容在单行内滚动），活动标签固定宽度贴右；
 * 其它模块可用 .simsub-hero-topbar__item 追加到同一行。 */
.simsub-official-site .simsub-hero .simsub-hero-topbar {
    --topbar-h: 38px;
    --topbar-promo-w: 300px;
    position: absolute;
    z-index: 25;
    top: 12px;
    left: 32px;
    right: 32px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    pointer-events: none;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar > * { pointer-events: auto; }
.simsub-official-site .simsub-hero .simsub-hero-topbar.has-promo { padding-right: calc(var(--topbar-promo-w) + 10px); }

/* 投诉榜：改为行内弹性条目，单行显示 */
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints--overlay {
    position: relative;
    inset: auto;
    top: auto;
    left: auto;
    right: auto;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: none;
    margin: 0;
    transform: none;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    min-height: var(--topbar-h);
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar > strong { flex: none; white-space: nowrap; }
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; }
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-pause,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-toggle { flex: none; white-space: nowrap; }
/* 展开的榜单详情浮在下方，不把整条撑高 */
.simsub-official-site .simsub-hero .simsub-hero-topbar #simsub-complaints-details:not([hidden]) {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: min(60vh, 420px);
    overflow-y: auto;
}

/* 通用追加条目 */
.simsub-official-site .simsub-hero .simsub-hero-topbar__item {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: var(--topbar-h);
    padding: 0 12px;
    border: 1px solid rgba(243, 240, 232, 0.14);
    border-radius: 8px;
    background: rgba(14, 16, 15, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--hero-text);
    font-size: 0.8rem;
    white-space: nowrap;
}

/* 官网活动：贴在同一行最右侧，保持浮层（不占布局高度），与投诉榜同高 */
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home {
    position: absolute;
    inset: auto;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: var(--topbar-promo-w);
    max-width: none;
    margin: 0;
    transform: none;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;
    height: var(--topbar-h);
    min-height: 0;
    margin: 0;
    padding: 0 12px;
    white-space: nowrap;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__summary {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__counter,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__chevron { flex: none; }
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    width: max(100%, 340px);
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .simsub-official-site .simsub-hero .simsub-hero-topbar { --topbar-promo-w: 220px; left: 20px; right: 20px; }
}
@media (max-width: 640px) {
    .simsub-official-site .simsub-hero .simsub-hero-topbar { --topbar-h: 34px; --topbar-promo-w: 128px; top: 8px; left: 12px; right: 12px; gap: 6px; }
    .simsub-official-site .simsub-hero .simsub-hero-topbar.has-promo { padding-right: calc(var(--topbar-promo-w) + 6px); }
    .simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar { gap: 8px; font-size: 0.74rem; }
    .simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar > strong span,
    .simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-pause { display: none; }
    .simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__toggle { padding: 0 8px; gap: 4px; font-size: 0.72rem; }
    .simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__counter { display: none; }
    .simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__panel { width: calc(100vw - 24px); }
}

/* ── 顶部信息条统一外观：投诉榜、官网活动、追加条目使用同一种毛玻璃底 ── */
.simsub-official-site .simsub-hero .simsub-hero-topbar {
    --topbar-glass: rgba(14, 16, 15, 0.62);
    --topbar-glass-solid: rgba(14, 16, 15, 0.9);
    --topbar-border: rgba(243, 240, 232, 0.14);
    --topbar-border-hover: rgba(232, 187, 106, 0.45);
    --topbar-blur: blur(12px) saturate(1.2);
    --topbar-radius: 8px;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__toggle,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-hero-topbar__item {
    border: 1px solid var(--topbar-border);
    border-radius: var(--topbar-radius);
    background: var(--topbar-glass);
    backdrop-filter: var(--topbar-blur);
    -webkit-backdrop-filter: var(--topbar-blur);
    box-shadow: 0 8px 24px -14px rgba(0, 0, 0, 0.7);
    color: #f3f0e8;
    font-size: 0.8rem;
    transition: border-color .15s ease, background .15s ease;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar { padding-left: 12px; padding-right: 6px; }
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__toggle { font-weight: 600; }
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__toggle:hover,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home details[open] > .simsub-promotion-events__toggle,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar:hover {
    border-color: var(--topbar-border-hover);
    background: rgba(14, 16, 15, 0.74);
}
/* 两边的展开面板也用同一底色（更不透明以保证正文可读） */
.simsub-official-site .simsub-hero .simsub-hero-topbar #simsub-complaints-details:not([hidden]),
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__panel {
    border: 1px solid var(--topbar-border);
    border-radius: var(--topbar-radius);
    background: var(--topbar-glass-solid);
    backdrop-filter: var(--topbar-blur);
    -webkit-backdrop-filter: var(--topbar-blur);
    box-shadow: 0 20px 44px -18px rgba(0, 0, 0, 0.8);
    color: #f3f0e8;
    padding: 12px 14px;
}

/* ── 投诉榜只保留一行：去掉外层容器自带的背景 / 边框 / 内边距和下方说明行 ── */
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints--overlay,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints--overlay.is-ready,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints--overlay.has-error {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    outline: 0;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints--overlay::before,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints--overlay::after { display: none; }
/* 状态说明仍保留给读屏软件（aria-live），但不再占一行 */
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-status {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
/* 两个条目与活动标签完全同高、同字号，顶端对齐 */
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-bar,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-promotion-events--home .simsub-promotion-events__toggle {
    box-sizing: border-box;
    height: var(--topbar-h);
    min-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.8rem;
    line-height: 1;
}
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-toggle,
.simsub-official-site .simsub-hero .simsub-hero-topbar .simsub-complaints-pause {
    height: 26px;
    padding: 0 10px;
    line-height: 24px;
    font-size: 0.74rem;
}