/* SuperBomb 主页：一路穿行 · 吃鸡。冬季主题：雪白与冰蓝为底，深蓝文字。
   这个文件在 <head> 里加载，靠 html body[data-m26] 的权重盖过页面内联的旧样式。 */

@font-face { font-family: "SB CN"; src: url("fonts/sb-display-cn.woff2") format("woff2"); font-weight: 900; font-display: swap; }
@font-face { font-family: "SB Latin"; src: url("fonts/sb-display-latin.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "SB Mono"; src: url("fonts/sb-mono.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
    --m-ink: #eef6fc;
    --m-ink-2: #ffffff;
    --m-ink-3: #dcebf7;
    --m-bone: #12395c;
    --m-dim: rgba(18, 57, 92, .78);
    --m-faint: rgba(18, 57, 92, .55);
    --m-line: rgba(18, 57, 92, .15);
    --m-signal: #126fc2;
    --m-signal-2: #0e66b0;
    --m-display: "SB Latin", "SB CN", "PingFang SC", "Microsoft YaHei", sans-serif;
    --m-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
    --m-mono: "SB Mono", ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", "Microsoft YaHei", monospace;
    --m-ease: cubic-bezier(.2, .7, .2, 1);
}

html body[data-m26] {
    background: var(--m-ink) !important;
    color: var(--m-bone);
    font-family: var(--m-body);
    overflow-x: hidden;
}

html body[data-m26]::before,
html body[data-m26] .decorative-elements,
html body[data-m26] .section-divider,
html body[data-m26] .wave-separator,
html body[data-m26] .glow-effect,
html body[data-m26] .scroll-indicator { display: none !important; }

.m-sr {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ---------- 顶栏 ---------- */
html body[data-m26] #header,
html body[data-m26] #header.scrolled {
    background: rgba(238, 246, 252, .72) !important;
    border-bottom: 1px solid var(--m-line) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
html body[data-m26] #header .container { max-width: none !important; width: auto !important; padding-inline: clamp(16px, 3vw, 44px) !important; }
html body[data-m26] #header .logo-text {
    color: var(--m-bone) !important;
    -webkit-text-fill-color: var(--m-bone) !important;
    background: none !important;
    font-family: var(--m-display);
    font-weight: 800;
    letter-spacing: 0;
}
html body[data-m26] #header .logo-subtext { color: var(--m-signal-2) !important; -webkit-text-fill-color: var(--m-signal-2) !important; }
html body[data-m26] #header .nav-links a {
    color: var(--m-dim) !important;
    -webkit-text-fill-color: var(--m-dim) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
html body[data-m26] #header .nav-links a:hover,
html body[data-m26] #header .nav-links a:focus-visible {
    color: var(--m-bone) !important;
    -webkit-text-fill-color: var(--m-bone) !important;
}
html body[data-m26] #header .header-explore-link {
    color: var(--m-dim) !important;
    background: transparent !important;
    border: 1px solid var(--m-line) !important;
    box-shadow: none !important;
}
html body[data-m26] #header .header-explore-link:hover { color: var(--m-bone) !important; border-color: var(--m-faint) !important; }
html body[data-m26] #notification-icon { border-left-color: var(--m-line) !important; }
html body[data-m26] #notification-icon .envelope-svg { background: transparent !important; fill: var(--m-signal-2) !important; }
html body[data-m26] #notification-icon .notification-label { color: var(--m-dim) !important; }
html body[data-m26] #menu-toggle { color: var(--m-bone) !important; background: transparent !important; border-color: var(--m-line) !important; }

/* ---------- 首屏 ---------- */
html body[data-m26] #download.m-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100svh;
    min-height: 640px;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--m-ink) !important;
    overflow: hidden;
}
.m-panels { position: relative; flex: 1 1 auto; min-height: 0; display: flex; }
.m-panel {
    position: relative;
    flex: 1 1 50%;
    min-width: 0;
    overflow: hidden;
    color: var(--m-bone) !important;
    text-decoration: none !important;
    transition: flex-grow .7s var(--m-ease);
}
.m-panel-br {
    margin-left: -96px;
    -webkit-clip-path: polygon(96px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(96px 0, 100% 0, 100% 100%, 0 100%);
}
.m-panels:hover .m-panel { flex-grow: .78; }
.m-panels .m-panel:hover { flex-grow: 1.22; }
.m-panel-art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    filter: saturate(.92) brightness(.82);
    transform: scale(1.03);
    transition: filter .7s var(--m-ease), transform 1.4s var(--m-ease);
    animation: mDrift 16s ease-in-out infinite alternate;
}
.m-panel-pass .m-panel-art { object-position: 8% 60%; }
.m-panel-br .m-panel-art { object-position: 70% 50%; animation-delay: -6s; }
.m-panel:hover .m-panel-art { filter: saturate(1.05) brightness(1); }
@keyframes mDrift { from { transform: scale(1.03) translate3d(-.6%, .4%, 0); } to { transform: scale(1.09) translate3d(.8%, -.6%, 0); } }
.m-panel-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(0deg, rgba(238, 246, 252, .94) 0%, rgba(238, 246, 252, .72) 26%, rgba(238, 246, 252, 0) 58%),
        linear-gradient(180deg, rgba(238, 246, 252, .62) 0%, rgba(238, 246, 252, 0) 20%);
}
.m-panel-edge {
    position: absolute;
    left: 0;
    top: 0;
    width: 96px;
    height: 100%;
    overflow: visible;
    z-index: 2;
}
.m-panel-edge line { stroke: var(--m-signal); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 7px rgba(18, 111, 194, .9)); }
.m-panel-copy {
    position: absolute;
    left: clamp(20px, 4vw, 60px);
    right: clamp(20px, 3vw, 48px);
    bottom: clamp(20px, 4vh, 40px);
    z-index: 2;
}
.m-panel-br .m-panel-copy { left: clamp(60px, 7vw, 120px); }
.m-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--m-signal-2);
    font: 500 13px/1.4 var(--m-mono);
    letter-spacing: .08em;
}
.m-tag i { width: 26px; height: 1px; background: var(--m-signal); box-shadow: 0 0 8px var(--m-signal); }
.m-panel-title {
    display: block;
    margin: 12px 0 12px -.03em;
    color: var(--m-bone);
    font: 900 clamp(58px, 7.6vw, 124px)/1 var(--m-display);
    letter-spacing: 0;
    text-shadow: 0 2px 30px rgba(238, 246, 252, .55);
}
.m-panel-copy p {
    max-width: 30em;
    margin: 0;
    color: var(--m-bone);
    font-size: clamp(15px, 1.15vw, 18px);
    line-height: 1.65;
}
.m-stats { display: flex; gap: clamp(20px, 3vw, 44px); margin: 18px 0 0; padding: 0; list-style: none; }
.m-stats li { display: flex; align-items: baseline; gap: 6px; }
.m-stats b { color: var(--m-bone); font: 800 clamp(24px, 2.2vw, 34px)/1 var(--m-display); }
.m-stats span { color: var(--m-dim); font-size: 13px; }
.m-panel-more {
    display: inline-flex;
    gap: 8px;
    margin-top: 16px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--m-signal);
    color: var(--m-bone);
    font-size: 14px;
    font-weight: 600;
}
.m-panel-more em { font-style: normal; color: var(--m-signal-2); transition: transform .35s var(--m-ease); }
.m-panel:hover .m-panel-more em { transform: translateY(4px); }

/* 下载条 */
.m-bar {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: clamp(14px, 2.4vw, 36px);
    min-height: 92px;
    padding: 12px clamp(20px, 4vw, 60px);
    background: var(--m-ink);
    border-top: 1px solid var(--m-line);
}
.m-bar-note { display: flex; flex-direction: column; gap: 3px; white-space: nowrap; }
.m-bar-note span { color: var(--m-faint); font-size: 12px; }
.m-bar-note strong { color: var(--m-bone); font: 800 20px/1 var(--m-display); }
.m-bar-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-left: auto; }

