:root{--bg-color: #f8fafc;--text-color: #111;--card-bg: #fff;--border-color: #e5e7eb;--sidebar-bg: #fff;--hover-bg: #f1f5f9}body.dark-mode{--bg-color: #0f1115;--text-color: #f1f5f9;--card-bg: #1e293b;--border-color: #334155;--sidebar-bg: #0f1115;--hover-bg: #1e293b}body{background:var(--bg-color);color:var(--text-color);margin:0;font-family:system-ui,-apple-system,sans-serif;transition:background .3s,color .3s;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-navbar[data-astro-cid-hofbs6tv]{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);z-index:30}.nav-left[data-astro-cid-hofbs6tv]{display:flex;align-items:center;gap:15px}.mobile-menu-btn[data-astro-cid-hofbs6tv]{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:0}.logo[data-astro-cid-hofbs6tv]{font-size:1.2rem;font-weight:700;text-decoration:none;color:inherit;display:flex;align-items:center;gap:8px}.logo-icon[data-astro-cid-hofbs6tv]{color:#ef4444;font-size:1.5rem}.theme-toggle-btn[data-astro-cid-hofbs6tv]{background:var(--hover-bg);color:var(--text-color);border:1px solid var(--border-color);padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:500;font-size:.9rem;position:relative;z-index:100}.main-layout[data-astro-cid-hofbs6tv]{display:flex;flex:1;overflow:hidden;position:relative}.sidebar[data-astro-cid-hofbs6tv]{width:220px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:15px 10px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;z-index:20;transition:left .3s ease}.nav-item[data-astro-cid-hofbs6tv]{padding:10px 15px;text-decoration:none;color:var(--text-color);border-radius:8px;font-weight:500;display:flex;align-items:center;gap:12px}.nav-item[data-astro-cid-hofbs6tv]:hover,.nav-item[data-astro-cid-hofbs6tv].active{background:var(--hover-bg)}.content-area[data-astro-cid-hofbs6tv]{flex:1;overflow-y:auto;background:var(--bg-color);position:relative;display:flex;flex-direction:column}.content-wrapper[data-astro-cid-hofbs6tv]{padding:30px;max-width:1400px;margin:0 auto;flex:1;width:100%;box-sizing:border-box}.header-title[data-astro-cid-hofbs6tv]{font-size:2.2rem;margin-bottom:40px;display:flex;align-items:center;gap:12px}.tag-section[data-astro-cid-hofbs6tv]{margin-bottom:50px}.tag-title[data-astro-cid-hofbs6tv]{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.video-grid[data-astro-cid-hofbs6tv]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.watch-card[data-astro-cid-hofbs6tv]{text-decoration:none;color:inherit;display:block;transition:transform .2s}.watch-card[data-astro-cid-hofbs6tv]:hover{transform:translateY(-3px)}.watch-card-thumb[data-astro-cid-hofbs6tv]{aspect-ratio:16/9;background-color:#000;background-size:cover;background-position:center;border-radius:12px;margin-bottom:10px;position:relative;overflow:hidden}.duration-badge[data-astro-cid-hofbs6tv]{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px}.tma-grid-title[data-astro-cid-hofbs6tv]{margin:0 0 5px;font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-card[data-astro-cid-hofbs6tv]:hover .tma-grid-title[data-astro-cid-hofbs6tv]{color:#3b82f6}.tma-grid-meta[data-astro-cid-hofbs6tv]{font-size:13px;color:#6b7280;margin:0}body.dark-mode .tma-grid-meta[data-astro-cid-hofbs6tv]{color:#9ca3af}.site-footer[data-astro-cid-hofbs6tv]{padding:20px;text-align:center;border-top:1px solid var(--border-color);font-size:14px;color:#6b7280;margin-top:auto}body.dark-mode .site-footer[data-astro-cid-hofbs6tv]{color:#9ca3af}@media(max-width:768px){.mobile-menu-btn[data-astro-cid-hofbs6tv]{display:block}.sidebar[data-astro-cid-hofbs6tv]{position:fixed;top:60px;left:0;height:calc(100vh - 60px);transform:translate(-100%);box-shadow:2px 0 15px #0003;z-index:100}.sidebar[data-astro-cid-hofbs6tv].open{transform:translate(0)}.content-wrapper[data-astro-cid-hofbs6tv]{padding:15px}.video-grid[data-astro-cid-hofbs6tv]{grid-template-columns:1fr;gap:20px}.header-title[data-astro-cid-hofbs6tv]{font-size:1.8rem}}