:root{--bg:#07060a;--surface:#111015;--surface2:#17151d;--line:#29252f;--ink:#f5f1ea;--dim:#a8a1ad;--accent:#d9a441;--accent2:#f2c96f;--danger:#dc6b6b}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}body{min-height:100vh;background:radial-gradient(circle at 50% -20%,#2a1820 0,transparent 42%),var(--bg)}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;height:64px;padding:0 max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(7,6,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:.08em}.brand span{display:block;font-size:9px;color:var(--accent);letter-spacing:.24em;margin-top:2px}.topbar nav{display:flex;gap:8px}.topbar nav a{text-decoration:none;color:var(--dim);padding:9px 12px;border:1px solid transparent;border-radius:10px;font-size:13px}.topbar nav a:hover,.topbar nav a.on{color:var(--ink);border-color:var(--line);background:var(--surface2)}main{max-width:1180px;margin:auto;padding:36px 18px 70px}.hero{padding:24px 0 26px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.26em;margin:0 0 10px}.hero h1{font-size:38px;line-height:1;margin:0 0 12px}.hero p:last-child{color:var(--dim);margin:0;max-width:700px;line-height:1.7}.source-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 24px}.source-tab{border:1px solid var(--line);background:var(--surface);color:var(--dim);padding:12px 16px;border-radius:12px;cursor:pointer}.source-tab:hover,.source-tab.on{color:var(--ink);border-color:var(--accent);background:#201a15}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px}.toolbar strong{display:block;font-size:18px}.toolbar span{display:block;color:var(--dim);font-size:12px;margin-top:6px}.toolbar input{width:min(360px,45vw);height:40px;border-radius:10px;border:1px solid var(--line);background:#0b0a0e;color:var(--ink);padding:0 13px;outline:none}.toolbar input:focus{border-color:var(--accent)}.status{padding:60px 20px;text-align:center;color:var(--dim);border:1px dashed var(--line);border-radius:16px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;cursor:pointer;transition:.18s}.card:hover{transform:translateY(-3px);border-color:#4a3b2a}.thumb{aspect-ratio:3/4;background:#15131a;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .noimg{height:100%;display:grid;place-items:center;color:#625c68;font-size:12px;padding:12px;text-align:center}.tag{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.72);font-size:10px;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body{padding:10px 11px 12px}.card h3{font-size:13px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:28px 0}.pager button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 15px;cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.pager span{font-size:13px;color:var(--dim)}.player-mask{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.82);padding:34px 18px;overflow:auto}.player-box{max-width:1040px;margin:auto;background:#0d0c10;border:1px solid var(--line);border-radius:18px;overflow:hidden}.player-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 18px}.player-head small{color:var(--accent);font-size:11px}.player-head h2{font-size:16px;margin:4px 0 0}.player-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:#fff;font-size:25px;cursor:pointer}.video-wrap{position:relative;background:#000;aspect-ratio:16/9}.video-wrap video{width:100%;height:100%;display:block}.play-status{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;pointer-events:none}.player-actions{padding:12px 18px;text-align:right}.player-actions a{font-size:12px;color:var(--accent2)}
@media(max-width:980px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.topbar{height:auto;padding:12px 14px;align-items:flex-start;gap:12px}.topbar nav{gap:2px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{padding:7px 8px;font-size:12px}main{padding:22px 12px 50px}.hero h1{font-size:30px}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.source-tab{padding:10px 12px}.player-mask{padding:12px 8px}}