html body[data-m26] .m-bar-actions #download-btn {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: auto !important;
    min-width: 236px;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: var(--m-ink) !important;
    -webkit-text-fill-color: var(--m-ink) !important;
    background: var(--m-signal) !important;
    box-shadow: 0 0 34px rgba(18, 111, 194, .42) !important;
    transform: none !important;
    transition: background .25s, box-shadow .25s !important;
}
html body[data-m26] .m-bar-actions #download-btn::before,
html body[data-m26] .m-bar-actions #download-btn::after { display: none !important; }
html body[data-m26] .m-bar-actions #download-btn:hover {
    background: var(--m-signal-2) !important;
    box-shadow: 0 0 46px rgba(18, 111, 194, .62) !important;
}
html body[data-m26] .m-bar-actions #download-btn .client-download-icon {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 auto;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    color: var(--m-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html body[data-m26] .m-bar-actions #download-btn .client-download-title,
html body[data-m26] .m-bar-actions #download-btn .client-download-title span {
    color: var(--m-ink) !important;
    -webkit-text-fill-color: var(--m-ink) !important;
    font: 900 19px/1 var(--m-display) !important;
}
html body[data-m26] .m-bar-actions #benefit-trigger,
html body[data-m26] .m-bar-actions #community-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 3px !important;
    color: var(--m-bone) !important;
    -webkit-text-fill-color: var(--m-bone) !important;
    background: var(--m-ink-2) !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transform: none !important;
}
html body[data-m26] .m-bar-actions #benefit-trigger::before,
html body[data-m26] .m-bar-actions #benefit-trigger::after,
html body[data-m26] .m-bar-actions #community-btn::before,
html body[data-m26] .m-bar-actions #community-btn::after { display: none !important; }
html body[data-m26] .m-bar-actions #benefit-trigger:hover,
html body[data-m26] .m-bar-actions #community-btn:hover { border-color: var(--m-signal) !important; background: var(--m-ink-3) !important; }
html body[data-m26] .m-bar-actions .hero-activity-icon { color: var(--m-signal-2) !important; -webkit-text-fill-color: var(--m-signal-2) !important; background: none !important; }
html body[data-m26] .m-bar-actions .community-btn-text,
html body[data-m26] .m-bar-actions #benefit-trigger span { color: inherit !important; -webkit-text-fill-color: inherit !important; }
html body[data-m26] .m-bar-os {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--m-faint) !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    white-space: nowrap;
}
html body[data-m26] .m-bar-os span { color: var(--m-dim) !important; }

/* ---------- 通用段落 ---------- */
.m-sec { position: relative; padding: clamp(72px, 10vw, 150px) 0 0; background: var(--m-ink); }
.m-wrap { width: min(1320px, calc(100% - clamp(32px, 8vw, 120px))); margin: 0 auto; }
.m-index { display: block; color: var(--m-signal-2); font: 500 13px/1.4 var(--m-mono); letter-spacing: .08em; }
.m-head h2 {
    margin: 16px 0 20px -.02em;
    color: var(--m-bone);
    font: 900 clamp(38px, 5vw, 76px)/1.1 var(--m-display);
    letter-spacing: 0;
}
.m-head p { max-width: 34em; margin: 0; color: var(--m-dim); font-size: clamp(16px, 1.25vw, 18px); line-height: 1.8; }
.m-head-wide { max-width: 980px; }

html.m-js-ready .m-rv { opacity: 1; }
.m-rv { opacity: 0; transform: translate3d(0, 26px, 0); transition: opacity .8s var(--m-ease), transform .8s var(--m-ease); }
.m-rv.is-in { opacity: 1; transform: none; }
@media (scripting: none) { .m-rv { opacity: 1; transform: none; } }

/* ---------- 一路穿行 ---------- */
.m-pass-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: end; }
.m-spec { display: flex; margin: 30px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); }
.m-spec li { flex: 1; padding: 16px 0 14px 16px; border-left: 1px solid var(--m-line); }
.m-spec li:first-child { padding-left: 0; border-left: 0; }
.m-spec b { display: block; color: var(--m-bone); font: 800 36px/1 var(--m-display); }
.m-spec span { display: block; margin-top: 6px; color: var(--m-dim); font-size: 13px; }
.m-chart { margin: 30px 0 0; }
.m-chart figcaption { display: flex; justify-content: space-between; margin-bottom: 8px; color: var(--m-dim); font-size: 13px; }
.m-chart-svg { display: block; width: 100%; height: auto; overflow: visible; }
.m-chart-grid line { stroke: var(--m-line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.m-chart-line { fill: none; stroke: var(--m-signal); stroke-width: 2.5; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(18, 111, 194, .75)); }
.m-chart-labels text { fill: var(--m-bone); font: 400 14px var(--m-mono); }

.m-shot { position: relative; margin: 0; }
.m-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--m-line); }
.m-note {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    color: var(--m-bone);
    background: rgba(238, 246, 252, .88);
    border: 1px solid rgba(18, 111, 194, .7);
    font-size: 13px;
    white-space: nowrap;
}
.m-note i { width: 6px; height: 6px; border-radius: 50%; background: var(--m-signal); box-shadow: 0 0 8px var(--m-signal); }
.m-note-cliff { left: 3%; top: 52%; }
.m-note-danger { left: 24%; top: 9%; }
.m-note-run { right: 3%; top: 9%; }

.m-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); margin: clamp(56px, 7vw, 100px) 0 0; padding: 0; list-style: none; }
.m-step { position: relative; }
.m-step-img { overflow: hidden; border: 1px solid var(--m-line); aspect-ratio: 900 / 512; background: var(--m-ink-2); }
.m-step-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--m-ease); }
.m-step:hover .m-step-img img { transform: scale(1.05); }
.m-step-no { display: block; margin-top: 18px; color: var(--m-signal-2); font: 400 13px var(--m-mono); }
.m-step h3 { margin: 6px 0 8px; color: var(--m-bone); font: 900 clamp(22px, 2vw, 28px)/1.25 var(--m-display); }
.m-step p { margin: 0; color: var(--m-dim); font-size: 15px; line-height: 1.75; }

.m-reel { position: relative; margin-top: clamp(72px, 9vw, 130px); height: clamp(380px, 46vw, 640px); overflow: hidden; background: var(--m-ink-2); }
.m-reel-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.m-reel-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(238, 246, 252, .9) 0%, rgba(238, 246, 252, .5) 42%, rgba(238, 246, 252, 0) 76%), linear-gradient(0deg, rgba(238, 246, 252, .55), rgba(238, 246, 252, 0) 40%); }
.m-reel-copy { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: clamp(26px, 4vw, 56px); }
.m-reel-copy h3 { margin: 0; color: var(--m-bone); font: 900 clamp(38px, 5vw, 76px)/1.12 var(--m-display); }
.m-tiers { display: flex; gap: clamp(20px, 3vw, 48px); margin: 24px 0 0; padding: 0; list-style: none; }
.m-tiers li { display: flex; align-items: baseline; gap: 7px; }
.m-tiers b { color: var(--m-signal-2); font: 800 30px/1 var(--m-display); }
.m-tiers span { color: var(--m-bone); font-size: 15px; }

.m-marquee { overflow: hidden; padding: 16px 0; border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); }
.m-marquee-track { display: flex; width: max-content; animation: mMarquee 60s linear infinite; }
.m-marquee-track span { padding: 0 22px; border-right: 1px solid var(--m-line); color: var(--m-dim); font-size: 14px; white-space: nowrap; }
@keyframes mMarquee { to { transform: translateX(-50%); } }

/* ---------- 吃鸡 ---------- */
.m-stage { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(24px, 3vw, 48px); margin-top: clamp(40px, 5vw, 72px); align-items: stretch; }
.m-stage-list { display: flex; flex-direction: column; border-top: 1px solid var(--m-line); }
.m-stage-list button {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 38px 1fr;
    align-content: center;
    padding: 14px 0;
    border: 0;
    border-bottom: 1px solid var(--m-line);
    background: none;
    color: var(--m-dim);
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}
.m-stage-list i { font: 400 13px/1.9 var(--m-mono); font-style: normal; color: var(--m-faint); }
.m-stage-list strong { color: var(--m-dim); font: 900 clamp(20px, 1.8vw, 26px)/1.3 var(--m-display); transition: color .3s; }
.m-stage-list span { grid-column: 2; display: grid; grid-template-rows: 0fr; overflow: hidden; max-height: 0; opacity: 0; font-size: 15px; line-height: 1.7; transition: max-height .5s var(--m-ease), opacity .4s, margin .5s var(--m-ease); }
.m-stage-list button:hover strong { color: var(--m-bone); }
.m-stage-list button.is-on strong { color: var(--m-bone); }
.m-stage-list button.is-on i { color: var(--m-signal-2); }
.m-stage-list button.is-on span { max-height: 90px; opacity: 1; margin-top: 6px; }
.m-stage-list button:focus-visible { outline: 2px solid var(--m-signal); outline-offset: 2px; }
.m-stage-view { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--m-line); background: var(--m-ink-2); }
.m-stage-view > * { position: absolute; inset: 0; opacity: 0; transition: opacity .6s var(--m-ease); }
.m-stage-view > .is-on { opacity: 1; }
.m-stage-view > img { width: 100%; height: 100%; object-fit: cover; }
.m-stage-map { display: flex; align-items: center; justify-content: center; background: var(--m-ink-2); background-image: linear-gradient(var(--m-line) 1px, transparent 1px), linear-gradient(90deg, var(--m-line) 1px, transparent 1px); background-size: 48px 48px; }
.m-stage-map img { display: block; height: 88%; width: auto; }
.m-reticle { position: absolute; left: 58%; top: 40%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border: 2px solid var(--m-signal); border-radius: 50%; box-shadow: 0 0 22px rgba(18, 111, 194, .8); animation: mPing 2.2s var(--m-ease) infinite; }
.m-reticle::before, .m-reticle::after { content: ""; position: absolute; background: var(--m-signal); }
.m-reticle::before { left: 50%; top: -14px; bottom: -14px; width: 1px; }
.m-reticle::after { top: 50%; left: -14px; right: -14px; height: 1px; }
@keyframes mPing { 50% { transform: scale(.82); } }

