html{scroll-behavior:smooth}
body{background:#050507;color:#f2f4ff;font-family:Arial,Helvetica,sans-serif}
.container{max-width:1140px;margin:0 auto;padding-left:15px;padding-right:15px}
.header{background:#0f0f16;border-bottom:1px solid #2f2f46}
.header-middle{display:flex;align-items:center;justify-content:space-between;min-height:92px}
.logo img{display:block;max-width:220px;height:auto}
.extra{margin:0;padding:0;list-style:none}.extra li{display:inline-block;margin-left:8px}
.btn{display:inline-block;border-radius:6px;color:#fff!important;font-weight:700;padding:10px 18px;text-decoration:none}
.btn-danger{background:#d71920}.btn-primary{background:#2a4f88}
.navbar-main{background:#151326;border-top:1px solid #2e2947;border-bottom:2px solid #37315a}
.navbar-main ul{margin:0;padding:0;list-style:none}.navbar-main li{display:inline-block}
.navbar-main a{display:block;color:#f6f7ff!important;font-weight:700;text-transform:uppercase;padding:13px 16px;text-decoration:none}
.navbar-main a:hover{background:#25203f}
.main{padding:22px 0}
.home-player{background:#0b0817;border:1px solid #352b56;color:#fff;margin-bottom:18px;box-shadow:0 10px 24px #00000055}
.player-tabs{display:flex;gap:1px;background:#0e0b19;border-bottom:1px solid #2a2443;flex-wrap:wrap}
.player-tabs a{color:#d8dcff;text-decoration:none;padding:8px 14px;background:#17132a;font-weight:700}
.player-tabs a:hover{background:#2b2350}
.player-box{min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 40% 20%,#2f0f3d,#12051f 60%,#090512)}
.player-box strong{display:block;font-size:52px;line-height:1.15;color:#ffffff;text-transform:none}
.player-box span{display:block;margin-top:18px;color:#f5f5ff}
.intro-box{padding-bottom:8px}
.intro-box p{padding:0 15px;line-height:1.7;color:#d8daf0}
.row{display:grid;grid-template-columns:minmax(0,2fr) 340px;gap:22px}
.section-box{background:#111121;border:1px solid #2f2f46;margin-bottom:20px;box-shadow:0 1px 2px #00000033}
.section-title{background:#1d1a31;color:#f6f7ff;font-size:18px;line-height:1.2;margin:0;padding:12px 15px;text-transform:uppercase;border-left:5px solid #b42ad6}
.post-card{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:14px 15px;border-bottom:1px solid #2a2940}
.post-card:last-child{border-bottom:0}.post-card .thumb{display:flex;align-items:center;justify-content:center;background:#16162b;border:1px solid #2d2d48;min-height:86px}
.post-card .thumb img{max-width:100px;height:auto}.post-card h3{font-size:17px;margin:0 0 6px;line-height:1.4}
.post-card h3 a{color:#f3f5ff;text-decoration:none}.post-card h3 a:hover{color:#d5a6ff}
.meta{font-size:13px;color:#9aa0c5;margin:0}
.widget{padding-bottom:12px}.widget p{padding:0 15px;line-height:1.65;color:#d8daf0}
.old-links{list-style:none;margin:0;padding:10px 15px;max-height:560px;overflow:auto}
.old-links li{border-bottom:1px solid #2b2b43}.old-links a{display:block;color:#e5e8ff;text-decoration:none;padding:8px 0}
.old-links a:hover{color:#d5a6ff}
.footer{background:#0d0d15;color:#cfd3ef;text-align:center;padding:28px 0;margin-top:20px;border-top:2px solid #2a2a42}.footer img{height:auto}
@media(max-width:860px){.header-middle{display:block;text-align:center;padding:15px 0}.extra li{margin:8px 3px 0}.navbar-main li{display:block;border-top:1px solid #2f2a4b}.row{grid-template-columns:1fr}.post-card{grid-template-columns:95px 1fr}.player-box strong{font-size:30px}}

.hero-content{max-width:920px;padding:26px 20px;text-align:left}.hero-content strong{display:block;font-size:56px;line-height:1.16;color:#fff;text-transform:none}.hero-content span{display:block;margin-top:22px;font-size:33px;line-height:1.35;color:#fff}.hero-more{display:inline-block;margin-top:34px;background:#8ca0be;color:#fff;text-decoration:none;padding:18px 32px;border-radius:10px;font-weight:700}.hero-more:hover{background:#7a90b0;color:#fff}@media(max-width:860px){.hero-content strong{font-size:30px}.hero-content span{font-size:20px}.hero-more{padding:12px 22px;margin-top:20px}}

.long-content{max-width:980px;margin:8px auto 20px}.long-content-body{padding:16px 18px 22px;line-height:1.75;color:#e3e6ff}.long-content-body h3{font-size:22px;margin:20px 0 10px;color:#fff}.long-content-body h4{font-size:18px;margin:14px 0 8px;color:#f0ddff}.long-content-body p{margin:0 0 12px}.long-content-body ul{margin:0 0 12px 20px;padding:0}.long-content-body li{margin:0 0 8px}.long-content-body strong{color:#fff}

.toc-box{background:#171830;border:1px solid #343a73;border-left:4px solid #8f5bff;padding:12px 14px;margin:0 0 16px}.toc-title{font-weight:700;margin:0 0 8px;color:#d8ddff}.toc-box ul{margin:0;padding-left:18px}.toc-box li{margin:0 0 6px}.toc-box a{color:#9ab6ff;text-decoration:none}.toc-box a:hover{text-decoration:underline;color:#c7d7ff}

.live-player-frame{width:100%;height:100%;min-height:260px}.live-iframe{width:100%;height:100%;min-height:260px;border:0;display:block;background:#000}