.home{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,3.4vw,36px) var(--pad) 64px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 18px}.sec-head h2,.sec-h2{margin:0;font-size:20px;font-weight:800;letter-spacing:.02em}.sec-h2{margin:40px 0 16px}.sec-head a{color:var(--dim);font-size:13px;font-weight:700;text-decoration:none}.ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.chcard{text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;display:block}.chcard .thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.chcard .thumb .frame-logo{font-size:clamp(28px,6vw,56px);opacity:.14}.chcard .thumb .badge-live{top:11px;left:11px;font-size:11px;letter-spacing:.06em;padding:4px 9px;border-radius:6px;z-index:3}.chcard .thumb .badge-live[hidden]{display:none}.chcard .thumb .bug{position:absolute;left:11px;bottom:10px;z-index:3;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#ffffff8c}.chcard .thumb .bug i{width:3px;height:12px;border-radius:2px}.chcard .thumb .progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:4px;border-radius:0;background:#ffffff24}.chcard .body{padding:14px 16px 16px}.chcard .row1{display:flex;align-items:center;gap:8px;margin-bottom:7px}.chcard .row1 .dot{width:9px;height:9px;border-radius:50%}.chcard .row1 .nm{font-size:12px;font-weight:700;color:var(--dim)}.chcard .row1 .gtag{margin-left:auto;font-size:11px;font-weight:700;color:var(--faint);background:#0c1326;border:1px solid var(--line);padding:3px 8px;border-radius:6px}.chcard .ttl{font-size:17px;font-weight:800;line-height:1.25;margin-bottom:10px;text-wrap:pretty}.chcard .times{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--dim);font-weight:600}.chcard .times .rem{color:var(--accent);font-weight:800}.chcard .nextrow{margin-top:11px;padding-top:11px;border-top:1px solid var(--line-thin);display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--bright2)}.chcard .nextrow[hidden]{display:none}.chcard .nextrow .ntag{font-size:11px;font-weight:800;color:var(--faint);background:#0c1326;border:1px solid var(--line);padding:3px 7px;border-radius:5px}.chcard .nextrow .nt{font-weight:700;color:var(--dfe, #dfe4ee);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chcard .nextrow .ntime{margin-left:auto;color:var(--dim)}.up-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}.upcard{flex:0 0 224px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.upcard .uthumb{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(120% 110% at 50% 0%,#16204a,#0a0f24 60%,#070b1c)}.upcard .uthumb .frame-logo{font-size:30px;opacity:.12}.upcard .uthumb .t{position:absolute;top:9px;left:9px;background:#080a14b3;color:#fff;font-weight:800;font-size:11px;padding:4px 9px;border-radius:6px}.upcard .uthumb .bar{position:absolute;bottom:0;left:0;width:4px;height:100%}.upcard .ubody{padding:11px 13px 13px}.upcard .urow{display:flex;align-items:center;gap:6px;margin-bottom:6px}.upcard .urow .dot{width:7px;height:7px;border-radius:50%}.upcard .urow .nm{font-size:11px;font-weight:700;color:var(--dim)}.upcard .urow .g{margin-left:auto;font-size:10.5px;font-weight:700}.upcard .ut{font-size:14px;font-weight:700;line-height:1.3;text-wrap:pretty}.genre-row{display:flex;flex-wrap:wrap;gap:9px}.genre-chip{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 15px;color:var(--bright);text-decoration:none;font-weight:700;font-size:13px}.genre-chip:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 768px){.sec-head{margin:28px 0 14px}.sec-h2{margin:28px 0 12px}}@media (max-width: 480px){.ch-grid{grid-template-columns:1fr;gap:14px}.home{padding:16px var(--pad) 48px}.sec-head{flex-wrap:wrap;align-items:flex-start;gap:4px;margin:24px 0 12px}.sec-head h2,.sec-h2{font-size:18px}.sec-h2{margin:24px 0 10px}}