.m-maps { margin-top: clamp(56px, 7vw, 100px); }
.m-sub { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 16px; color: var(--m-bone); font: 900 clamp(22px, 2vw, 28px)/1.3 var(--m-display); }
.m-sub span:last-child { color: var(--m-faint); font: 400 13px var(--m-mono); }
.m-map-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(8px, 1vw, 16px); margin: 0; padding: 0; list-style: none; }
.m-map-grid li { position: relative; overflow: hidden; border: 1px solid var(--m-line); }
.m-map-grid img { display: block; width: 100%; height: auto; transition: transform .8s var(--m-ease); }
.m-map-grid li:hover img { transform: scale(1.08); }
.m-map-grid strong { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 10px 8px; color: var(--m-bone); background: linear-gradient(0deg, rgba(238, 246, 252, .9), rgba(238, 246, 252, 0)); font-size: 14px; font-weight: 600; }

.m-systems { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: clamp(56px, 7vw, 100px); border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); }
.m-sys { padding: 26px clamp(16px, 2vw, 30px) 28px; border-left: 1px solid var(--m-line); }
.m-sys:first-child { padding-left: 0; border-left: 0; }
.m-sys h3 { margin: 0 0 8px; color: var(--m-bone); font: 900 clamp(22px, 2vw, 28px)/1.3 var(--m-display); }
.m-sys p { margin: 0; color: var(--m-dim); font-size: 15px; line-height: 1.75; }
.m-sys-board { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 20px; align-items: center; }
.m-sys-board img { display: block; width: 100%; height: auto; }
.m-foot { margin: 16px 0 0; color: var(--m-faint); font-size: 13px; }

/* ---------- 特色 ---------- */
.m-feat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: clamp(32px, 4vw, 56px) 0 0; padding: 0; list-style: none; border-top: 1px solid var(--m-line); }
.m-feat-grid li { padding: 26px clamp(16px, 2vw, 30px) 30px 0; border-bottom: 1px solid var(--m-line); }
.m-feat-grid li:not(:nth-child(3n + 1)) { padding-left: clamp(16px, 2vw, 30px); border-left: 1px solid var(--m-line); }
.m-feat-grid h3 { margin: 0 0 8px; color: var(--m-bone); font-size: 20px; font-weight: 700; }
.m-feat-grid p { margin: 0; color: var(--m-dim); font-size: 15px; line-height: 1.75; }
.m-collab {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(18px, 3vw, 44px);
    margin-top: clamp(32px, 4vw, 56px);
    padding: 14px clamp(18px, 3vw, 40px) 14px 14px;
    color: var(--m-bone) !important;
    background: var(--m-ink-2);
    border: 1px solid var(--m-line);
    text-decoration: none !important;
    transition: border-color .3s;
}
.m-collab:hover { border-color: var(--m-signal); }
.m-collab img { display: block; width: 100%; height: 150px; object-fit: contain; }
.m-collab h3 { margin: 8px 0 6px; color: var(--m-bone); font: 700 clamp(20px, 2vw, 26px)/1.35 var(--m-body); }
.m-collab p { margin: 0; color: var(--m-dim); font-size: 15px; line-height: 1.7; }
.m-collab-go { display: inline-flex; gap: 8px; color: var(--m-bone); font-weight: 600; white-space: nowrap; }
.m-collab-go em { color: var(--m-signal-2); font-style: normal; }

/* ---------- 动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
    .m-panel-art, .m-marquee-track, .m-reticle { animation: none !important; }
    .m-rv { opacity: 1 !important; transform: none !important; }
}

/* ---------- 窄屏 ---------- */
@media (max-width: 1180px) {
    .m-bar-os { display: none !important; }
}
@media (max-width: 900px) {
    html body[data-m26] #download.m-hero { height: auto; min-height: 0; }
    .m-panels { flex-direction: column; padding-top: 66px; }
    .m-panel, .m-panels:hover .m-panel, .m-panels .m-panel:hover { flex: 0 0 auto; height: min(72vw, 430px); min-height: 330px; }
    .m-panel-br { margin: 0; -webkit-clip-path: none; clip-path: none; border-top: 2px solid var(--m-signal); }
    .m-panel-edge { display: none; }
    .m-panel-br .m-panel-copy { left: clamp(20px, 4vw, 60px); }
    .m-panel-title { font-size: clamp(52px, 13vw, 84px); }
    .m-bar { flex-direction: column; align-items: stretch; }
    .m-bar-note { flex-direction: row; justify-content: space-between; align-items: baseline; }
    .m-bar-actions { margin: 0; display: grid; grid-template-columns: 1fr 1fr; }
    html body[data-m26] .m-bar-actions #download-btn { grid-column: 1 / -1; width: 100% !important; }
    html body[data-m26] .m-bar-actions #benefit-trigger,
    html body[data-m26] .m-bar-actions #community-btn { width: 100% !important; padding: 0 8px !important; }
    .m-pass-top, .m-stage { grid-template-columns: minmax(0, 1fr); }
    .m-steps { grid-template-columns: minmax(0, 1fr); gap: 34px; }
    .m-stage-view { order: -1; }
    .m-stage-list button.is-on span { max-height: 130px; }
    .m-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .m-systems { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .m-sys:nth-child(2) { padding-right: 0; }
    .m-sys-board { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); padding-left: 0; border-left: 0; border-top: 1px solid var(--m-line); }
    .m-feat-grid { grid-template-columns: minmax(0, 1fr); }
    .m-feat-grid li:not(:nth-child(3n + 1)) { padding-left: 0; border-left: 0; }
    .m-collab { grid-template-columns: minmax(0, 1fr); }
    .m-collab img { height: 180px; }
    .m-note { font-size: 12px; padding: 3px 7px; }
    .m-note-danger { left: 18%; top: 11%; }
}

/* ---------- 下载按钮细节 ---------- */
html body[data-m26] .m-bar-actions #download-btn .client-download-icon { position: relative !important; }
html body[data-m26] .m-bar-actions #download-btn .client-download-icon::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 2px !important;
    right: 2px !important;
    bottom: 1px !important;
    top: auto !important;
    width: auto !important;
    height: 2.5px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 1px;
    background: var(--m-ink) !important;
    transform: none !important;
}
html body[data-m26] .m-bar-actions #download-btn .client-download-glyph {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    transform: none !important;
}
html body[data-m26] .m-bar-actions #download-btn .client-download-glyph::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 9.75px !important;
    top: 1px !important;
    right: auto !important;
    bottom: auto !important;
    width: 2.5px !important;
    height: 13px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--m-ink) !important;
    transform: none !important;
}
html body[data-m26] .m-bar-actions #download-btn .client-download-glyph::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 6.5px !important;
    top: 6px !important;
    right: auto !important;
    bottom: auto !important;
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border: 0 solid var(--m-ink) !important;
    border-width: 0 2.5px 2.5px 0 !important;
    border-radius: 0 !important;
    background: none !important;
    transform: rotate(45deg) !important;
}
/* 下载关闭时不发光 */
html body[data-m26] .m-bar-actions #download-btn.disabled,
html body[data-m26] .m-bar-actions #download-btn[data-download-state="closed"] {
    background: var(--m-ink-3) !important;
    color: var(--m-faint) !important;
    -webkit-text-fill-color: var(--m-faint) !important;
    box-shadow: none !important;
    border: 1px solid var(--m-line) !important;
    cursor: not-allowed;
}
html body[data-m26] .m-bar-actions #download-btn.disabled .client-download-title,
html body[data-m26] .m-bar-actions #download-btn.disabled .client-download-title span,
html body[data-m26] .m-bar-actions #download-btn[data-download-state="closed"] .client-download-title,
html body[data-m26] .m-bar-actions #download-btn[data-download-state="closed"] .client-download-title span {
    color: var(--m-dim) !important;
    -webkit-text-fill-color: var(--m-dim) !important;
}
html body[data-m26] .m-bar-actions #download-btn.disabled .client-download-icon,
html body[data-m26] .m-bar-actions #download-btn[data-download-state="closed"] .client-download-icon { display: none !important; }

