.live-page-wrap{max-width:1200px;margin:30px auto;padding:0 20px 80px}.live-hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0 22px;padding:26px 28px;border:1px solid rgba(212,182,102,.28);background:linear-gradient(135deg,rgba(24,18,10,.94),rgba(9,13,16,.9));box-shadow:0 18px 60px rgba(0,0,0,.42);border-radius:18px}.live-eyebrow{color:#d4b666;font-size:12px;font-weight:900;letter-spacing:.18em}.live-hero-panel h1{margin:8px 0;color:#f3d986;font-size:34px}.live-hero-panel p{margin:0;color:#a99f8b;line-height:1.7}.live-search{display:flex;min-width:360px;gap:10px}.live-search input{flex:1;background:#11100e;color:#f3ead4;border:1px solid rgba(212,182,102,.32);border-radius:999px;padding:12px 16px;outline:none}.live-search input:focus{border-color:#d4b666;box-shadow:0 0 0 3px rgba(212,182,102,.12)}.live-search button{border:0;border-radius:999px;background:linear-gradient(135deg,#d4b666,#9f7133);color:#171007;font-weight:900;padding:0 22px;cursor:pointer}.live-center-layout{display:grid;grid-template-columns:248px 1fr;gap:20px;align-items:start}.live-cat-panel{position:sticky;top:86px;border:1px solid rgba(212,182,102,.24);background:rgba(13,13,14,.92);border-radius:16px;padding:14px;box-shadow:0 12px 38px rgba(0,0,0,.35)}.live-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;margin:7px 0;border:1px solid rgba(212,182,102,.16);background:rgba(255,255,255,.03);border-radius:12px;color:#d8ceb6;text-decoration:none;cursor:pointer;transition:.22s;text-align:left}.live-cat-btn:hover,.live-cat-btn.active{background:linear-gradient(135deg,rgba(212,182,102,.22),rgba(122,78,28,.35));border-color:rgba(212,182,102,.56);color:#f7d889}.live-cat-btn b{font-size:14px}.live-cat-btn small{color:#8d836f}.live-list-panel{border:1px solid rgba(212,182,102,.24);background:rgba(13,13,14,.84);border-radius:16px;padding:18px;min-height:420px}.live-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,182,102,.18);padding-bottom:14px;margin-bottom:16px}.live-toolbar strong{color:#f2d68d;font-size:20px}.live-toolbar span{color:#8e846f}.live-grid-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.live-grid-page .live-card{min-height:0}.live-grid-page .live-cover{height:160px}.live-empty{padding:60px 20px;text-align:center;color:#938977;border:1px dashed rgba(212,182,102,.22);border-radius:14px;background:rgba(255,255,255,.02)}.live-card .live-category-tag{position:absolute;left:10px;top:10px;z-index:2;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.58);border:1px solid rgba(212,182,102,.45);color:#f6d88a;font-size:12px}.live-source-row{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#807866;font-size:12px}.live-source-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading{padding:20px;color:#a99f8b;text-align:center}@media(max-width:900px){.live-page-wrap{padding:0 12px 90px;margin:18px auto}.live-hero-panel{display:block;padding:18px}.live-hero-panel h1{font-size:26px}.live-search{min-width:0;margin-top:16px}.live-center-layout{grid-template-columns:1fr}.live-cat-panel{position:static;display:flex;overflow:auto;gap:8px;padding:10px}.live-cat-btn{min-width:130px;margin:0;display:block;text-align:center}.live-list-panel{padding:12px}.live-grid-page{grid-template-columns:1fr}.live-grid-page .live-cover{height:190px}}