:root{font-family:Microsoft YaHei,SimHei,Segoe UI,Arial,sans-serif;color:#f2dfb4;background:#1b1008;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#1b1008}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}img,video{display:block}.screen-shell{width:100vw;height:100vh;padding:38px 42px 42px 118px;display:grid;grid-template-columns:minmax(0,1fr) 455px;gap:32px;background:linear-gradient(90deg,#0804020d,#08040252),url(./archive-background-C0jInB9i.png) center / cover no-repeat}.stage-panel,.playlist-panel{min-width:0;min-height:0}.stage-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:15px}.masthead,.playlist-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(213,169,93,.52)}.masthead h1,.playlist-header h2{margin:0;letter-spacing:0;color:#ffe6aa;font-weight:700}.masthead h1{font-size:48px;text-shadow:0 3px 12px rgba(0,0,0,.42)}.masthead p,.playlist-header p{margin:6px 0 0;color:#b98d51;font-size:13px;font-weight:700}.tri-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.tri-line span[dir=rtl]{font-weight:800}.archive-mark,.playlist-header span{min-height:44px;padding:10px 15px;display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(214,170,92,.62);color:#d7b16e;background:#180c0594;box-shadow:inset 0 0 0 1px #ffe6aa14,0 10px 26px #00000038;font-weight:700}.playlist-header span{flex-direction:column;justify-content:center;gap:1px;line-height:1}.playlist-header span b{font-size:20px}.playlist-header span small{font-size:11px}.video-frame{position:relative;min-height:0;border:2px solid rgba(219,173,94,.86);background:#070503;box-shadow:0 30px 70px #0000006b,inset 0 0 0 1px #ffe6aa29;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.video-frame:active{transform:scale(.998);border-color:#ffe2a3;box-shadow:0 22px 50px #00000070,0 0 0 4px #e8b9632e}.main-video{width:100%;height:100%;object-fit:contain;background:#050302}.center-toggle{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(255,230,170,.8);border-radius:50%;background:#140a04b8;color:#ffe7ad;font-size:32px;opacity:0;transition:opacity .16s ease,transform .12s ease,background .12s ease}.center-toggle:active{transform:translate(-50%,-50%) scale(.94);background:#b27d39d1}.video-frame.is-paused .center-toggle,.video-error+.center-toggle{opacity:1}.video-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:12px;padding:48px;text-align:center;background:#100804db;color:#f7dca0;z-index:2}.video-error strong{font-size:34px}.video-error span{max-width:780px;color:#cda56a;font-size:20px;line-height:1.6}.control-deck{min-height:70px;padding:10px 13px;display:grid;grid-template-columns:60px 60px minmax(0,1fr) 130px;align-items:center;gap:14px;border:1px solid rgba(205,157,84,.68);background:#190d069e;box-shadow:inset 0 0 0 1px #ffe6aa0d}.control-button{min-width:52px;min-height:52px;padding:0;border:1px solid rgba(214,170,92,.7);background:#2a170b;color:#f3d99a;font-weight:700;transition:transform .1s ease,background .1s ease,box-shadow .1s ease,border-color .1s ease}.control-button.primary{background:#b9833c;color:#160b04}.icon-button{display:grid;place-items:center;font-size:24px;line-height:1}.icon-button:active,.icon-button.pressed{transform:scale(.92);border-color:#ffe6aa;box-shadow:0 0 0 5px #e8b9632e,inset 0 0 18px #ffe8ac29}.touch-track{position:relative;height:44px;display:flex;align-items:center;touch-action:none}.touch-track:before{content:"";position:absolute;left:0;right:0;height:8px;background:#795227cc;border:1px solid rgba(228,183,103,.32)}.progress-fill,.progress-thumb{position:absolute;pointer-events:none}.progress-fill{left:0;height:8px;background:linear-gradient(90deg,#ffe1a1,#c79043)}.progress-thumb{top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border:2px solid #ffe5a9;border-radius:50%;background:#6c421c;box-shadow:0 0 0 6px #d6aa5c29}.time-readout{color:#f3d99a;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.intro-card{min-height:176px;padding:16px 22px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;border:1px solid rgba(205,157,84,.7);background:linear-gradient(135deg,#301b0cb3,#140a04b8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-number{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(242,204,131,.72);color:#ffe6aa;font-size:28px;font-weight:800}.intro-card h2{margin:0;color:#ffe6aa;font-size:25px;letter-spacing:0}.subtitle{margin:4px 0 0;color:#d1a66a;font-weight:700;line-height:1.25}.subtitle.en{margin-bottom:8px;color:#b98d51}.description{margin:4px 0 0;color:#d8c49a;line-height:1.38;font-size:14px}.description.arabic{color:#e2c892}.description.en{color:#bfa575}.playlist-panel{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding-left:28px;border-left:1px solid rgba(205,157,84,.34);overflow:hidden}.playlist{min-height:0;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:10px}.playlist-item{min-height:0;padding:8px 10px;display:grid;grid-template-columns:36px 88px minmax(0,1fr) 52px;align-items:center;gap:11px;text-align:left;border:1px solid rgba(163,117,58,.5);background:#1c0f078a;box-shadow:inset 0 0 0 1px #ffe6aa06;transition:transform .1s ease,border-color .1s ease,background .1s ease,box-shadow .1s ease}.playlist-item.active{border-color:#f0c476;background:linear-gradient(135deg,#70441beb,#251207e0);box-shadow:inset 4px 0 #e2ad5f,0 0 0 3px #e2ad5f1f}.playlist-item:active{transform:scale(.975);border-color:#ffe6aa;background:#6b411ae6;box-shadow:0 0 0 4px #e2ad5f2b}.item-index{color:#d8ad69;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.poster-wrap{position:relative;height:60px;overflow:hidden;border:1px solid rgba(214,170,92,.48);background:#110905}.poster-wrap img{width:100%;height:100%;object-fit:cover;opacity:.86}.play-dot{position:absolute;right:6px;bottom:6px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0c0703c7;color:#ffe6aa;font-size:13px}.item-copy{min-width:0;display:grid;gap:3px}.item-copy strong{overflow:hidden;color:#f4ddb0;font-size:15px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.item-copy small{overflow:hidden;color:#bd9561;font-size:11px;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.mini-progress{height:5px;background:#795227b8}.mini-progress span{display:block;width:0;height:100%;background:#e9bd73}.duration{color:#d7b16e;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}@media(max-width:1400px){.screen-shell{grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding-left:72px}.playlist-panel{padding-left:20px}.playlist-item{grid-template-columns:34px 76px minmax(0,1fr) 48px}.poster-wrap{height:56px}}