html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:#050507;color:#f2f4ff;font-family:Arial,Helvetica,sans-serif}
.container{max-width:1220px;margin:0 auto;padding:0 14px}
.header{background:#0f0f16;border-bottom:1px solid #2f2f46}
.header-middle{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:12px}
.logo img{display:block;max-width:220px;height:auto}
.extra{margin:0;padding:0;list-style:none;display:flex;gap:8px}
.btn{display:inline-block;border-radius:6px;color:#fff!important;font-weight:700;padding:10px 16px;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;display:flex;flex-wrap:wrap}
.navbar-main a{display:block;color:#f6f7ff!important;font-weight:700;text-transform:uppercase;padding:12px 14px;text-decoration:none}
.navbar-main a:hover{background:#25203f}
.main{padding:18px 0}
.home-player{background:#0b0817;border:1px solid #352b56;color:#fff;margin-bottom:16px;box-shadow:0 10px 24px #00000055}
.player-tabs{display:flex;align-items:stretch;background:#0e0b19;border-bottom:1px solid #2a2443;overflow-x:auto;white-space:nowrap}
.player-tabs a{color:#d8dcff;text-decoration:none;padding:12px 16px;background:#17132a;font-weight:700;border-right:1px solid #2a2443;display:inline-flex;align-items:center;justify-content:center;min-height:52px}
.player-tabs .tab-reload{margin-left:auto;background:#221b3f}
.player-tabs .tab-channel.is-active{background:#2f2457;color:#fff}
.player-tabs a:hover{background:#2b2350}
.player-box{min-height:520px;display:flex;align-items:stretch;justify-content:center;background:#000}
.live-player-frame,.live-iframe{width:100%;height:100%;min-height:520px;border:0;display:block;background:#000}
.intro-box p{padding:0 15px;line-height:1.7;color:#d8daf0}
.row{display:grid;grid-template-columns:minmax(0,2fr) 330px;gap:18px}
.section-box{background:#111121;border:1px solid #2f2f46;margin-bottom:18px;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:120px 1fr;gap:12px;padding:12px 14px;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:80px}
.post-card .thumb img{max-width:92px;height:auto}
.post-card h3{font-size:16px;margin:0 0 5px;line-height:1.35}
.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 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}
.long-content{max-width:1040px;margin:8px auto 20px}
.long-content-body{padding:14px 16px 20px;line-height:1.72;color:#e3e6ff}
.long-content-body h3{font-size:21px;margin:18px 0 10px;color:#fff}
.long-content-body h4{font-size:18px;margin:14px 0 8px;color:#f0ddff}
.long-content-body p{margin:0 0 10px}
.long-content-body ul{margin:0 0 12px 18px;padding:0}
.long-content-body li{margin:0 0 8px}
.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}
.footer{background:#0d0d15;color:#cfd3ef;text-align:center;padding:24px 0;margin-top:18px;border-top:2px solid #2a2a42}
.footer img{height:auto}
.hero-content{display:none!important}

@media (max-width:1024px){
  .container{max-width:100%}
  .row{grid-template-columns:1fr}
  .player-box,.live-player-frame,.live-iframe{min-height:420px}
}
@media (max-width:768px){
  .header-middle{min-height:auto;padding:12px 0;flex-direction:column}
  .navbar-main ul{display:block}
  .navbar-main a{padding:11px 12px;border-top:1px solid #2f2a4b}
  .player-tabs a{padding:10px 12px;min-height:46px;font-size:15px}
  .player-box,.live-player-frame,.live-iframe{min-height:280px}
  .post-card{grid-template-columns:90px 1fr;padding:10px}
  .post-card .thumb{min-height:68px}
  .section-title{font-size:16px}
  .long-content-body{padding:12px}
}