/* ---------- 老段落换成墨黑 ---------- */
html body[data-m26] #home-announcements,
html body[data-m26] #features,
html body[data-m26] #live-fashion,
html body[data-m26] #manual-preview {
    margin: 0 !important;
    min-height: 0 !important;
    padding: clamp(72px, 9vw, 130px) 0 0 !important;
    background: var(--m-ink) !important;
    border: 0 !important;
    box-shadow: none !important;
}
html body[data-m26] #home-announcements::before,
html body[data-m26] #home-announcements::after,
html body[data-m26] #features::before,
html body[data-m26] #features::after,
html body[data-m26] #live-fashion::before,
html body[data-m26] #live-fashion::after,
html body[data-m26] #manual-preview::before,
html body[data-m26] #manual-preview::after { display: none !important; }

.m-ann { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.m-link {
    display: inline-flex;
    gap: 10px;
    margin-top: 22px;
    padding: 0 0 4px;
    border: 0;
    border-bottom: 1px solid var(--m-signal);
    border-radius: 0;
    color: var(--m-bone) !important;
    background: none;
    font: 600 15px/1.5 var(--m-body);
    cursor: pointer;
    text-decoration: none !important;
}
.m-link em { color: var(--m-signal-2); font-style: normal; transition: transform .3s var(--m-ease); }
.m-link:hover em { transform: translateX(4px); }
.m-ann-panel { padding: clamp(24px, 3vw, 44px); background: var(--m-ink-2); border: 1px solid var(--m-line); border-top: 2px solid var(--m-signal); }
.m-ann-top { display: flex; justify-content: space-between; gap: 16px; color: var(--m-signal-2); font-size: 13px; }
.m-ann-top span:last-child { color: var(--m-faint); }
.m-ann-panel h3 { margin: 18px 0 10px; color: var(--m-bone); font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.3; }
.m-ann-panel > p { margin: 0; color: var(--m-dim); font-size: 16px; line-height: 1.75; }
.m-ann-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 28px; border-top: 1px solid var(--m-line); }
.m-ann-facts > div { padding: 16px 16px 0 0; }
.m-ann-facts > div + div { padding-left: 16px; border-left: 1px solid var(--m-line); }
.m-ann-facts span { display: block; color: var(--m-faint); font: 400 12px var(--m-mono); }
.m-ann-facts strong { display: block; margin-top: 6px; color: var(--m-bone); font-size: 15px; font-weight: 600; line-height: 1.5; }

.m-rows { border-top: 1px solid var(--m-line); }
.m-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 28px;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid var(--m-line);
    color: var(--m-bone) !important;
    text-decoration: none !important;
}
.m-row i { color: var(--m-faint); font: 400 13px var(--m-mono); font-style: normal; }
.m-row h3 { margin: 0 0 4px; color: var(--m-bone); font-size: 20px; font-weight: 700; transition: color .25s; }
.m-row p { margin: 0; color: var(--m-dim); font-size: 15px; line-height: 1.6; }
.m-row > span { color: var(--m-signal-2); font-size: 18px; transition: transform .3s var(--m-ease); }
.m-row:hover h3 { color: var(--m-signal-2); }
.m-row:hover > span { transform: translate(3px, -3px); }

/* 玩家社区：结构和脚本不动，只换皮 */
html body[data-m26] #live-fashion .container { width: min(1320px, calc(100% - clamp(32px, 8vw, 120px))) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; }
html body[data-m26] #live-fashion .live-fashion-route-layout { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr) !important; gap: clamp(28px, 4vw, 64px) !important; align-items: start !important; }
html body[data-m26] #live-fashion .live-fashion-route-copy { position: static !important; margin: 0 !important; padding: 0 !important; text-align: left !important; border: 0 !important; background: none !important; }
html body[data-m26] #live-fashion .live-fashion-route-copy::before,
html body[data-m26] #live-fashion .live-fashion-route-copy::after { display: none !important; }
html body[data-m26] #live-fashion .section-title {
    margin: 16px 0 16px !important;
    color: var(--m-bone) !important;
    -webkit-text-fill-color: var(--m-bone) !important;
    background: none !important;
    font: 900 clamp(34px, 3.6vw, 52px)/1.15 var(--m-display) !important;
    text-align: left !important;
}
html body[data-m26] #live-fashion .section-title::before,
html body[data-m26] #live-fashion .section-title::after { display: none !important; }
html body[data-m26] #live-fashion .section-subtitle { color: var(--m-dim) !important; font-size: 16px !important; line-height: 1.75 !important; text-align: left !important; margin: 0 !important; }
html body[data-m26] #live-fashion .cta-container { justify-content: flex-start !important; margin: 20px 0 0 !important; }
html body[data-m26] #live-fashion .community-action {
    display: inline-flex !important;
    gap: 10px !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 0 4px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--m-signal) !important;
    border-radius: 0 !important;
    color: var(--m-bone) !important;
    -webkit-text-fill-color: var(--m-bone) !important;
    background: none !important;
    box-shadow: none !important;
    font: 600 15px/1.5 var(--m-body) !important;
    transform: none !important;
}
html body[data-m26] #live-fashion .community-action[hidden] { display: none !important; }
html body[data-m26] #live-fashion .community-action::before,
html body[data-m26] #live-fashion .community-action::after { display: none !important; }
html body[data-m26] #live-fashion .section-route-action-arrow { width: auto !important; height: auto !important; color: var(--m-signal-2) !important; -webkit-text-fill-color: var(--m-signal-2) !important; background: none !important; box-shadow: none !important; border: 0 !important; }
html body[data-m26] #live-fashion .content-tabs { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html body[data-m26] #live-fashion .tab-buttons { gap: 26px !important; margin: 0 0 20px !important; padding: 0 !important; border-bottom: 1px solid var(--m-line) !important; background: none !important; box-shadow: none !important; }
html body[data-m26] #live-fashion .tab-btn { padding: 0 0 12px !important; margin: 0 0 -1px !important; color: var(--m-dim) !important; -webkit-text-fill-color: var(--m-dim) !important; background: none !important; box-shadow: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 16px !important; font-weight: 600 !important; }
html body[data-m26] #live-fashion .tab-btn::before,
html body[data-m26] #live-fashion .tab-btn::after { display: none !important; }
html body[data-m26] #live-fashion .tab-btn.active { color: var(--m-bone) !important; -webkit-text-fill-color: var(--m-bone) !important; border-bottom-color: var(--m-signal) !important; }
html body[data-m26] #live-fashion .live-card,
html body[data-m26] #live-fashion .fashion-card {
    overflow: hidden !important;
    padding: 0 !important;
    background: var(--m-ink-2) !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color .3s !important;
}
html body[data-m26] #live-fashion .live-card:hover,
html body[data-m26] #live-fashion .fashion-card:hover { border-color: var(--m-signal) !important; }
html body[data-m26] #live-fashion .live-card::before,
html body[data-m26] #live-fashion .live-card::after,
html body[data-m26] #live-fashion .fashion-card::before,
html body[data-m26] #live-fashion .fashion-card::after { display: none !important; }
html body[data-m26] #live-fashion .live-thumbnail,
html body[data-m26] #live-fashion .fashion-image { margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body[data-m26] #live-fashion .live-thumbnail img,
html body[data-m26] #live-fashion .fashion-image img { border-radius: 0 !important; }
html body[data-m26] #live-fashion .live-info,
html body[data-m26] #live-fashion .fashion-info { padding: 14px 16px 16px !important; background: none !important; }
html body[data-m26] #live-fashion .live-title,
html body[data-m26] #live-fashion .fashion-title { color: var(--m-bone) !important; -webkit-text-fill-color: var(--m-bone) !important; font-size: 16px !important; font-weight: 600 !important; }
html body[data-m26] #live-fashion .live-streamer,
html body[data-m26] #live-fashion .fashion-player { color: var(--m-dim) !important; font-size: 13px !important; }
html body[data-m26] #live-fashion .fashion-tag { color: var(--m-dim) !important; background: var(--m-ink-3) !important; border: 1px solid var(--m-line) !important; border-radius: 2px !important; }

