:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#fff;background:#000}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#000;color:#fff}body{overflow-x:hidden}.vue-shell{min-height:100vh}.vue-loading{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#080808;color:#0ff;font-size:16px}.loader-ring{width:44px;height:44px;border:3px solid #222;border-top-color:#0ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vue-error{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080808;color:#fff;text-align:center;padding:20px}.vue-error h2{color:#f66}.vue-error p{max-width:800px;word-break:break-word;color:#ccc}.vue-error button{padding:9px 18px;border:1px solid #0ff;border-radius:6px;background:#111;color:#0ff;cursor:pointer}.topbar{position:fixed;inset:0 0 auto;height:60px;background:linear-gradient(90deg,#0ff,#07f);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;z-index:1000}.brand{font-weight:800;color:#000}.search{display:flex;background:#fff;border-radius:24px;overflow:hidden}.search input{border:0;outline:0;padding:9px 14px;width:220px}.search button{border:0;background:transparent;color:#07f;padding:0 14px;cursor:pointer}.sidebar{position:fixed;top:60px;left:0;bottom:0;width:220px;background:#090909;border-right:1px solid #111;overflow:auto;padding:18px 0;z-index:900}.sidebar a{display:block;padding:10px 16px;color:#0ff;text-decoration:none;cursor:pointer}.sidebar a:hover{background:#00ffff1f}.main{margin-left:220px;padding:80px 18px 32px;min-height:100vh}.main h1{text-align:center;color:#0ff;margin:0 0 22px;font-size:26px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#101010;border-radius:10px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 0 20px #00ffff40}.thumb{position:relative;padding-top:56%;background:#050505}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb b,.duration,.hits,.thumb i{position:absolute;z-index:2}.thumb b{top:7px;right:7px;background:#e50914;padding:2px 6px;border-radius:4px;font-size:12px}.duration{top:7px;left:7px;background:#000a;padding:2px 6px;border-radius:4px;font-size:12px}.hits{right:7px;bottom:7px;background:#000b;padding:3px 7px;border-radius:10px;font-size:12px;color:#ffb000}.thumb i{left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:34px;color:#fff;opacity:.8}.name{padding:9px 7px;text-align:center;font-size:14px}.pagination{display:flex;gap:12px;justify-content:center;align-items:center;margin:30px 0}.pagination button{background:#111;border:1px solid #0ff;color:#0ff;padding:7px 14px;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.35}.detail{max-width:1000px;margin:auto}.player{display:block;width:100%;max-height:70vh;background:#000}.info{line-height:1.8;color:#ddd}.loading,.error{text-align:center;padding:80px 0;color:#0ff}.error{color:#f66}@media(max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.sidebar{width:0;padding:0;overflow:hidden}.main{margin-left:0;padding-top:72px}.grid{grid-template-columns:1fr}.search input{width:140px}.brand{font-size:14px}.main h1{font-size:22px}}