body{background:#020617;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}a{text-decoration:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#06b6d4;color:#fff;font-size:.9rem;box-shadow:0 0 30px rgba(6,182,212,.45)}.logo-mark.small{width:1.5rem;height:1.5rem;font-size:.65rem}.nav-link.active{color:#22d3ee}.mobile-panel{display:none}.mobile-panel.open{display:block}.hero-slide{opacity:0;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:2.25rem;display:flex;align-items:center;justify-content:center;transition:.2s;border:0;cursor:pointer}.hero-arrow:hover{background:rgba(0,0,0,.72)}.hero-arrow.left{left:1rem}.hero-arrow.right{right:1rem}.hero-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.5);transition:.3s;border:0;cursor:pointer}.hero-dot.active{width:2rem;background:#06b6d4}.section-icon{width:2rem;height:2rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;background:rgba(6,182,212,.12);color:#22d3ee;font-weight:800}.info-panel{border:1px solid rgba(148,163,184,.14);border-radius:1rem;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.72));padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.22)}.pill-link{display:inline-flex;align-items:center;padding:.75rem 1rem;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(34,211,238,.3);color:#a5f3fc;font-weight:600;transition:.2s}.pill-link:hover{background:rgba(8,145,178,.25);color:#fff}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.category-tile,.category-overview-card{display:block;border:1px solid rgba(148,163,184,.14);border-radius:1rem;background:linear-gradient(145deg,rgba(15,23,42,.95),rgba(30,41,59,.78));padding:1.5rem;transition:.25s;box-shadow:0 20px 50px rgba(0,0,0,.18)}.category-tile:hover,.category-overview-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.45);box-shadow:0 24px 70px rgba(6,182,212,.13)}.category-kicker{display:block;color:#22d3ee;font-weight:700;margin-bottom:.7rem}.category-tile strong{display:block;color:#e2e8f0;font-size:.95rem;line-height:1.7}.sample-links{display:grid;grid-template-columns:1fr;gap:.55rem}.card-img-wrap{background:linear-gradient(135deg,#0f172a,#111827)}.play-float{width:4rem;height:4rem;border-radius:999px;background:rgba(6,182,212,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;transform:scale(0);transition:.25s}.group:hover .play-float{transform:scale(1)}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-input,.filter-select{height:2.75rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.22);background:#0f172a;color:#e2e8f0;padding:0 1rem;outline:none}.filter-input{min-width:min(100%,22rem);flex:1}.filter-input:focus,.filter-select:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.12)}.empty-message{display:none;color:#94a3b8;text-align:center;padding:3rem 0}.empty-message.show{display:block}.page-hero{padding:6rem 0;background:radial-gradient(circle at top left,rgba(6,182,212,.25),transparent 34%),linear-gradient(180deg,#0f172a,#020617)}.category-hero{background:radial-gradient(circle at top right,rgba(236,72,153,.2),transparent 30%),linear-gradient(180deg,#0f172a,#020617)}.rank-row{display:grid;grid-template-columns:3rem 10rem 1fr auto;gap:1.25rem;align-items:center;padding:1rem;border:1px solid rgba(148,163,184,.12)}.rank-num{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.85rem;background:#06b6d4;color:#fff;font-weight:800}.rank-cover{height:6rem;border-radius:.75rem;overflow:hidden;background:#0f172a}.rank-cover img{width:100%;height:100%;object-fit:cover;transition:.3s}.rank-row:hover .rank-cover img{transform:scale(1.08)}.rank-meta{display:flex;flex-direction:column;gap:.3rem;color:#94a3b8;font-size:.85rem;text-align:right}.side-panel{position:sticky;top:5rem;border-radius:1rem;background:#0f172a;padding:1.5rem;border:1px solid rgba(148,163,184,.12)}.side-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(148,163,184,.1);color:#cbd5e1}.side-link:hover{color:#22d3ee}.side-link em{font-style:normal;color:#64748b;font-size:.8rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:#94a3b8;margin-bottom:1.5rem}.breadcrumb a{color:#22d3ee}.detail-wrap{background:radial-gradient(circle at top left,rgba(6,182,212,.12),transparent 30%),#020617}.player-shell video{background:#000;display:block}.related-item img{transition:.3s}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media (min-width:640px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:768px){.hero-arrow{width:2.5rem;height:2.5rem;font-size:1.8rem}.rank-row{grid-template-columns:2.5rem 6.5rem 1fr}.rank-meta{grid-column:3;text-align:left;flex-direction:row;flex-wrap:wrap}.rank-cover{height:5rem}.page-hero{padding:4rem 0}.filter-input{min-width:100%}}