/* 页脚 */
html body[data-m26] footer#about {
    margin-top: clamp(72px, 9vw, 130px) !important;
    padding: clamp(40px, 5vw, 72px) 0 28px !important;
    background: var(--m-ink-2) !important;
    border-top: 1px solid var(--m-line) !important;
    box-shadow: none !important;
}
html body[data-m26] footer#about::before,
html body[data-m26] footer#about::after { display: none !important; }
html body[data-m26] footer#about .container { width: min(1320px, calc(100% - clamp(32px, 8vw, 120px))) !important; max-width: none !important; padding: 0 !important; }
html body[data-m26] footer#about strong,
html body[data-m26] footer#about h3 { color: var(--m-bone) !important; -webkit-text-fill-color: var(--m-bone) !important; background: none !important; }
html body[data-m26] footer#about p { color: var(--m-dim) !important; }
html body[data-m26] footer#about a { color: var(--m-dim) !important; -webkit-text-fill-color: var(--m-dim) !important; }
html body[data-m26] footer#about a:hover { color: var(--m-signal-2) !important; -webkit-text-fill-color: var(--m-signal-2) !important; }
html body[data-m26] footer#about .home-footer-mode-tags span { color: var(--m-dim) !important; background: transparent !important; border: 1px solid var(--m-line) !important; border-radius: 2px !important; box-shadow: none !important; }
html body[data-m26] footer#about .home-footer-bottom { border-top: 1px solid var(--m-line) !important; }

@media (max-width: 900px) {
    .m-ann { grid-template-columns: minmax(0, 1fr); }
    .m-ann-facts { grid-template-columns: minmax(0, 1fr); }
    .m-ann-facts > div + div { padding-left: 0; border-left: 0; }
    html body[data-m26] #live-fashion .live-fashion-route-layout { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 根背景和社区排版收尾 */
html { background: var(--m-ink) !important; }
html body[data-m26] #live-fashion .live-fashion-route-copy { align-self: start !important; }
html body[data-m26] #live-fashion .live-grid,
html body[data-m26] #live-fashion .fashion-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; margin: 0 !important; }
html body[data-m26] #live-fashion .community-action span { width: auto !important; }
html body[data-m26] #live-fashion .community-action { justify-content: flex-start !important; text-align: left !important; }
html body[data-m26] #manual-preview { padding-bottom: 0 !important; }
html body[data-m26] footer#about { margin-top: 0 !important; }
html body[data-m26] #manual-preview .m-wrap { padding-bottom: clamp(72px, 9vw, 130px); }
@media (max-width: 640px) {
    html body[data-m26] #live-fashion .live-grid,
    html body[data-m26] #live-fashion .fashion-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

html body[data-m26] #live-fashion .cta-container { display: block !important; }
html body[data-m26] #live-fashion .community-action { width: fit-content !important; max-width: 100%; }
html body[data-m26] #live-fashion .section-route-action-arrow {
    display: inline !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    transform: none !important;
}
html body[data-m26] #live-fashion .section-route-action-arrow::before,
html body[data-m26] #live-fashion .section-route-action-arrow::after { display: none !important; }

@media (max-width: 900px) {
    html body[data-m26] #header .nav-links.active {
        background: var(--m-ink-2) !important;
        border: 1px solid var(--m-line) !important;
        box-shadow: none !important;
    }
    html body[data-m26] #header .nav-links.active a { color: var(--m-bone) !important; -webkit-text-fill-color: var(--m-bone) !important; }
    .m-panel-shade {
        background: linear-gradient(0deg, rgba(238, 246, 252, .96) 0%, rgba(238, 246, 252, .84) 58%, rgba(238, 246, 252, .3) 100%);
    }
    .m-panel-art { filter: saturate(.95) brightness(.9); }
}

/* ---------- 冬季主题 ---------- */
html body[data-m26] { background: var(--m-ink) !important; }
html body[data-m26] #header,
html body[data-m26] #header.scrolled { background: rgba(255, 255, 255, .84) !important; }
html body[data-m26] #header .nav-links #version-update-btn { background: #e1f0fb !important; }
html body[data-m26] #header .nav-links #version-update-btn::before { background: var(--m-signal) !important; box-shadow: none !important; }

.m-panel-art,
.m-panel:hover .m-panel-art { filter: none; }
.m-panel:hover .m-panel-art { filter: saturate(1.08); }
.m-panel-pass .m-panel-art { object-position: 76% 40%; }
.m-panel-br .m-panel-art { object-position: 50% 40%; }
.m-panel-shade {
    background:
        linear-gradient(0deg, rgba(240, 248, 253, .98) 0%, rgba(240, 248, 253, .92) 30%, rgba(240, 248, 253, .6) 46%, rgba(240, 248, 253, 0) 68%),
        linear-gradient(180deg, rgba(240, 248, 253, .6) 0%, rgba(240, 248, 253, 0) 18%);
}
.m-panel-edge line { stroke: #fff; filter: drop-shadow(0 0 6px rgba(18, 111, 194, .85)); }
.m-panel-title { text-shadow: 0 2px 24px rgba(255, 255, 255, .9); }
.m-panel-copy { bottom: clamp(44px, 7vh, 72px); }

/* 雪堆 */
.m-bar { background: #fff; border-top: 0; }
.m-bar::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 56px;
    margin-bottom: -1px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 90V52C120 20 260 18 400 44S640 86 820 58 1120 8 1280 30 1400 60 1440 46V90Z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
}
.m-sec { padding-bottom: 110px; }
html body[data-m26] #home-announcements,
html body[data-m26] #features,
html body[data-m26] #live-fashion,
html body[data-m26] #manual-preview { padding-bottom: 110px !important; }
html body[data-m26] #manual-preview .m-wrap { padding-bottom: 0; }

html body[data-m26] #mode-br,
html body[data-m26] #features,
html body[data-m26] #manual-preview { background: #dfeefa !important; }
html body[data-m26] #mode-br::before,
html body[data-m26] #features::before,
html body[data-m26] #manual-preview::before,
html body[data-m26] #home-announcements::before,
html body[data-m26] #live-fashion::before {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: -89px;
    height: 90px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23dfeefa' d='M0 90V58C160 18 330 30 500 54S820 84 1000 52 1300 22 1440 50V90Z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
}
html body[data-m26] #home-announcements::before,
html body[data-m26] #live-fashion::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23eef6fc' d='M0 90V46C180 14 360 40 540 60S860 76 1040 44 1320 26 1440 58V90Z'/%3E%3C/svg%3E");
}
html body[data-m26] #home-announcements,
html body[data-m26] #features,
html body[data-m26] #live-fashion,
html body[data-m26] #manual-preview { position: relative !important; }

html body[data-m26] footer#about { background: #c9e1f4 !important; border-top: 0 !important; }

/* 卡片圆润一点，更像雪 */
.m-shot img, .m-step-img, .m-stage-view, .m-map-grid li, .m-ann-panel, .m-collab { border-radius: 14px; overflow: hidden; }
.m-shot { border-radius: 14px; }
html body[data-m26] #live-fashion .live-card,
html body[data-m26] #live-fashion .fashion-card { border-radius: 14px !important; }
html body[data-m26] .m-bar-actions #download-btn,
html body[data-m26] .m-bar-actions #benefit-trigger,
html body[data-m26] .m-bar-actions #community-btn { border-radius: 12px !important; }
html body[data-m26] .m-bar-actions #download-btn { box-shadow: 0 8px 22px rgba(18, 111, 194, .32) !important; }
html body[data-m26] .m-bar-actions #download-btn:hover { box-shadow: 0 10px 28px rgba(18, 111, 194, .46) !important; }
.m-note { border-color: rgba(18, 111, 194, .55); border-radius: 8px; background: rgba(255, 255, 255, .94); }
.m-note-cliff { left: 3%; top: 44%; }
.m-note-danger { left: 31%; top: 17%; }
.m-reel { background: #dcebf7; }
.m-map-grid strong { background: linear-gradient(0deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0)); }

/* 弹窗主按钮跟随冬季色 */
html body[data-m26] #announcement-modal [class*="confirm"],
html body[data-m26] #announcement-modal [class*="primary"],
html body[data-m26] #announcement-modal [class*="ack"] { background: var(--m-signal) !important; border-color: var(--m-signal) !important; box-shadow: none !important; }

@media (max-width: 900px) {
    .m-panel-shade { background: linear-gradient(0deg, rgba(240, 248, 253, .98) 0%, rgba(240, 248, 253, .9) 58%, rgba(240, 248, 253, .35) 100%); }
    .m-panel-art { filter: none; }
    .m-panel-br { border-top: 0; }
    .m-note-danger { left: 34%; top: 14%; }
}

/* ---------- 动效 ---------- */
:root { --m-ease: cubic-bezier(.16, 1, .3, 1); }

