/* YmNav Theme: MusicWave. Visual-only music website style; SEO/PHP logic unchanged.
   Important: site-card and detail-main keep the original template layout; this file only changes colors/skin. */
:root{
    --bg:#07121f;
    --bg2:rgba(255,255,255,.08);
    --bg3:rgba(255,255,255,.10);
    --bg4:rgba(255,255,255,.14);
    --border:rgba(255,255,255,.14);
    --border2:rgba(30,215,96,.42);
    --text:#f7fbff;
    --text2:#b7c7d8;
    --text3:#7f91a6;
    --accent:#1ed760;
    --accent2:#6ee7ff;
    --gradient:linear-gradient(135deg,#1ed760 0%,#6ee7ff 55%,#ff4ecd 100%);
    --radius:18px;
    --shadow:0 22px 70px rgba(0,0,0,.26);
}
html[data-theme="light"]{
    --bg:#edf7f3;--bg2:rgba(255,255,255,.88);--bg3:#fff;--bg4:#f0fff8;--border:rgba(18,120,78,.12);--border2:rgba(22,163,74,.28);--text:#10251d;--text2:#527065;--text3:#91a69e;--accent:#16a34a;--accent2:#0891b2;--gradient:linear-gradient(135deg,#16a34a 0%,#0891b2 60%,#db2777 100%);--shadow:0 22px 70px rgba(16,185,129,.12);
}
*{scrollbar-width:thin;scrollbar-color:rgba(30,215,96,.55) transparent}
body{
    color:var(--text);
    background:radial-gradient(circle at 10% 8%,rgba(30,215,96,.22),transparent 26rem),radial-gradient(circle at 92% 12%,rgba(255,78,205,.18),transparent 28rem),radial-gradient(circle at 50% 110%,rgba(110,231,255,.16),transparent 34rem),var(--bg);
    font-family:"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%)}
.navbar{position:sticky;top:18px;z-index:100;margin:18px auto 0;width:calc(100% - 36px);max-width:1200px;background:transparent;border:0;backdrop-filter:none}
.navbar-inner{max-width:none;min-height:72px;padding:14px 18px;border:1px solid var(--border);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.logo{font-weight:900;color:var(--text);font-size:18px;letter-spacing:.02em}.logo:hover{color:#fff}.logo img,.logo-icon{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 90deg,var(--accent),var(--accent2),#ff4ecd,var(--accent));box-shadow:0 0 0 6px rgba(30,215,96,.10)}.logo-icon{display:inline-flex;align-items:center;justify-content:center;color:#07121f;font-weight:900}
.nav-links{gap:8px}.nav-links a,.nav-dropdown>a{color:var(--text2);border-radius:999px;padding:9px 14px;font-weight:700}.nav-links a:hover,.nav-links a.active,.nav-dropdown:hover>a{background:rgba(30,215,96,.14);color:#fff}
.dropdown-menu{border:1px solid var(--border);background:rgba(8,18,31,.92);backdrop-filter:blur(18px);border-radius:20px;padding:10px;box-shadow:var(--shadow)}.dropdown-menu a{color:var(--text2);border-radius:14px}.dropdown-menu a:hover,.dropdown-menu a.active{background:rgba(30,215,96,.14);color:#fff}
.theme-btn,.mobile-cat-btn{border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--text);border-radius:999px}.theme-btn:hover,.mobile-cat-btn:hover{background:var(--accent);color:#06120d}
.hero{position:relative;z-index:1;max-width:1200px;width:calc(100% - 36px);margin:26px auto 0;padding:54px 26px 44px;border:1px solid var(--border);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:var(--shadow);overflow:hidden}.hero::after{content:"♪";position:absolute;right:8%;bottom:-55px;font-size:180px;font-weight:900;color:rgba(255,255,255,.055);transform:rotate(-12deg)}.hero-content{max-width:760px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;font-weight:950;letter-spacing:-.05em;margin-bottom:16px;background:linear-gradient(135deg,#fff,var(--accent2) 45%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text2);font-size:17px;line-height:1.9;margin-bottom:24px}
.search-box{max-width:700px}.search-box input{height:60px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.12);color:var(--text);padding-left:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.search-box input::placeholder{color:var(--text3)}.search-box button{right:7px;width:48px;height:48px;border-radius:50%;background:var(--gradient);color:#05110b;font-weight:900}
.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:32px 24px}.cat-header,.friend-links,.detail-main,.stat-card,.related-card,.chart-card,.info-card,.latest-card,.tag-card,.hot-card,.comments-card{background:rgba(255,255,255,.075);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.section-title,.cat-header h1,.cat-header h2,.detail-title{color:var(--text);font-weight:900;letter-spacing:-.02em}.section-title::before{background:var(--gradient)}
.cat-pill,.category-tabs a,.sub-categories a,.tag-cloud a,.detail-tag{border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--text2);border-radius:999px}.cat-pill:hover,.cat-pill.active,.category-tabs a:hover,.sub-categories a:hover,.tag-cloud a:hover,.detail-tag:hover{background:rgba(30,215,96,.16);color:#fff;border-color:rgba(30,215,96,.38)}.cat-dropdown,.cat-dropdown.cat-dropdown-floating{border:1px solid rgba(30,215,96,.32) !important;background:#09251a !important;background-image:none !important;backdrop-filter:none !important;box-shadow:0 18px 48px rgba(0,0,0,.28) !important}.cat-dropdown-title,.cat-dropdown-floating .cat-dropdown-title{color:#e9fff3 !important}.cat-sub-pill,.cat-dropdown-floating .cat-sub-pill{background:#103624 !important;border:1px solid rgba(30,215,96,.22) !important;color:#bff7d4 !important}.cat-sub-pill:hover,.cat-sub-pill.active,.cat-dropdown-floating .cat-sub-pill:hover,.cat-dropdown-floating .cat-sub-pill.active{background:#1ed760 !important;color:#06120d !important;border-color:#1ed760 !important}html[data-theme="light"] .cat-dropdown,html[data-theme="light"] .cat-dropdown.cat-dropdown-floating{background:#eafff4 !important;border-color:rgba(22,163,74,.24) !important;box-shadow:0 14px 38px rgba(22,163,74,.14) !important}html[data-theme="light"] .cat-dropdown-title,html[data-theme="light"] .cat-dropdown-floating .cat-dropdown-title{color:#10251d !important}html[data-theme="light"] .cat-sub-pill,html[data-theme="light"] .cat-dropdown-floating .cat-sub-pill{background:#d9fbe8 !important;color:#14532d !important;border-color:rgba(22,163,74,.20) !important}
.site-grid{gap:14px}.site-card{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 45px rgba(0,0,0,.18)}.site-card:hover{border-color:var(--border2);background:linear-gradient(135deg,rgba(30,215,96,.16),rgba(255,255,255,.08));box-shadow:0 22px 56px rgba(30,215,96,.13)}
.card-link-area{padding:18px 18px 0}.site-card-top{align-items:flex-start}.site-logo{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,rgba(30,215,96,.24),rgba(110,231,255,.12));color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.18)}.site-logo img{border-radius:11px}.site-name{color:var(--text);font-weight:800}.site-url{color:var(--text3)}.site-desc{color:var(--text2);line-height:1.6}.site-footer{border-top:1px solid var(--border);background:rgba(255,255,255,.03)}.site-tag{background:rgba(255,255,255,.08);color:var(--text3);border-radius:7px}.site-actions,.site-stat-item{color:var(--text3)}.visit-btn{background:var(--gradient);color:#06120d;border-radius:8px;font-weight:900}.visit-btn:hover{box-shadow:0 6px 18px rgba(30,215,96,.25)}
.detail-main{border-radius:var(--radius);padding:32px}.detail-hero{align-items:start}.detail-top{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.detail-logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,rgba(30,215,96,.24),rgba(110,231,255,.12));color:var(--accent);box-shadow:0 8px 20px rgba(0,0,0,.18)}.detail-logo img{border-radius:18px}.detail-url,.detail-meta,.breadcrumb{color:var(--text3)}.detail-desc{background:rgba(255,255,255,.055);border:1px solid var(--border);color:var(--text2);border-radius:16px}
.visit-main-btn,.submit-btn,button[type=submit],.btn{background:var(--gradient);color:#06120d;border:0;border-radius:10px;font-weight:900}input,textarea,select{border:1px solid var(--border)!important;background:rgba(255,255,255,.10)!important;color:var(--text)!important;border-radius:12px!important}input::placeholder,textarea::placeholder{color:var(--text3)}
.footer{background:transparent;border:0;color:var(--text3)}.footer a{color:var(--accent2)}
@media(max-width:768px){.navbar{top:8px;margin-top:8px;width:calc(100% - 16px)}.navbar-inner{border-radius:22px;min-height:60px;padding:9px 12px}.logo{font-size:15px}.logo img,.logo-icon{width:40px;height:40px}.nav-links{display:none}.mobile-cat-btn{display:inline-flex}.hero{width:calc(100% - 16px);margin-top:12px;padding:28px 18px;border-radius:26px}.hero h1{font-size:32px}.hero p{font-size:14px}.container{padding:18px 12px}.site-grid{grid-template-columns:1fr}.detail-main{padding:22px}.detail-top{gap:14px}.detail-logo{width:62px;height:62px}}
.section-subcat-tabs{border-color:rgba(30,215,96,.24);background:linear-gradient(135deg,rgba(30,215,96,.12),rgba(110,231,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}html[data-theme="light"] .section-subcat-tabs{background:#eefdf4}.section-subcat-tab.active{background:linear-gradient(135deg,#1ed760,#22d3ee);color:#06120d;box-shadow:0 8px 20px rgba(30,215,96,.16)}
.home-clean-section{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}html[data-theme="light"] .home-clean-section{background:none!important;border:0!important}.section-subcat-scroll{gap:3px}.section-subcat-tab{min-width:auto;padding:6px 9px;line-height:1;letter-spacing:-.2px}

/* MusicWave final dropdown style: Spotify light-green clean panel
   Works for normal dropdowns, JS-floating dropdowns moved under body, and mobile dropdown layers. */
body.site-style-MusicWave .cat-dropdown,
body.site-style-musicwave .cat-dropdown,
.cat-dropdown.theme-musicwave-dropdown,
body.site-style-MusicWave .cat-dropdown.cat-dropdown-layer,
body.site-style-musicwave .cat-dropdown.cat-dropdown-layer,
body.site-style-MusicWave .cat-dropdown.cat-dropdown-floating,
body.site-style-musicwave .cat-dropdown.cat-dropdown-floating,
body.site-style-MusicWave .cat-nav-v2 .cat-dropdown,
body.site-style-musicwave .cat-nav-v2 .cat-dropdown,
body.site-style-MusicWave #categories.cat-nav-v2 .cat-dropdown,
body.site-style-musicwave #categories.cat-nav-v2 .cat-dropdown{
    background:#d8ffe8!important;
    background-color:#d8ffe8!important;
    background-image:none!important;
    border:0!important;
    border-color:transparent!important;
    border-radius:18px!important;
    box-shadow:0 20px 44px rgba(30,215,96,.20)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:hidden!important;
}
body.site-style-MusicWave .cat-dropdown-title,
body.site-style-musicwave .cat-dropdown-title,
.cat-dropdown.theme-musicwave-dropdown .cat-dropdown-title,
body.site-style-MusicWave .cat-dropdown-floating .cat-dropdown-title,
body.site-style-musicwave .cat-dropdown-floating .cat-dropdown-title{
    color:#046c3a!important;
    border-bottom:0!important;
    background:transparent!important;
    font-weight:800!important;
}
body.site-style-MusicWave .cat-dropdown-grid,
body.site-style-musicwave .cat-dropdown-grid,
.cat-dropdown.theme-musicwave-dropdown .cat-dropdown-grid{
    gap:8px!important;
}
body.site-style-MusicWave .cat-sub-pill,
body.site-style-musicwave .cat-sub-pill,
.cat-dropdown.theme-musicwave-dropdown .cat-sub-pill,
body.site-style-MusicWave .cat-dropdown-floating .cat-sub-pill,
body.site-style-musicwave .cat-dropdown-floating .cat-sub-pill,
body.site-style-MusicWave #categories.cat-nav-v2 .cat-sub-pill,
body.site-style-musicwave #categories.cat-nav-v2 .cat-sub-pill{
    background:#b9f5d0!important;
    background-color:#b9f5d0!important;
    border:0!important;
    border-color:transparent!important;
    color:#064e31!important;
    border-radius:14px!important;
    box-shadow:none!important;
}
body.site-style-MusicWave .cat-sub-pill:hover,
body.site-style-musicwave .cat-sub-pill:hover,
.cat-dropdown.theme-musicwave-dropdown .cat-sub-pill:hover,
body.site-style-MusicWave .cat-sub-pill.active,
body.site-style-musicwave .cat-sub-pill.active,
.cat-dropdown.theme-musicwave-dropdown .cat-sub-pill.active,
body.site-style-MusicWave .cat-dropdown-floating .cat-sub-pill:hover,
body.site-style-musicwave .cat-dropdown-floating .cat-sub-pill:hover,
body.site-style-MusicWave .cat-dropdown-floating .cat-sub-pill.active,
body.site-style-musicwave .cat-dropdown-floating .cat-sub-pill.active,
body.site-style-MusicWave #categories.cat-nav-v2 .cat-sub-pill:hover,
body.site-style-musicwave #categories.cat-nav-v2 .cat-sub-pill:hover,
body.site-style-MusicWave #categories.cat-nav-v2 .cat-sub-pill.active,
body.site-style-musicwave #categories.cat-nav-v2 .cat-sub-pill.active{
    background:#7ee8a6!important;
    background-color:#7ee8a6!important;
    border:0!important;
    color:#064e31!important;
    transform:translateY(-1px)!important;
}
body.site-style-MusicWave .cat-sub-pill .count,
body.site-style-musicwave .cat-sub-pill .count,
.cat-dropdown.theme-musicwave-dropdown .cat-sub-pill .count,
body.site-style-MusicWave .cat-dropdown-floating .cat-sub-pill .count,
body.site-style-musicwave .cat-dropdown-floating .cat-sub-pill .count{
    color:#178a57!important;
    background:rgba(255,255,255,.45)!important;
}
@media(max-width:768px){
    body.site-style-MusicWave .cat-dropdown,
    body.site-style-musicwave .cat-dropdown,
    .cat-dropdown.theme-musicwave-dropdown,
    body.site-style-MusicWave .cat-dropdown.cat-dropdown-layer,
    body.site-style-musicwave .cat-dropdown.cat-dropdown-layer,
    body.site-style-MusicWave .cat-dropdown.cat-dropdown-floating,
    body.site-style-musicwave .cat-dropdown.cat-dropdown-floating,
    body.site-style-MusicWave .cat-nav-v2 .cat-dropdown,
    body.site-style-musicwave .cat-nav-v2 .cat-dropdown,
    body.site-style-MusicWave #categories.cat-nav-v2 .cat-dropdown,
    body.site-style-musicwave #categories.cat-nav-v2 .cat-dropdown{
        background:#d8ffe8!important;
        background-color:#d8ffe8!important;
        border:0!important;
        box-shadow:0 16px 34px rgba(30,215,96,.18)!important;
    }
}
/* 友情链接卡片圆角 */
.friend-links{border-radius:24px;overflow:hidden}