*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#070B14;--panel:#101827;--panel2:#111827;--text:#F8FAFC;--muted:#94A3B8;--line:rgba(255,255,255,.08);--cyan:#00E5FF;--purple:#7C3AED}
html,body{min-height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 15% 0%,rgba(0,229,255,.14),transparent 26%),radial-gradient(circle at 85% 12%,rgba(124,58,237,.14),transparent 26%),linear-gradient(180deg,#070B14 0%,#0B1020 100%);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.app{width:100%;max-width:480px;margin:0 auto;padding:14px 13px 92px}
.header{display:flex;justify-content:space-between;align-items:center;padding-top:4px}
.header h1{font-size:26px;font-weight:900;letter-spacing:.5px;line-height:1.1}
.header p{font-size:12px;color:var(--muted);margin-top:6px}
.site-logo{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:0 0 24px rgba(0,229,255,.18);overflow:hidden}
.site-logo img{width:34px;height:34px;object-fit:contain}
.notice-wrap{margin-top:14px;height:40px;border-radius:999px;display:flex;align-items:center;padding:0 12px;background:rgba(255,255,255,.06);border:1px solid var(--line);backdrop-filter:blur(18px);overflow:hidden}
.notice-icon{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,229,255,.12);color:var(--cyan);font-size:12px;margin-right:8px;flex-shrink:0}
.notice-scroll{flex:1;overflow:hidden;white-space:nowrap}
.notice-text{display:inline-block;font-size:12px;color:#CBD5E1;animation:notice 13s linear infinite}
@keyframes notice{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.hero-image{margin-top:14px;height:132px;position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#111827;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.back-line{margin-top:12px;font-size:13px;color:#00E5FF}
.back-line a{display:inline-flex;gap:6px;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.14)}
.section-head{margin:17px 2px 10px;display:flex;justify-content:space-between;align-items:center}
.section-head span{font-size:16px;font-weight:800}
.section-head em{font-style:normal;font-size:11px;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.card{position:relative;overflow:hidden;border-radius:18px;background:rgba(17,24,39,.86);border:1px solid var(--line);backdrop-filter:blur(16px);transition:.25s}
.card:active{transform:scale(.985)}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(124,58,237,.06));opacity:0;transition:.25s}
.card:hover::before{opacity:1}
.card-icon,.card-info,.go{position:relative;z-index:2}
.card-icon{width:44px;height:44px;flex-shrink:0}
.card-icon img{width:44px;height:44px;border-radius:14px;object-fit:cover;background:#0B1020}
.card-icon span{position:absolute;right:-12px;top:-7px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;background:linear-gradient(135deg,var(--cyan),var(--purple));color:white}
.card-short{min-height:94px;padding:11px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:8px 10px;align-items:start}
.card-short .card-icon{grid-column:1;grid-row:1}
.card-short .card-info{grid-column:2;grid-row:1 / 3;min-width:0}
.card-short .card-info strong{display:block;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-short .card-info p{margin-top:7px;font-size:11px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-short .go{display:none}
.card-long{grid-column:1 / -1;min-height:72px;padding:11px 12px;display:flex;align-items:center;gap:12px}
.card-long .card-info{flex:1;min-width:0}
.card-long .card-info strong{display:block;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-long .card-info p{margin-top:5px;font-size:12px;line-height:1.45;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-long .go{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--cyan);font-size:12px;flex-shrink:0}
.empty{grid-column:1 / -1;padding:22px;border-radius:18px;background:rgba(255,255,255,.05);color:var(--muted);font-size:13px;text-align:center}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:68px;display:flex;align-items:center;justify-content:space-around;background:rgba(7,11,20,.84);border-top:1px solid var(--line);backdrop-filter:blur(20px);z-index:999}
.bottom-nav a{height:54px;min-width:54px;padding:7px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#94A3B8;border-radius:16px}
.bottom-nav a i{font-size:18px}
.bottom-nav a.active{color:var(--cyan);background:rgba(0,229,255,.09)}
@media(max-width:480px){.hero-image{height:128px}}
@media(max-width:360px){.grid{grid-template-columns:1fr}.hero-image{height:118px;border-radius:20px}}


/* 页面设置：字体 */
body.font-system{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body.font-yahei{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
body.font-songti{font-family:"SimSun","Songti SC",serif}
body.font-kaiti{font-family:"KaiTi","STKaiti",serif}
body.font-rounded{font-family:"Arial Rounded MT Bold","PingFang SC","Microsoft YaHei",sans-serif}

/* 页面设置：风格 */
body.style-neon{
background:
radial-gradient(circle at 15% 0%,rgba(0,229,255,.14),transparent 26%),
radial-gradient(circle at 85% 12%,rgba(124,58,237,.14),transparent 26%),
linear-gradient(180deg,#070B14 0%,#0B1020 100%);
}
body.style-deep{
background:linear-gradient(180deg,#020617 0%,#111827 100%);
}
body.style-blue{
background:
radial-gradient(circle at 20% 0%,rgba(59,130,246,.2),transparent 28%),
linear-gradient(180deg,#07111f 0%,#0f172a 100%);
}
body.style-purple{
background:
radial-gradient(circle at 80% 0%,rgba(168,85,247,.2),transparent 28%),
linear-gradient(180deg,#10071f 0%,#1e1b4b 100%);
}
body.style-clean{
background:#0f172a;
}
body.style-clean .card,
body.style-clean .notice-wrap,
body.style-clean .site-logo{
background:rgba(255,255,255,.08);
box-shadow:none;
}


/* v6.2 高级主题：明显改变整体页面风格 */
body.style-neon{--theme-bg:#070B14;--theme-bg2:#0B1020;--theme-panel:rgba(17,24,39,.86);--theme-panel-solid:#111827;--theme-text:#F8FAFC;--theme-muted:#94A3B8;--theme-line:rgba(255,255,255,.08);--theme-a:#00E5FF;--theme-b:#7C3AED;background:radial-gradient(circle at 15% 0%,rgba(0,229,255,.14),transparent 26%),radial-gradient(circle at 85% 12%,rgba(124,58,237,.14),transparent 26%),linear-gradient(180deg,var(--theme-bg) 0%,var(--theme-bg2) 100%);color:var(--theme-text)}
body.style-dark_gold{--theme-bg:#080604;--theme-bg2:#1A1208;--theme-panel:rgba(35,25,12,.9);--theme-panel-solid:#1F160B;--theme-text:#FFF7E6;--theme-muted:#D6B77A;--theme-line:rgba(245,158,11,.22);--theme-a:#F59E0B;--theme-b:#FDE68A;background:radial-gradient(circle at 20% 0%,rgba(245,158,11,.22),transparent 28%),linear-gradient(180deg,#080604 0%,#1A1208 100%);color:var(--theme-text)}
body.style-silver{--theme-bg:#E5E7EB;--theme-bg2:#CBD5E1;--theme-panel:rgba(255,255,255,.78);--theme-panel-solid:#FFFFFF;--theme-text:#111827;--theme-muted:#64748B;--theme-line:rgba(15,23,42,.12);--theme-a:#334155;--theme-b:#94A3B8;background:radial-gradient(circle at 15% 0%,rgba(148,163,184,.4),transparent 30%),linear-gradient(180deg,#F8FAFC 0%,#CBD5E1 100%);color:var(--theme-text)}
body.style-white{--theme-bg:#FFFFFF;--theme-bg2:#F3F4F6;--theme-panel:rgba(255,255,255,.92);--theme-panel-solid:#FFFFFF;--theme-text:#111827;--theme-muted:#6B7280;--theme-line:rgba(17,24,39,.1);--theme-a:#2563EB;--theme-b:#06B6D4;background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#FFFFFF 0%,#F3F4F6 100%);color:var(--theme-text)}
body.style-cream{--theme-bg:#FFF7ED;--theme-bg2:#FED7AA;--theme-panel:rgba(255,255,255,.74);--theme-panel-solid:#FFFFFF;--theme-text:#431407;--theme-muted:#9A3412;--theme-line:rgba(154,52,18,.16);--theme-a:#EA580C;--theme-b:#FDBA74;background:radial-gradient(circle at 10% 0%,rgba(251,146,60,.22),transparent 30%),linear-gradient(180deg,#FFF7ED 0%,#FED7AA 100%);color:var(--theme-text)}
body.style-blue{--theme-bg:#061426;--theme-bg2:#0F2A4A;--theme-panel:rgba(15,42,74,.86);--theme-panel-solid:#102A43;--theme-text:#EFF6FF;--theme-muted:#93C5FD;--theme-line:rgba(96,165,250,.2);--theme-a:#38BDF8;--theme-b:#2563EB;background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.24),transparent 28%),linear-gradient(180deg,#061426 0%,#0F2A4A 100%);color:var(--theme-text)}
body.style-purple{--theme-bg:#12081F;--theme-bg2:#2E1065;--theme-panel:rgba(49,20,86,.84);--theme-panel-solid:#2E1065;--theme-text:#FAF5FF;--theme-muted:#D8B4FE;--theme-line:rgba(216,180,254,.18);--theme-a:#A855F7;--theme-b:#EC4899;background:radial-gradient(circle at 80% 0%,rgba(236,72,153,.22),transparent 28%),linear-gradient(180deg,#12081F 0%,#2E1065 100%);color:var(--theme-text)}
body.style-green{--theme-bg:#031712;--theme-bg2:#064E3B;--theme-panel:rgba(6,78,59,.78);--theme-panel-solid:#064E3B;--theme-text:#ECFDF5;--theme-muted:#A7F3D0;--theme-line:rgba(16,185,129,.2);--theme-a:#10B981;--theme-b:#A7F3D0;background:radial-gradient(circle at 15% 0%,rgba(16,185,129,.24),transparent 28%),linear-gradient(180deg,#031712 0%,#064E3B 100%);color:var(--theme-text)}
body.style-rose{--theme-bg:#2B0714;--theme-bg2:#831843;--theme-panel:rgba(131,24,67,.78);--theme-panel-solid:#831843;--theme-text:#FFF1F2;--theme-muted:#FDA4AF;--theme-line:rgba(251,113,133,.2);--theme-a:#FB7185;--theme-b:#F472B6;background:radial-gradient(circle at 70% 0%,rgba(244,114,182,.28),transparent 30%),linear-gradient(180deg,#2B0714 0%,#831843 100%);color:var(--theme-text)}
body.style-carbon{--theme-bg:#050505;--theme-bg2:#171717;--theme-panel:rgba(23,23,23,.9);--theme-panel-solid:#171717;--theme-text:#FAFAFA;--theme-muted:#A3A3A3;--theme-line:rgba(255,255,255,.1);--theme-a:#E5E5E5;--theme-b:#737373;background:linear-gradient(135deg,#050505 0%,#171717 55%,#262626 100%);color:var(--theme-text)}

body[class*="style-"]{background-color:var(--theme-bg);color:var(--theme-text)}
body[class*="style-"] .header p,body[class*="style-"] .section-head em,body[class*="style-"] .card-short .card-info p,body[class*="style-"] .card-long .card-info p{color:var(--theme-muted)}
body[class*="style-"] .notice-wrap,body[class*="style-"] .site-logo,body[class*="style-"] .card{background:var(--theme-panel);border-color:var(--theme-line)}
body[class*="style-"] .hero-image{border-color:var(--theme-line);background:var(--theme-panel-solid)}
body[class*="style-"] .notice-icon,body[class*="style-"] .back-line a,body[class*="style-"] .bottom-nav a.active{background:color-mix(in srgb, var(--theme-a) 16%, transparent);color:var(--theme-a)}
body[class*="style-"] .card-icon span{background:linear-gradient(135deg,var(--theme-a),var(--theme-b))}
body[class*="style-"] .bottom-nav{background:color-mix(in srgb, var(--theme-bg) 84%, transparent);border-color:var(--theme-line)}
body[class*="style-"] .bottom-nav a{color:var(--theme-muted)}
body[class*="style-"] .bottom-nav a.active{color:var(--theme-a)}
body[class*="style-"] .go{color:var(--theme-a)}
body[class*="style-"] .notice-text{color:var(--theme-muted)}
body.style-silver .card,body.style-white .card,body.style-cream .card{box-shadow:0 12px 36px rgba(15,23,42,.12)}
body.style-silver .bottom-nav,body.style-white .bottom-nav,body.style-cream .bottom-nav{background:rgba(255,255,255,.86)}
body.style-silver .hero-image,body.style-white .hero-image,body.style-cream .hero-image{box-shadow:0 16px 42px rgba(15,23,42,.15)}

.announce-mask{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}.announce-mask.show{display:flex}.announce-box{width:min(360px,92vw);position:relative;text-align:center;padding:28px 22px 22px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),rgba(17,24,39,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.5);animation:announceIn .35s ease}@keyframes announceIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.announce-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:20px;line-height:32px}.announce-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));color:#fff;font-size:24px;box-shadow:0 0 30px rgba(0,229,255,.22)}.announce-box h2{font-size:21px;margin-bottom:12px}.announce-box p{font-size:14px;line-height:1.8;color:#CBD5E1;margin-bottom:20px;word-break:break-word}.announce-ok{width:100%;height:44px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));color:#fff;font-weight:900;font-size:15px}body.style-white .announce-box,body.style-silver .announce-box,body.style-cream .announce-box{background:rgba(255,255,255,.96);color:var(--theme-text)}body.style-white .announce-box p,body.style-silver .announce-box p,body.style-cream .announce-box p{color:var(--theme-muted)}body.style-white .announce-close,body.style-silver .announce-close,body.style-cream .announce-close{background:rgba(15,23,42,.08);color:#111827}

/* v7.1 公告弹窗修复 */
.announce-mask{
opacity:0;
transition:opacity .18s ease;
}
.announce-mask.show{
opacity:1;
display:flex !important;
}

/* v7.2 移除公告功能：防止旧缓存残留 */
.announce-mask{display:none!important}

/* v7.3 前端左上角 Logo 显示修复 */
.site-logo{
width:46px;
height:46px;
padding:7px;
}
.site-logo img{
width:32px!important;
height:32px!important;
object-fit:contain!important;
display:block;
image-rendering:auto;
}

/* v7.4 Logo 空路径/碎裂修复 */
.site-logo img{background:transparent!important}

/* clean final: logo 铺满容器 */
.site-logo{width:46px!important;height:46px!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--line)!important}
.site-logo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;image-rendering:auto!important}
.announce-mask{display:none!important}

/* 前台骨架屏 */
.page-skeleton{position:fixed;inset:0;z-index:999999;background:#070B14;display:flex;justify-content:center;transition:opacity .24s ease}
.page-skeleton.hide{opacity:0;pointer-events:none}
.sk-wrap{width:100%;max-width:480px;padding:14px 13px}
.sk-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sk-head span{width:120px;height:32px;border-radius:12px;background:rgba(255,255,255,.08)}
.sk-head i{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.08);display:block}
.sk-pill{height:40px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:14px}
.sk-hero{height:128px;border-radius:24px;background:rgba(255,255,255,.08);margin-bottom:17px}
.sk-title{width:120px;height:22px;border-radius:10px;background:rgba(255,255,255,.08);margin-bottom:10px}
.sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sk-grid b{height:94px;border-radius:18px;background:rgba(255,255,255,.08);display:block}
.page-skeleton span,.page-skeleton i,.page-skeleton div:not(.sk-wrap):not(.sk-head):not(.sk-grid),.sk-grid b{position:relative;overflow:hidden}
.page-skeleton span:after,.page-skeleton i:after,.page-skeleton div:not(.sk-wrap):not(.sk-head):not(.sk-grid):after,.sk-grid b:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:sk 1.1s infinite}
@keyframes sk{100%{transform:translateX(100%)}}

.hero-carousel{margin-top:14px;height:132px;position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#111827;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.hero-track{height:100%;display:flex;transition:transform .45s ease}
.hero-slide{min-width:100%;height:100%;display:block}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}
.hero-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
.hero-dots span.active{width:18px;border-radius:999px;background:#fff}
.stage-list{display:grid;gap:12px;margin-top:10px}
.moment-card{display:flex;gap:10px;padding:14px 12px;border-radius:18px;background:rgba(17,24,39,.86);border:1px solid var(--line);backdrop-filter:blur(16px)}
.moment-avatar{width:42px;height:42px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.08)}
.moment-avatar img{width:100%;height:100%;object-fit:cover}
.moment-main{flex:1;min-width:0}
.moment-name{font-size:15px;font-weight:900;color:#7DD3FC;margin-bottom:6px}
.moment-name span{font-size:10px;padding:2px 6px;border-radius:999px;background:#F59E0B;color:#fff;margin-left:6px}
.moment-content{font-size:14px;line-height:1.65;color:var(--theme-text,#F8FAFC);word-break:break-word}
.moment-image{margin-top:8px;width:100%;max-height:260px;object-fit:cover;border-radius:12px;display:block}
.moment-video{margin-top:8px;width:100%;max-height:260px;border-radius:12px;background:#000;display:block}
.moment-time{margin-top:8px;font-size:11px;color:var(--theme-muted,#94A3B8)}
.moment-comments{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.moment-comments p{font-size:12px;line-height:1.6;color:var(--theme-muted,#CBD5E1)}
.moment-comments b{color:#7DD3FC}
@media(max-width:480px){.hero-carousel{height:128px}}

.home-notice-mask{position:fixed;inset:0;z-index:999998;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease}
.home-notice-mask.show{opacity:1}
.home-notice-box{width:min(360px,92vw);position:relative;border-radius:26px;background:rgba(17,24,39,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.5);padding:26px 22px 22px;text-align:center;overflow:hidden;animation:noticePop .28s ease}
@keyframes noticePop{from{transform:translateY(16px) scale(.96);opacity:.5}to{transform:translateY(0) scale(1);opacity:1}}
.home-notice-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:20px;z-index:2}
.home-notice-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));color:#fff;font-size:24px}
.home-notice-box h2{font-size:21px;margin-bottom:12px}
.home-notice-box p{font-size:14px;line-height:1.8;color:#CBD5E1;word-break:break-word}
.home-notice-imglink{display:block}
.home-notice-img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:22px}
body.style-white .home-notice-box,body.style-silver .home-notice-box,body.style-cream .home-notice-box{background:rgba(255,255,255,.96);color:var(--theme-text)}
body.style-white .home-notice-box p,body.style-silver .home-notice-box p,body.style-cream .home-notice-box p{color:var(--theme-muted)}


/* v11.3 公告 UI 优化 */
.home-notice-mask{
padding:22px!important;
}
.home-notice-wrap{
width:min(360px,92vw);
display:flex;
flex-direction:column;
align-items:center;
gap:14px;
animation:noticePop .28s ease;
}
.home-notice-box{
width:100%!important;
padding:0!important;
border-radius:26px!important;
overflow:hidden!important;
text-align:center;
}
.notice-image-mode .home-notice-box{
background:transparent!important;
border:none!important;
box-shadow:0 30px 100px rgba(0,0,0,.5)!important;
}
.notice-image-mode .home-notice-imglink,
.notice-image-mode .home-notice-img{
display:block;
width:100%;
height:100%;
}
.notice-image-mode .home-notice-img{
max-height:480px!important;
min-height:260px;
object-fit:cover!important;
border-radius:26px!important;
}
.notice-text-mode .home-notice-box{
padding:26px 22px 22px!important;
}
.home-notice-label{
width:max-content;
margin:0 auto 14px;
padding:6px 18px;
border-radius:999px;
background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));
color:#fff;
font-size:15px;
font-weight:900;
letter-spacing:2px;
}
.home-notice-close{
display:none!important;
}
.home-notice-close-bottom{
width:42px;
height:42px;
border:none;
border-radius:50%;
background:rgba(255,255,255,.18);
color:#fff;
font-size:26px;
line-height:42px;
display:flex;
align-items:center;
justify-content:center;
backdrop-filter:blur(10px);
box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.home-notice-close-bottom:active{
transform:scale(.96);
}
body.style-white .home-notice-close-bottom,
body.style-silver .home-notice-close-bottom,
body.style-cream .home-notice-close-bottom{
background:rgba(15,23,42,.18);
color:#111827;
}

/* v11.6 公告多图轮播 UI 修复版 */
.home-notice-mask{position:fixed;inset:0;z-index:999998;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease}
.home-notice-mask.show{opacity:1}
.home-notice-wrap{width:min(380px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;animation:noticePop .28s ease}
@keyframes noticePop{from{transform:translateY(16px) scale(.96);opacity:.5}to{transform:translateY(0) scale(1);opacity:1}}
.home-notice-box{width:100%;position:relative;border-radius:26px;background:rgba(17,24,39,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.5);text-align:center;overflow:hidden}
.notice-text-mode .home-notice-box{padding:26px 22px 22px}
.home-notice-label{width:max-content;margin:0 auto 14px;padding:6px 18px;border-radius:999px;background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));color:#fff;font-size:15px;font-weight:900;letter-spacing:2px}
.home-notice-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));color:#fff;font-size:24px}
.home-notice-box h2{font-size:21px;margin-bottom:12px}
.home-notice-box p{font-size:14px;line-height:1.8;color:#CBD5E1;word-break:break-word}
.notice-image-mode .home-notice-box{padding:0;background:#111827}
.notice-tabs{height:46px;display:flex;align-items:center;gap:8px;padding:8px;background:rgba(7,11,20,.94);overflow-x:auto}
.notice-tabs button{height:30px;white-space:nowrap;padding:0 13px;border:none;border-radius:999px;background:rgba(255,255,255,.08);color:#CBD5E1;font-size:12px;font-weight:800}
.notice-tabs button.active{background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED));color:#fff}
.notice-slider{display:flex;width:100%;transition:transform .3s ease}
.notice-slide{min-width:100%;height:420px;background:#0B1020}
.notice-slide a{display:block;width:100%;height:100%}
.notice-slide img{width:100%;height:100%;object-fit:cover;display:block}
.notice-arrow{position:absolute;top:54%;transform:translateY(-50%);width:34px;height:46px;border:none;border-radius:14px;background:rgba(0,0,0,.38);color:#fff;font-size:32px;line-height:1;z-index:3}
.notice-prev{left:10px}
.notice-next{right:10px}
.home-notice-close,.home-notice-close-bottom{width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:42px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.home-notice-close{display:none!important}
.home-notice-close-bottom:active{transform:scale(.96)}
@media(max-width:420px){.notice-slide{height:360px}.home-notice-wrap{width:94vw}}


/* v11.7 公告图片标题栏优化：标题自动均分顶部宽度 */
.notice-image-mode .notice-tabs{
    height:auto!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    background:rgba(7,11,20,.96)!important;
    padding:8px!important;
    gap:8px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    overflow:visible!important;
}

.notice-image-mode .notice-tabs button{
    flex:1 1 0!important;
    min-width:0!important;
    height:38px!important;
    border:none!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.07)!important;
    color:#CBD5E1!important;
    font-size:13px!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    transition:.22s ease!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    backdrop-filter:blur(8px)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}

.notice-image-mode .notice-tabs button.active{
    background:linear-gradient(135deg,var(--theme-a,#00E5FF),var(--theme-b,#7C3AED))!important;
    color:#fff!important;
    box-shadow:
        0 8px 24px rgba(0,229,255,.22),
        0 0 18px rgba(124,58,237,.18)!important;
    transform:translateY(-1px)!important;
}

.notice-image-mode .notice-tabs button:active{
    transform:scale(.98)!important;
}

/* 标题过多时仍保持美观：小屏超过4个允许横向轻滑，但每个仍均分当前可视区 */
@media(max-width:420px){
    .notice-image-mode .notice-tabs{
        gap:6px!important;
        padding:7px!important;
    }

    .notice-image-mode .notice-tabs button{
        height:36px!important;
        border-radius:13px!important;
        font-size:12px!important;
    }
}