.m-progress {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1200;
    height: 2px;
    transform: scaleX(0);
    transform-origin: 0 50%;
    background: linear-gradient(90deg, #7cc4f2, var(--m-signal));
    pointer-events: none;
}

/* 逐字显现 */
.m-ch {
    display: inline-block;
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(0, .5em, 0) rotate(3deg);
    transition:
        transform 1.1s var(--m-ease) calc(var(--i) * 34ms + 80ms),
        opacity .7s ease calc(var(--i) * 34ms + 80ms),
        filter .9s ease calc(var(--i) * 34ms + 80ms);
}
.m-rv.is-in .m-ch,
html.m-copy .m-panel-title .m-ch { opacity: 1; filter: blur(0); transform: none; }

/* 首屏入场 */
html.m-js .m-panel-art {
    opacity: 0;
    scale: 1.16;
    transition: opacity 1.5s ease, scale 2.4s var(--m-ease), filter .8s var(--m-ease);
}
html.m-js.m-go .m-panel-art { opacity: 1; scale: 1.06; }
.m-panel-art { translate: var(--px, 0) var(--py, 0); }
.m-panels { transition: none; }
.m-panel { transition: flex-grow 1.1s var(--m-ease); }
.m-panels:hover .m-panel:not(:hover) .m-panel-art { filter: saturate(.72) brightness(1.04); }

html.m-js .m-panel-edge { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); transition: -webkit-clip-path 1.5s var(--m-ease) .25s, clip-path 1.5s var(--m-ease) .25s; }
html.m-js.m-go .m-panel-edge { -webkit-clip-path: inset(-10px); clip-path: inset(-10px); }

html.m-js .m-panel-copy .m-tag,
html.m-js .m-panel-copy p,
html.m-js .m-panel-copy .m-stats,
html.m-js .m-panel-copy .m-panel-more,
html.m-js .m-bar > * {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: opacity .9s ease, transform 1.1s var(--m-ease);
}
html.m-js.m-copy .m-panel-copy .m-tag,
html.m-js.m-copy .m-panel-copy p,
html.m-js.m-copy .m-panel-copy .m-stats,
html.m-js.m-copy .m-panel-copy .m-panel-more,
html.m-js.m-copy .m-bar > * { opacity: 1; transform: none; }
html.m-js.m-copy .m-panel-copy p { transition-delay: .3s; }
html.m-js.m-copy .m-panel-copy .m-stats { transition-delay: .42s; }
html.m-js.m-copy .m-panel-copy .m-panel-more { transition-delay: .54s; }
html.m-js.m-copy .m-bar > :nth-child(1) { transition-delay: .55s; }
html.m-js.m-copy .m-bar > :nth-child(2) { transition-delay: .65s; }
html.m-js.m-copy .m-bar > :nth-child(3) { transition-delay: .75s; }
.m-panel-pass .m-panel-art { object-position: 38% 40%; }
.m-stats b, .m-spec b, .m-tiers b { font-variant-numeric: tabular-nums; }

/* 下载按钮的冰面反光 */
html body[data-m26] .m-bar-actions #download-btn { overflow: hidden; }
html body[data-m26] .m-bar-actions #download-btn:not(.disabled)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -20% auto -20% 0 !important;
    width: 34% !important;
    height: auto !important;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)) !important;
    transform: translateX(-140%) skewX(-18deg);
    animation: mSheen 6.5s var(--m-ease) 2.4s infinite;
    pointer-events: none;
}
@keyframes mSheen { 0% { transform: translateX(-140%) skewX(-18deg); } 26%, 100% { transform: translateX(420%) skewX(-18deg); } }

/* 极光：缓慢流动的冰色 */
.m-sec { isolation: isolate; }
html body[data-m26] #mode-pass::after,
html body[data-m26] #mode-br::after,
html body[data-m26] #features::after {
    content: "";
    display: block !important;
    position: absolute;
    z-index: -1;
    left: 40%;
    top: 4%;
    width: 70vw;
    height: 620px;
    pointer-events: none;
    background:
        radial-gradient(closest-side at 32% 48%, rgba(120, 205, 245, .4), rgba(120, 205, 245, 0)),
        radial-gradient(closest-side at 72% 56%, rgba(170, 175, 245, .28), rgba(170, 175, 245, 0));
    animation: mAurora 22s ease-in-out infinite alternate;
}
html body[data-m26] #mode-br::after { left: -14%; top: 0; animation-duration: 28s; }
@keyframes mAurora { from { transform: translate3d(-5%, -3%, 0) scale(1); } to { transform: translate3d(7%, 6%, 0) scale(1.16); } }

/* 图片揭示 */
.m-shot.m-rv,
.m-stage.m-rv .m-stage-view,
.m-step.m-rv .m-step-img {
    -webkit-clip-path: inset(10% 7% 10% 7% round 26px);
    clip-path: inset(10% 7% 10% 7% round 26px);
    transition: -webkit-clip-path 1.5s var(--m-ease), clip-path 1.5s var(--m-ease);
}
.m-shot.m-rv { transition: opacity .8s ease, transform 1s var(--m-ease), -webkit-clip-path 1.5s var(--m-ease), clip-path 1.5s var(--m-ease); }
.m-shot.m-rv.is-in,
.m-stage.m-rv.is-in .m-stage-view,
.m-step.m-rv.is-in .m-step-img { -webkit-clip-path: inset(0 0 0 0 round 14px); clip-path: inset(0 0 0 0 round 14px); }
.m-shot img { scale: 1.1; transition: scale 1.8s var(--m-ease); }
.m-shot.is-in img { scale: 1; }
.m-step.m-rv:nth-child(2), .m-step.m-rv:nth-child(2) .m-step-img { transition-delay: .12s; }
.m-step.m-rv:nth-child(3), .m-step.m-rv:nth-child(3) .m-step-img { transition-delay: .24s; }
.m-step-img img { transition: transform 1.2s var(--m-ease); }
.m-note { opacity: 0; transform: translate3d(0, 10px, 0); transition: opacity .7s ease .9s, transform .9s var(--m-ease) .9s; }
.m-shot.is-in .m-note { opacity: 1; transform: none; }
.m-shot.is-in .m-note-danger { transition-delay: 1.15s; }

/* 折线从左往右画出 */
.m-chart-svg { -webkit-clip-path: inset(-14px 100% -14px -14px); clip-path: inset(-14px 100% -14px -14px); transition: -webkit-clip-path 1.9s var(--m-ease) .35s, clip-path 1.9s var(--m-ease) .35s; }
.m-rv.is-in .m-chart-svg { -webkit-clip-path: inset(-14px -14px -14px -14px); clip-path: inset(-14px -14px -14px -14px); }

/* 短片：滚动时从卡片展开成通栏 */
.m-reel { will-change: clip-path; }
.m-reel-video { transform: scale(1.16); will-change: transform; }

/* 吃鸡流程 */
.m-stage-view > * { transition: opacity .95s ease, transform 1.8s var(--m-ease); transform: scale(1.07); }
.m-stage-view > .is-on { transform: none; }
.m-stage-list button { position: relative; }
.m-stage-list button::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: var(--m-signal);
    transform: scaleX(0);
    transform-origin: 0 50%;
}
.m-stage.is-auto .m-stage-list button.is-on::after { animation: mTab 5.2s linear forwards; }
.m-stage:not(.is-auto) .m-stage-list button.is-on::after { transform: scaleX(1); }
@keyframes mTab { to { transform: scaleX(1); } }
.m-stage-list span { transition: max-height .8s var(--m-ease), opacity .6s ease, margin .8s var(--m-ease); }

/* 地图卡片 */
.m-map-grid li.m-rv:nth-child(2) { transition-delay: .07s; }
.m-map-grid li.m-rv:nth-child(3) { transition-delay: .14s; }
.m-map-grid li.m-rv:nth-child(4) { transition-delay: .21s; }
.m-map-grid li.m-rv:nth-child(5) { transition-delay: .28s; }
.m-map-grid li.m-rv:nth-child(6) { transition-delay: .35s; }
.m-map-grid li.is-done {
    transition: transform .5s var(--m-ease), box-shadow .5s var(--m-ease);
    transition-delay: 0s;
    transform: perspective(620px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
}
.m-map-grid li.is-done:hover { box-shadow: 0 18px 34px rgba(18, 57, 92, .22); z-index: 2; }
.m-map-grid li::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    background: radial-gradient(circle at var(--gx, 50%) var(--gy, 50%), rgba(255, 255, 255, .62), rgba(255, 255, 255, 0) 56%);
}
.m-map-grid li:hover::after { opacity: 1; }
.m-map-grid li:hover img { transform: scale(1.05); }

