:root { color-scheme: light; --blue:#0b478e; --green:#78b82a; --ink:#172033; --muted:#687386; }
* { box-sizing:border-box; }
body { margin:0; background:#f5f7fa; color:var(--ink); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
.page { width:min(1100px,calc(100% - 24px)); margin:32px auto; }
.card { background:#fff; border-radius:14px; padding:24px; box-shadow:0 8px 30px rgba(18,48,80,.08); }
h1 { margin-top:0; font-size:clamp(26px,4vw,38px); }
label { display:block; margin:14px 0 6px; font-weight:600; }
input,textarea,select { min-height:46px; border:1px solid #ccd3dc; border-radius:8px; padding:10px 12px; font:inherit; background:#fff; }
input,textarea { width:100%; }
button { min-height:44px; border:0; border-radius:8px; padding:0 20px; color:#fff; background:var(--blue); font:inherit; cursor:pointer; }
button.secondary { background:#657084; }
button.danger { background:#b42318; }
button:disabled { opacity:.55; cursor:not-allowed; }
.row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.message { min-height:24px; margin-top:14px; color:#b42318; }
.muted { color:var(--muted); }
.player-shell { position:relative; overflow:hidden; border-radius:14px; background:#000; box-shadow:0 8px 30px rgba(0,0,0,.16); }
#player { width:100%; aspect-ratio:16/9; }
.video-watermark { position:absolute; z-index:9999; left:8%; top:10%; max-width:88%; padding:6px 10px; border-radius:5px; color:rgba(255,255,255,.94); background:rgba(0,0,0,.18); font-size:clamp(11px,1.5vw,16px); font-weight:700; letter-spacing:.03em; line-height:1.35; text-shadow:0 1px 3px #000,0 0 2px #000; pointer-events:none; user-select:none; white-space:nowrap; transition:left 1.2s ease,top 1.2s ease,opacity .6s ease; }
#player .prism-fullscreen-btn { display:none!important; }
.safe-fullscreen { position:absolute; z-index:10000; right:12px; bottom:12px; min-width:58px; padding:8px 12px; border:1px solid rgba(255,255,255,.6); border-radius:8px; color:#fff; background:rgba(0,0,0,.58); font-size:14px; }
.player-shell:fullscreen,.player-shell:-webkit-full-screen { width:100vw; height:100vh; border-radius:0; display:flex; align-items:center; justify-content:center; background:#000; }
.player-shell:fullscreen #player,.player-shell:-webkit-full-screen #player { width:100%; height:100%; }
.player-shell.safe-expanded { position:fixed; z-index:2147483000; inset:0; width:100vw; height:100dvh; border-radius:0; display:flex; align-items:center; justify-content:center; background:#000; }
.player-shell.safe-expanded #player { width:100%; height:100%; }
body.video-expanded { overflow:hidden; overscroll-behavior:none; }
@media (max-width:600px) { .safe-fullscreen { right:8px; bottom:8px; padding:7px 10px; } }
table { width:100%; border-collapse:collapse; margin-top:18px; }
th,td { padding:12px 10px; text-align:left; border-bottom:1px solid #e6e9ee; }
.status-on { color:#177245; font-weight:700; }
.status-off { color:#b42318; font-weight:700; }
.admin-section { margin-top:20px; }
.library-header { min-height:68px; padding:0 max(20px,calc((100% - 1100px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fff; border-bottom:1px solid #e6e9ee; }
.brand { color:var(--blue); font-size:22px; font-weight:800; text-decoration:none; letter-spacing:.03em; }
.back-link { color:var(--blue); text-decoration:none; }
.library-hero { padding:34px 0 22px; }
.library-hero h1 { margin:4px 0 10px; }
.library-hero p { max-width:680px; }
.eyebrow { margin:0; color:var(--green); font-size:13px; font-weight:800; letter-spacing:.16em; }
.video-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; }
.video-card { overflow:hidden; background:#fff; border-radius:16px; box-shadow:0 8px 30px rgba(18,48,80,.09); }
.video-cover { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:linear-gradient(135deg,#0b478e,#1a78b5); }
.video-placeholder { display:grid; place-items:center; }
.video-placeholder span { display:grid; place-items:center; width:64px; height:64px; padding-left:5px; border-radius:50%; color:#0b478e; background:#fff; font-size:28px; box-shadow:0 8px 25px rgba(0,0,0,.18); }
.video-body { padding:22px; }
.video-body h2 { margin:10px 0 8px; font-size:22px; }
.member-badge { display:inline-block; padding:5px 10px; border-radius:999px; color:#155c1e; background:#e9f5df; font-size:13px; font-weight:700; }
.watch-button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; margin-top:8px; padding:0 20px; border-radius:8px; color:#fff; background:var(--blue); text-decoration:none; font-weight:700; }
@media (max-width:700px) { .page{margin:16px auto}.card{padding:18px} table{display:block;overflow:auto;white-space:nowrap} }