:root{--background:#fff;--foreground:#1a1a1a;--card:#5e5ea1;--card-foreground:#fff;--primary:#d4a855;--primary-foreground:#0a0a0a;--muted:#5e5ea1;--muted-foreground:#fff;--border:#5e5ea1;--ring:#d4a855;--purple:#5e5ea1;--accent-soft:#e6e6f8}.section-nav{background:#2a2a4d;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:1200px;margin:0 auto 6px;padding:6px 12px;display:flex}.section-nav-link{color:#ffffffd9;border-radius:14px;padding:4px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.section-nav-link:hover{color:#fff;background:#ffffff26}.section-nav-link.active{color:#2a2a4d;background:gold}.header-wrapper{z-index:1000;background:#fff;padding:8px 16px 0;position:fixed;top:0;left:0;right:0;pointer-events:auto!important}.header-wrapper *{pointer-events:auto!important}.header-bar{background:#5e5ea1;border:2px solid gold;border-radius:16px;align-items:center;gap:16px;max-width:1200px;height:56px;margin:0 auto;padding:0 16px;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.header-left{align-items:center;gap:12px;display:flex}.header-logo{width:auto;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-btn{cursor:pointer;color:#fff;z-index:1002;background:#ffffff1a;border:none;border-radius:6px;padding:8px 12px;font-size:24px;line-height:1;position:relative}.menu-btn:hover{background:#ffffff40}.header-title{color:#fff;margin:0;font-size:18px;font-weight:600}.header-title a{color:inherit;text-decoration:none}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.dropdown{z-index:1001;background:#fff;border-radius:8px;min-width:220px;max-height:calc(100vh - 100px);display:none;position:absolute;top:calc(100% + 8px);overflow-y:auto;box-shadow:0 4px 20px #00000026}.dropdown.open{display:block}.dropdown a{color:#333;border-bottom:1px solid #eee;padding:12px 16px;text-decoration:none;transition:background .2s;display:block}.dropdown a:last-child{border-bottom:none}.dropdown a:hover{color:#5e5ea1;background:#f0f0ff}.dropdown a span{color:#888;margin-top:2px;font-size:12px;display:block}.menu-dropdown{left:0}@media (max-width:600px){.header-logo{margin-left:8px;position:static;transform:none}.header-title{font-size:14px}}@media (max-width:480px){.header-title{display:none}}html{font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden scroll}body{background:var(--background);color:var(--foreground);min-height:100vh;padding-top:80px;line-height:1.6}.main-container{max-width:1200px;margin:0 auto;padding:20px 16px}.ep-breadcrumb{color:#666;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0 4px;font-size:13px;display:flex}.ep-breadcrumb a{color:#5e5ea1;text-decoration:none}.ep-breadcrumb a:hover{text-decoration:underline}.ep-breadcrumb-current{color:#333;font-weight:600}.directory-intro{background:#fff;border-radius:16px;margin-bottom:20px;padding:24px 28px;box-shadow:0 2px 8px #00000014}.directory-intro h1{color:#5e5ea1;margin:0 0 10px;font-size:1.6rem}.directory-intro p{color:#444;margin:0 0 8px}.directory-intro p:last-child{margin-bottom:0}.search-form{gap:8px;margin-top:14px;display:flex}.search-input{border:1px solid #ddd;border-radius:20px;outline:none;flex:auto;min-width:0;padding:8px 14px;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--purple)}.search-submit{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:filter .2s}.search-submit:hover{filter:brightness(1.1)}.topic-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;display:flex}.topic-chips-label{color:#666;margin-right:4px;font-size:12px;font-weight:600}.topic-chip{background:var(--accent-soft);color:var(--purple);border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:filter .15s;display:inline-flex}.topic-chip:hover{filter:brightness(.95)}.topic-chip-count{color:#666;background:#ffffffb3;border-radius:8px;padding:1px 6px;font-size:10px}.flat-episode-list{margin:0;padding:0;list-style:none}.flat-episode-item{border-bottom:1px solid #eee;padding:16px 18px}.flat-episode-item:last-child{border-bottom:none}.flat-episode-title{margin:0 0 4px;font-size:1.05rem;font-weight:600;line-height:1.3}.flat-episode-title a{color:#5e5ea1;text-decoration:none}.flat-episode-title a:hover{text-decoration:underline}.flat-episode-meta{color:#666;margin-bottom:6px;font-size:12px}.flat-episode-show{color:#5e5ea1;font-weight:500;text-decoration:none}.flat-episode-show:hover{text-decoration:underline}.flat-episode-desc{color:#444;margin:0;font-size:13px;line-height:1.5}.pagination{justify-content:space-between;align-items:center;padding:16px 4px;font-size:14px;display:flex}.pagination a{color:#5e5ea1;font-weight:600;text-decoration:none}.pagination a:hover{text-decoration:underline}.pagination-status{color:#666;font-size:13px}@media (max-width:600px){.directory-intro{padding:16px 18px}.directory-intro h1{font-size:1.3rem}}.card{background:#fff;border-radius:16px;margin-bottom:20px;overflow:visible;box-shadow:0 2px 8px #00000014}.sort-header{background:#5e5ea1;border-radius:16px 16px 0 0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.sort-buttons-left{align-items:center;gap:8px;display:flex}.sort-stats{color:#fff;font-size:14px;font-weight:500}.sort-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.sort-btn:hover{color:#fff;background:#fff3;border-color:#ffffff80}.sort-btn.active{color:#5e5ea1;background:#fff;border-color:#fff}.sort-arrow{min-width:10px;font-size:10px}.host-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px;display:grid}.host-card{color:inherit;cursor:pointer;background:#e6e6f8;border-radius:12px;grid-template-rows:160px auto auto;place-items:center;height:auto;padding:16px 16px 12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.host-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.host-logo-container{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:160px;min-height:160px;max-height:160px;display:flex;position:relative;overflow:hidden}.host-logo{object-fit:contain;filter:drop-shadow(2px 2px 4px #0000004d)drop-shadow(0 0 8px #5e5ea166);border:1px solid #ccc;border-radius:8px;width:auto;max-width:90%;height:auto;max-height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.host-logo-placeholder{background:var(--purple);color:#fff;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;font-size:28px;font-weight:700;display:flex}.host-name{color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;align-self:end;max-width:100%;margin-bottom:4px;padding:0 8px;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.episode-count-btn{background:var(--primary);color:#0a0a0a;cursor:pointer;border:none;border-radius:16px;margin-top:4px;padding:4px 14px;font-size:12px;font-weight:600;transition:filter .2s;display:inline-block}.episode-count-btn:hover{filter:brightness(1.1)}.host-views{color:#666;margin-top:4px;font-size:11px;display:block}.featured-hero{color:#fff;background:linear-gradient(135deg,#5e5ea1 0%,#4a4a85 100%);border-radius:16px;margin-bottom:20px;padding:24px 28px;box-shadow:0 4px 16px #5e5ea140}.featured-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:600}.featured-body{align-items:flex-start;gap:20px;display:flex}.featured-art-link{flex-shrink:0;display:block}.featured-art{border-radius:12px;display:block}.featured-text{flex:auto;min-width:0}.featured-show{opacity:.85;margin:0 0 4px;font-size:13px}.featured-show a{color:#fff;text-decoration:none}.featured-show a:hover{text-decoration:underline}.featured-title{margin:0 0 8px;font-size:1.35rem;font-weight:700;line-height:1.25}.featured-title a{color:#fff;text-decoration:none}.featured-title a:hover{text-decoration:underline}.featured-meta{opacity:.75;margin-bottom:10px;font-size:12px}.featured-desc{opacity:.92;margin:0 0 14px;font-size:14px;line-height:1.5}.featured-cta{background:var(--primary);color:#0a0a0a;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:filter .2s;display:inline-block}.featured-cta:hover{filter:brightness(1.08)}@media (max-width:600px){.featured-hero{padding:16px 18px}.featured-body{flex-direction:column;align-items:stretch}.featured-art{width:100%;max-width:200px;height:auto;margin:0 auto}.featured-title{font-size:1.15rem}}.loading-message{text-align:center;color:#666;padding:40px 20px}.promo-section{text-align:center;color:#444;max-width:800px;margin:0 auto;padding:40px 20px;font-size:14px;line-height:1.8}.promo-section h2{color:#5e5ea1;margin-bottom:20px;font-size:22px}.promo-section h3{color:#5e5ea1;margin:25px 0 15px;font-size:18px}.promo-section p{margin:12px 0}.promo-section .join-btn{color:#fff;background:#5e5ea1;border-radius:25px;margin:15px 0;padding:12px 30px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.promo-section .join-btn:hover{background:#4a4a8a}.promo-features{color:#5e5ea1;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:20px;font-weight:600;display:flex}.site-footer{text-align:center;color:#666;max-width:800px;margin:0 auto;padding:30px 20px;font-size:11px;line-height:1.8}.site-footer p{margin:8px 0}.site-footer a{color:#5e5ea1;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (max-width:1000px){.host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.host-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:500px){.host-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.host-card{grid-template-rows:120px auto auto;padding:10px 10px 6px}.host-logo-container{height:120px;min-height:120px;max-height:120px}.host-logo{max-width:90%;max-height:100px}.host-logo-placeholder{width:90px;height:90px;font-size:22px}.host-name{margin-bottom:2px;font-size:12px}.sort-header{flex-wrap:nowrap;gap:6px;padding:8px 10px}.sort-stats{white-space:nowrap;font-size:10px}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}