/* 列表细节 */
.m-feat-grid li { position: relative; }
.m-feat-grid li::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 2px;
    background: var(--m-signal);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .8s var(--m-ease);
}
.m-feat-grid li:hover::before { transform: scaleX(1); }
.m-row { transition: padding-left .6s var(--m-ease); }
.m-row:hover { padding-left: 12px; }
.m-collab { transition: border-color .4s, transform .8s var(--m-ease), box-shadow .8s var(--m-ease); }
.m-collab:hover { transform: translate3d(0, -4px, 0); box-shadow: 0 20px 40px rgba(18, 57, 92, .14); }
.m-collab img { transition: transform 1.2s var(--m-ease); }
.m-collab:hover img { transform: scale(1.06) rotate(-2deg); }

@media (prefers-reduced-motion: reduce) {
    .m-progress, html body[data-m26] #mode-pass::after, html body[data-m26] #mode-br::after, html body[data-m26] #features::after { display: none !important; }
    html body[data-m26] .m-bar-actions #download-btn::before { animation: none !important; }
    .m-shot.m-rv, .m-stage.m-rv .m-stage-view, .m-step.m-rv .m-step-img, .m-chart-svg, .m-reel { -webkit-clip-path: none !important; clip-path: none !important; }
    .m-note, .m-ch { opacity: 1 !important; filter: none !important; transform: none !important; }
    html.m-js .m-panel-art, html.m-js .m-panel-copy *, html.m-js .m-bar > * { opacity: 1 !important; transform: none !important; }
}
@media (max-width: 900px) {
    .m-panels:hover .m-panel:not(:hover) .m-panel-art { filter: none; }
}

/* 极光不撑宽页面 */
html body[data-m26] #mode-pass,
html body[data-m26] #mode-br,
html body[data-m26] #features { overflow-x: clip; }
html body[data-m26] #mode-pass::after,
html body[data-m26] #features::after { left: 34%; width: 62vw; }
html body[data-m26] #mode-br::after { width: 62vw; }

/* ---------- WebGL 冰霜 ---------- */
.m-fx-canvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; transition: opacity .5s ease; pointer-events: none; }
html.m-gl .m-fx-canvas { opacity: 1; }
.m-panel { z-index: 1; }
html.m-gl .m-panel-shade {
    background:
        linear-gradient(0deg, rgba(240, 248, 253, .98) 0%, rgba(240, 248, 253, .9) 28%, rgba(240, 248, 253, .5) 44%, rgba(240, 248, 253, 0) 64%);
}

/* 下载按钮反光：旧样式的 transform 带 !important，所以动画走 translate */
html body[data-m26] .m-bar-actions #download-btn:not(.disabled)::before {
    transform: skewX(-18deg) !important;
    translate: -160% 0;
    animation: mSheen2 6.5s var(--m-ease) 2.6s infinite;
}
@keyframes mSheen2 { 0% { translate: -160% 0; } 28%, 100% { translate: 400% 0; } }

