:root{--rstar-bg:#04060c;--rstar-fg:#e6f2ff;--rstar-cyan:#00f0ff;--rstar-pink:#ff2ea6;--rstar-card:#0b1224;--rstar-line:#1c2645}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--rstar-bg);color:var(--rstar-fg);font-family:'Rajdhani','PingFang SC','Microsoft Yahei',sans-serif;background-image:linear-gradient(rgba(0,240,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.04) 1px,transparent 1px);background-size:32px 32px}
a{color:inherit;text-decoration:none}
.rstar-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--rstar-line);background:rgba(4,6,12,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.rstar-id{font-size:20px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--rstar-cyan);text-shadow:0 0 12px rgba(0,240,255,.7)}
.rstar-id::before{content:"▶ "}
.rstar-tabs{display:flex;gap:4px;flex-wrap:wrap}
.rstar-tabs a{padding:8px 16px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8aa0c8;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0b1224;transition:.2s}
.rstar-tabs a:hover,.rstar-tabs a.active{background:var(--rstar-cyan);color:#04060c}
.rstar-main{display:grid;grid-template-columns:2fr 1fr;gap:0;min-height:520px;border-bottom:1px solid var(--rstar-line)}
.rstar-mainvideo{position:relative;padding:40px;background:radial-gradient(60% 60% at 50% 50%,rgba(0,240,255,.12),transparent 70%);border-right:1px solid var(--rstar-line)}
.rstar-mainvideo img{width:100%;height:380px;object-fit:cover;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));display:block}
.rstar-mainvideo h1{font-size:30px;margin-top:20px;line-height:1.3;letter-spacing:.5px}
.rstar-mainvideo p{color:#8aa0c8;margin-top:10px;max-width:700px}
.rstar-side{padding:24px;display:flex;flex-direction:column;gap:14px;background:#070a14}
.rstar-side h2{font-size:14px;letter-spacing:2px;color:var(--rstar-pink);text-transform:uppercase;margin-bottom:6px;text-shadow:0 0 8px rgba(255,46,166,.5)}
.rstar-sideitem{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:8px;border:1px solid var(--rstar-line);transition:.2s}
.rstar-sideitem:hover{border-color:var(--rstar-cyan);background:rgba(0,240,255,.04)}
.rstar-sideitem img{width:96px;height:64px;object-fit:cover}
.rstar-sideitem h4{font-size:13px;line-height:1.4;margin-bottom:4px}
.rstar-sideitem span{font-size:11px;color:#6a7ea0;letter-spacing:.5px}
.rstar-grid{padding:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rstar-tile{position:relative;overflow:hidden;background:var(--rstar-card);border:1px solid var(--rstar-line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.rstar-tile:hover{border-color:var(--rstar-cyan)}
.rstar-tile img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;filter:saturate(1.1)}
.rstar-tilein{padding:14px 18px}
.rstar-tilein h3{font-size:14px;line-height:1.4;margin-bottom:6px}
.rstar-tilein .rstar-stats{font-size:11px;color:#6a7ea0;letter-spacing:1px;text-transform:uppercase}
.rstar-foot{padding:32px;text-align:center;color:#6a7ea0;font-size:12px;letter-spacing:1px;border-top:1px solid var(--rstar-line);background:#070a14}
@media(max-width:880px){.rstar-main{grid-template-columns:1fr}.rstar-grid{grid-template-columns:repeat(2,1fr);padding:18px}.rstar-mainvideo h1{font-size:22px}}