/* 弹窗跟随冬季色 */
html body[data-m26] .announcement-modal { background-image: linear-gradient(160deg, #ffffff 40%, #e8f3fc 100%) !important; }
html body[data-m26] .announcement-modal::before { background: linear-gradient(90deg, #7cc4f2, #126fc2) !important; }
html body[data-m26] .announcement-brand-icon,
html body[data-m26] .announcement-brand-icon * { color: #126fc2 !important; fill: currentColor; }
html body[data-m26] .announcement-brand-icon { border-color: #d3e4f1 !important; background: #eef6fc !important; }
html body[data-m26] .announcement-brand-icon svg [fill="none"] { fill: none; stroke: currentColor !important; }
html body[data-m26] .announcement-kicker { color: #0e66b0 !important; border-color: #d3e4f1 !important; }
html body[data-m26] .announcement-link-button { color: #0e66b0 !important; border-color: #bcd9f0 !important; background: #eef6fc !important; }
html body[data-m26] .sellers-new-badge { background: #126fc2 !important; }
html body[data-m26] .announcement-update-item.is-orange .announcement-update-number { color: #0e66b0 !important; background: #e1f0fb !important; border-color: #cfe4f5 !important; }
html body[data-m26] .manual-link::after { background: #126fc2 !important; }
html body[data-m26] .announcement-modal input { accent-color: #126fc2 !important; }

@media (max-width: 900px) {
    .m-panel-pass .m-panel-art { inset: auto; left: 0; top: -14%; width: 100%; height: 114%; }
}

/* ---------- 第三轮 ---------- */
.m-step-img { aspect-ratio: 876 / 687; }
.m-note-cliff { left: 2%; top: 56%; }
.m-note-danger { left: 34%; top: 37%; }
.m-note-run { right: 2%; top: 9%; }
.m-wall { margin-top: clamp(72px, 9vw, 130px); }
.m-wall-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.m-wall-head h3 { margin: 0; color: var(--m-bone); font: 900 clamp(34px, 4.4vw, 64px)/1.14 var(--m-display); }
.m-wall-head .m-tiers { margin: 0; }
.m-wall-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(8px, 1vw, 16px); margin: clamp(24px, 3vw, 40px) 0 0; padding: 0; list-style: none; }
.m-wall-grid li { overflow: hidden; background: #fff; border: 1px solid var(--m-line); border-radius: 12px; transition: transform .6s var(--m-ease), box-shadow .6s var(--m-ease); }
.m-wall-grid li:hover { transform: translate3d(0, -4px, 0); box-shadow: 0 16px 30px rgba(18, 57, 92, .16); }
.m-wall-grid img { display: block; width: 100%; height: auto; }
.m-wall-grid div { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 9px 10px; }
.m-wall-grid strong { overflow: hidden; color: var(--m-bone); font-size: 14px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.m-wall-grid span { flex: 0 0 auto; padding: 1px 6px; border-radius: 4px; font-size: 12px; line-height: 1.5; }
.m-wall-grid .is-a { color: #17795a; background: #dcf3ea; }
.m-wall-grid .is-b { color: #0e66b0; background: #e1f0fb; }
.m-wall-grid .is-c { color: #8c5a06; background: #fbeed5; }
.m-wall-grid .is-d { color: #b12d3c; background: #fbe3e6; }
@media (max-width: 1180px) { .m-wall-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 900px) {
    .m-wall-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .m-note-danger { left: 34%; top: 37%; }
}

/* 第四轮：首屏新图 */
.m-panel-pass .m-panel-art { object-position: 50% 30%; }
@media (max-width: 900px) {
    .m-panel-pass .m-panel-art { inset: 0; top: 0; width: 100%; height: 100%; object-position: 50% 42%; }
}

/* 第五轮 */
.m-panel-pass .m-panel-art { object-position: 50% 42%; }
.m-sys-board { align-items: start; }
.m-sys-board img { border-radius: 8px; }

/* ---------- 弹窗统一冬季风格 ---------- */
@keyframes mModalIn { from { opacity: 0; transform: translate3d(0, 22px, 0) scale(.97); } to { opacity: 1; transform: none; } }
html body[data-m26] .modal-overlay {
    background: rgba(22, 62, 98, .34) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.05) !important;
    backdrop-filter: blur(12px) saturate(1.05) !important;
}
html body[data-m26] #download-modal > div,
html body[data-m26] #announcement-modal > div,
html body[data-m26] #sellers-modal > div,
html body[data-m26] #community-modal > div,
html body[data-m26] #benefit-modal > div,
html body[data-m26] #version-modal > div,
html body[data-m26] #groups-modal > div {
    color: #12395c !important;
    background: linear-gradient(165deg, #ffffff 34%, #ecf5fc 100%) !important;
    border: 1px solid #d6e7f4 !important;
    border-radius: 22px !important;
    box-shadow: 0 30px 80px rgba(18, 57, 92, .3), inset 0 1px 0 #fff !important;
}
html body[data-m26] .modal-overlay.active > div { animation: mModalIn .6s var(--m-ease) both; }
html body[data-m26] #download-modal > div::before,
html body[data-m26] #announcement-modal > div::before,
html body[data-m26] #sellers-modal > div::before,
html body[data-m26] #community-modal > div::before,
html body[data-m26] #benefit-modal > div::before,
html body[data-m26] #version-modal > div::before,
html body[data-m26] #groups-modal > div::before { background: linear-gradient(90deg, #9ad6f7, #126fc2) !important; }
html body[data-m26] .modal-overlay .close-modal,
html body[data-m26] .modal-overlay .groups-dialog-close {
    color: #12395c !important;
    background: #fff !important;
    border: 1px solid #d6e7f4 !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(18, 57, 92, .12) !important;
    transition: color .25s, border-color .25s, transform .5s var(--m-ease) !important;
}
html body[data-m26] .modal-overlay .close-modal:hover,
html body[data-m26] .modal-overlay .groups-dialog-close:hover { color: #126fc2 !important; border-color: #126fc2 !important; transform: rotate(90deg); }

/* 旧式标题（版本日志、黑名单） */
html body[data-m26] .modal-overlay .tech-dot { display: none !important; }
html body[data-m26] .modal-overlay .os-title { color: #12395c !important; -webkit-text-fill-color: #12395c !important; background: none !important; font-weight: 800 !important; }
html body[data-m26] .modal-overlay .os-icon { color: #126fc2 !important; background: #e4f1fb !important; border: 1px solid #d6e7f4 !important; box-shadow: none !important; }
html body[data-m26] .modal-overlay .modal-subtitle { color: rgba(18, 57, 92, .68) !important; }

/* 版本日志 */
html body[data-m26] #version-modal .version-item { background: #fff !important; border: 1px solid #d6e7f4 !important; border-radius: 14px !important; box-shadow: none !important; }
html body[data-m26] #version-modal .version-number { color: #0e66b0 !important; -webkit-text-fill-color: #0e66b0 !important; }
html body[data-m26] #version-modal .version-number::before { background: #126fc2 !important; box-shadow: none !important; }
html body[data-m26] #version-modal .version-date { color: #4f6b82 !important; background: #eef6fc !important; border: 0 !important; }
html body[data-m26] .modal-overlay .change-type.fix { color: #0e66b0 !important; background: #e1f0fb !important; }
html body[data-m26] .modal-overlay .change-type.improve { color: #17795a !important; background: #dcf3ea !important; }
html body[data-m26] .modal-overlay .view-more-btn { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #126fc2 !important; border: 1px solid #126fc2 !important; border-radius: 10px !important; box-shadow: none !important; transition: background .25s !important; }
html body[data-m26] .modal-overlay .view-more-btn:hover { background: #0e5ea6 !important; transform: none !important; }
html body[data-m26] .modal-overlay .view-more-btn.view-all-btn { color: #0e66b0 !important; -webkit-text-fill-color: #0e66b0 !important; background: #fff !important; border-color: #bcd9f0 !important; }
html body[data-m26] .modal-overlay .view-more-btn.view-all-btn:hover { background: #e8f3fc !important; }

/* 黑名单 */
html body[data-m26] #sellers-modal .sellers-note { background: #eef6fc !important; border: 1px solid #deedf8 !important; border-radius: 12px !important; box-shadow: none !important; }
html body[data-m26] #sellers-modal .sellers-note strong { color: #0e66b0 !important; }
html body[data-m26] #sellers-modal .seller-item { background: #fff !important; border: 1px solid #d6e7f4 !important; border-radius: 12px !important; box-shadow: none !important; }
html body[data-m26] #sellers-modal .seller-item:hover { border-color: #126fc2 !important; transform: none !important; }
html body[data-m26] #sellers-modal .seller-platform,
html body[data-m26] #sellers-modal .seller-tag { color: #0e66b0 !important; background: #e1f0fb !important; border: 0 !important; box-shadow: none !important; }
html body[data-m26] #sellers-modal .seller-status.status-online { color: #fff !important; background: #c23a4c !important; box-shadow: none !important; }
html body[data-m26] #sellers-modal .seller-link-hint { color: #0e66b0 !important; }
html body[data-m26] #sellers-modal .seller-link-hint::after { color: #0e66b0 !important; background-color: currentColor; }

/* 活动中心 */
html body[data-m26] #benefit-modal .benefit-hero { background: none !important; }
html body[data-m26] #benefit-modal .benefit-filter button { color: #2e4d68 !important; background: #fff !important; border: 1px solid #d6e7f4 !important; box-shadow: none !important; }
html body[data-m26] #benefit-modal .benefit-filter button.is-active { color: #fff !important; background: #126fc2 !important; border-color: #126fc2 !important; }
html body[data-m26] #benefit-modal .benefit-filter button span { color: inherit !important; }
html body[data-m26] #benefit-modal .benefit-filter button.is-active span { color: #126fc2 !important; background: #fff !important; }
html body[data-m26] #benefit-modal .benefit-item { background: #fff !important; border: 1px solid #d6e7f4 !important; border-radius: 14px !important; box-shadow: none !important; }
html body[data-m26] #benefit-modal .benefit-item::before { background: #126fc2 !important; }
html body[data-m26] #benefit-modal .benefit-item.is-upcoming::before { background: #7cc4f2 !important; }
html body[data-m26] #benefit-modal .benefit-item.is-ended::before { background: #b9c9d6 !important; }
html body[data-m26] #benefit-modal .benefit-facts span { background: #eef6fc !important; border: 1px solid #deedf8 !important; border-radius: 10px !important; }
html body[data-m26] #benefit-modal .benefit-item-index { color: #4f6b82 !important; }
html body[data-m26] #benefit-modal .benefit-tag.is-upcoming { color: #0e66b0 !important; background: #e1f0fb !important; }
html body[data-m26] #benefit-modal .benefit-tag.is-upcoming i { background: #126fc2 !important; box-shadow: none !important; }

/* 下载、社区、玩家群 */
html body[data-m26] #download-modal .download-picker-step,
html body[data-m26] #download-modal .package-recommend-badge,
html body[data-m26] #download-modal .route-badge { color: #0e66b0 !important; }
html body[data-m26] #download-modal .package-recommend-badge,
html body[data-m26] #download-modal .route-badge { background: #e1f0fb !important; border-color: #cfe4f5 !important; }
html body[data-m26] #community-modal .community-entry-card.is-activation { border-color: #bcd9f0 !important; }
html body[data-m26] #community-modal .community-entry-action,
html body[data-m26] #community-modal .community-entry-card span { color: #0e66b0; }
html body[data-m26] #community-modal .community-entry-action { color: #0e66b0 !important; }
html body[data-m26] #groups-modal .group-card-mode { color: #0e66b0 !important; }

/* NEW 角标统一 */
html body[data-m26] .notification-badge,
html body[data-m26] .benefit-new-badge,
html body[data-m26] #version-update-btn::after {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #126fc2 !important;
    border-color: #fff !important;
    box-shadow: none !important;
}
.m-panel-br .m-panel-art { object-position: 50% 40%; }

/* 这三个弹窗的 ::before 是整块底，不是顶部色条 */
html body[data-m26] #benefit-modal > div::before,
html body[data-m26] #version-modal > div::before,
html body[data-m26] #sellers-modal > div::before,
html body[data-m26] #benefit-modal > div::after,
html body[data-m26] #version-modal > div::after,
html body[data-m26] #sellers-modal > div::after { background: none !important; }
html body[data-m26] #benefit-modal .benefit-footer,
html body[data-m26] #benefit-modal [class*="benefit-note"],
html body[data-m26] #benefit-modal .benefit-hero::before,
html body[data-m26] #benefit-modal .benefit-hero::after { background: none !important; }
html body[data-m26] #sellers-modal .seller-link-hint::after { background: none !important; }

/* “继续向下滚动查看”的提示 */
html body[data-m26] .modal-overlay .show-scroll-hint::after { color: #0e66b0 !important; -webkit-text-fill-color: #0e66b0 !important; }
html body[data-m26] .modal-overlay .show-scroll-hint::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 78%) !important; }
html body[data-m26] #announcement-modal .announcement-brand-icon,
html body[data-m26] .sellers-new-badge { box-shadow: none !important; }

/* 手机：图在上、文字在下，互不遮挡 */
@media (max-width: 900px) {
    .m-panel, .m-panels:hover .m-panel, .m-panels .m-panel:hover { height: auto; min-height: 0; overflow: hidden; background: #f0f8fd; }
    html body[data-m26] .m-panel .m-panel-art,
    html.m-js.m-go body[data-m26] .m-panel .m-panel-art {
        position: relative;
        inset: auto;
        top: 0;
        display: block;
        width: 100%;
        height: 62vw;
        scale: 1;
        translate: none;
        transform: none;
        animation: none;
    }
    .m-panel-pass .m-panel-art { object-position: 50% 30%; }
    .m-panel-br .m-panel-art { object-position: 58% 32%; }
    html.m-gl .m-panel-shade, .m-panel-shade { display: none; }
    .m-panel-copy, .m-panel-br .m-panel-copy { position: relative; left: auto; right: auto; bottom: auto; padding: 16px 20px 28px; }
    .m-panel-title { margin-top: 8px; }
    .m-panel-br { border-top: 1px solid var(--m-line); }
}

/* 顶栏版本按钮：脚本生成的文字和 NEW 角标 */
html body[data-m26] #version-update-btn .version-nav-label { color: inherit !important; -webkit-text-fill-color: inherit !important; }
html body[data-m26] #version-update-btn .version-nav-badge {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #126fc2 !important;
    border-color: #fff !important;
    box-shadow: none !important;
}