@charset "UTF-8";.card-site-info{display:none !important}:root{--xn-accent:#2563eb;--xn-accent-dark:#1d4ed8;--xn-accent-bg:#eff4ff;--xn-bg:#f0f1f3;--xn-card-bg:#ffffff;--xn-border:#e5e7eb;--xn-border-light:#eef0f2;--xn-text:#1f2329;--xn-text-muted:#909399;--xn-radius:8px}body{background:var(--xn-bg);color:var(--xn-text);font-size:14px}a{color:var(--xn-accent)}a:hover{color:var(--xn-accent-dark)}#header.navbar{background:var(--xn-bg) !important;border-bottom:none}.navbar-dark .navbar-brand{color:var(--xn-text);font-weight:700;letter-spacing:0.02em}.navbar-dark .navbar-brand:hover{color:var(--xn-accent)}.navbar-dark .navbar-nav .nav-link{color:#4b5563;font-size:14px;border-radius:6px;transition:color 0.15s ease,background-color 0.15s ease}.navbar-dark .navbar-nav .nav-link:hover{color:var(--xn-accent);background:var(--xn-accent-bg)}.navbar-dark .navbar-nav li.active>a.nav-link{color:var(--xn-accent);font-weight:600;background:var(--xn-accent-bg)}.navbar-dark .navbar-toggler{border-color:rgba(15,23,42,0.15)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(31,35,41,0.6)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.xn-searchbar{margin-bottom:1rem}.xn-search-form{display:flex;align-items:center;background:var(--xn-card-bg);border:1px solid var(--xn-border);border-radius:var(--xn-radius);padding:4px 4px 4px 16px;box-shadow:0 1px 2px rgba(16,24,40,0.04)}.xn-search-input{flex:1;min-width:0;border:none;outline:none;font-size:14px;color:var(--xn-text);background:transparent;padding:8px 0}.xn-search-input::placeholder{color:#a8abb2}.xn-search-btn{border:none;background:var(--xn-accent);color:#fff;font-size:14px;padding:8px 24px;border-radius:6px;cursor:pointer;transition:background-color 0.15s ease}.xn-search-btn:hover{background:var(--xn-accent-dark)}.card{background:var(--xn-card-bg);border:1px solid var(--xn-border);border-radius:0;box-shadow:0 1px 2px rgba(16,24,40,0.04);margin-bottom:1rem}.card>.card-header{background:var(--xn-card-bg);color:var(--xn-text);border-bottom:1px solid var(--xn-border);border-radius:0;font-weight:600;padding:0.7rem 1rem}.card>.card-body{padding:0.5rem 1rem}.card>.card-footer{background:#fbfcfe;border-top:1px solid var(--xn-border-light);border-radius:0}.card-header-tabs{border-bottom:none}.card-header-tabs>.nav-item{margin-bottom:0}.card-header-tabs>.nav-item>.nav-link{color:var(--xn-text-muted);border:none;border-bottom:2px solid transparent;border-radius:0;padding:0.35rem 0.75rem;transition:color 0.15s ease,border-color 0.15s ease}.card-header-tabs>.nav-item>.nav-link:hover:not(.active){color:var(--xn-accent)}.card-header-tabs>.nav-item>.nav-link.active{color:var(--xn-accent);background:none;border-color:var(--xn-accent);border-bottom-color:var(--xn-accent);font-weight:600}.xn-sign-banner{height:52px;display:flex;align-items:center;background:#fff;cursor:pointer;padding:0 10px}.xn-sign-banner .xn-sign-ic{width:34px;height:36px;background:var(--xn-accent);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex:0 0 auto}.xn-sign-banner .xn-sign-txt{line-height:1.3;min-width:0}.xn-sign-banner .xn-sign-l1{font-size:14px;color:#222}.xn-sign-banner .xn-sign-l2{font-size:12px;color:#888}.xn-sign-banner .xn-sign-st{color:#222;font-weight:600;margin-right:3px}.xn-sign-banner .xn-sign-count{color:var(--xn-accent);font-weight:600}.threadlist .thread{padding:0.28rem 0;border-bottom:1px solid var(--xn-border-light);transition:background-color 0.15s ease}.threadlist .thread:last-child{border-bottom:0}.threadlist .thread:hover{background:#fafbfc}.threadlist .subject a{font-size:14px;color:var(--xn-text);font-weight:500}.threadlist .thread:hover .subject a{color:var(--xn-accent)}.threadlist .thread .thread-meta{font-size:12px;color:var(--xn-text-muted)}.threadlist .thread .thread-meta .username{color:#7c828a}.threadlist .thread .thread-count{font-size:12px;color:#b3b8bf;white-space:nowrap}.threadlist .subject .xn-title{flex:1 1 0%;min-width:0}.threadlist .thread .thread-count .icon-comment-o{margin-right:2px}.badge{border-radius:10rem}.avatar-3,.avatar-4,.avatar-5{border-radius:50%}.breadcrumb{background:var(--xn-card-bg);border:1px solid var(--xn-border);border-radius:var(--xn-radius);box-shadow:none;font-size:13px}.breadcrumb:hover{background:var(--xn-card-bg)}.breadcrumb .breadcrumb-item a{color:var(--xn-text-muted)}.breadcrumb .breadcrumb-item a:hover{color:var(--xn-accent)}.breadcrumb .breadcrumb-item.active{color:var(--xn-text);font-weight:600}.message{font-size:1.02rem;line-height:1.75}.message p{margin:0.3rem 0}.message img{max-width:100%;height:auto !important;border:1px solid var(--xn-border);border-radius:8px;margin-bottom:0.5rem}.btn-primary{background:var(--xn-accent);border-color:var(--xn-accent);border-radius:6px;transition:background-color 0.15s ease,border-color 0.15s ease}.btn-primary:hover,.btn-primary:focus{background:var(--xn-accent-dark);border-color:var(--xn-accent-dark)}.btn-secondary{border-radius:6px;color:#4b5563;background:#fff;border-color:var(--xn-border)}.btn-secondary:hover{background:#f1f5f9;border-color:var(--xn-border);color:var(--xn-text)}.form-control{border-color:var(--xn-border);border-radius:6px}.form-control:focus{border-color:var(--xn-accent);box-shadow:0 0 0 0.2rem rgba(37,99,235,0.12)}.pagination .page-link{color:var(--xn-text);border-color:var(--xn-border);background:var(--xn-card-bg);margin:0 2px;border-radius:6px}.pagination .page-item.active .page-link{background:var(--xn-accent);border-color:var(--xn-accent);color:#fff}.pagination .page-link:hover{color:var(--xn-accent)}.card-site-info .card-footer{background:#fbfcfe}.card-site-info h5{color:var(--xn-text);font-weight:700}.card-site-info .card-footer b{color:var(--xn-text)}.xn-guestbar{background:var(--xn-card-bg);border:1px solid var(--xn-border);border-radius:var(--xn-radius);padding:12px 20px;margin-top:1rem;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--xn-text-muted)}.xn-guestbar .xn-guestbar-btns .btn{margin-left:8px}#footer{background:var(--xn-card-bg);border-top:1px solid var(--xn-border);color:var(--xn-text-muted);font-size:12px;margin-top:0.5rem}#footer a{color:var(--xn-text-muted)}#footer a:hover{color:var(--xn-accent)}#footer b{color:var(--xn-text);font-weight:600}li.quote,.blockquote{background-color:#f4f8ff;background-image:none;border-left:3px solid var(--xn-accent);border-radius:6px}span.red{color:#d93025;font-weight:600}@media (max-width:992px){#nav>ul>li>a.nav-link{border-bottom:1px solid var(--xn-border-light)}#header .navbar-nav .nav-link{padding-left:0.5rem}}#header .navbar-nav .xn-nav-custom>a.nav-link{font-weight:600;color:var(--xn-accent)}#header .navbar-nav .xn-nav-custom>a.nav-link:hover{background:var(--xn-accent-bg)}.card-header-tabs>.nav-item>a.nav-link.xn-rank-tab{font-weight:400}.xn-rank{display:inline-block;min-width:38px;text-align:center;font-size:12px;font-weight:700;color:#222;background:#9ca3af;border-radius:3px;padding:1px 6px;margin-right:8px;vertical-align:1px}.xn-rank-hot{background:#ef4444}.xn-views{margin-right:10px}.xn-views .icon-eye{margin-right:2px}.aside .xn-side-card{margin-bottom:1rem}.aside .xn-side-card .card-header{font-size:14px;font-weight:700;padding:0.55rem 1rem;border-left:3px solid var(--xn-accent)}.aside .xn-side-card .card-body{padding:0.75rem 1rem}.xn-side-sign .xn-sign-btn{font-weight:600}.xn-side-links a{color:var(--xn-text)}.xn-side-links a:hover{color:var(--xn-accent)}.xn-side-singers a,.xn-side-musics a{color:var(--xn-text)}.xn-side-singers a:hover,.xn-side-musics a:hover{color:var(--xn-accent)}.xn-side-singers .d-flex,.xn-side-musics .d-flex{border-bottom:1px dashed var(--xn-border-light)}.xn-side-singers .d-flex:last-child,.xn-side-musics .d-flex:last-child{border-bottom:0}.aside .xn-side-stats .card-body{padding:0.65rem 0.25rem}.aside .xn-side-stats b{color:var(--xn-text)}/* ===== 榜单标签：彩色椭圆胶囊 ===== */.card-threadlist .card-header-tabs{gap:2px}.card-threadlist .card-header-tabs>.nav-item>.nav-link,.card-threadlist .card-header-tabs>.nav-item>a.nav-link.xn-rank-tab{color:#fff;border:none;border-radius:999px;padding:0.32rem 0.95rem;font-weight:600;font-size:13px;line-height:1.4;margin:0 1px;transition:transform 0.12s ease,box-shadow 0.12s ease,filter 0.12s ease}.card-threadlist .card-header-tabs>.nav-item>.nav-link:hover:not(.active){filter:brightness(1.12)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.active{color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(15,23,42,0.25)}.card-threadlist .card-header-tabs>.nav-item:first-child>.nav-link{background:linear-gradient(135deg,#3b82f6,#2563eb)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-hot{background:linear-gradient(135deg,#ff6b35,#f43f5e)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-month{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-week{background:linear-gradient(135deg,#10b981,#059669)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-day{background:linear-gradient(135deg,#ec4899,#db2777)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-hot.active{background:linear-gradient(135deg,#ff6b35,#f43f5e)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-month.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-week.active{background:linear-gradient(135deg,#10b981,#059669)}.card-threadlist .card-header-tabs>.nav-item>.nav-link.xn-tab-day.active{background:linear-gradient(135deg,#ec4899,#db2777)}.xn-singer-wrap{display:flex;flex-wrap:wrap;gap:6px}.xn-singer-pill{display:inline-flex;align-items:center;gap:4px;color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.7;transition:transform 0.12s ease,filter 0.12s ease}.xn-singer-pill:hover{color:#fff;filter:brightness(1.12);transform:translateY(-1px)}.xn-singer-pill em{font-style:normal;background:rgba(255,255,255,0.28);border-radius:999px;padding:0 6px;font-weight:700;margin-left:2px}.xn-singer-c1{background:linear-gradient(135deg,#3b82f6,#2563eb)}.xn-singer-c2{background:linear-gradient(135deg,#ff6b35,#f43f5e)}.xn-singer-c3{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.xn-singer-c4{background:linear-gradient(135deg,#10b981,#059669)}.xn-singer-c5{background:linear-gradient(135deg,#ec4899,#db2777)}.xn-side-singers .xn-singer-pill,.xn-side-singers .xn-singer-pill:hover{color:#fff}.xn-side-search .card-body{padding:0.55rem 0.7rem}.xn-side-search .xn-search-form{display:flex;align-items:center;background:#fff;border:1px solid var(--xn-border);border-radius:999px;padding:2px 3px 2px 12px;box-shadow:0 1px 2px rgba(16,24,40,0.05);transition:border-color 0.15s ease,box-shadow 0.15s ease}.xn-side-search .xn-search-form:focus-within{border-color:var(--xn-accent);box-shadow:0 0 0 3px rgba(37,99,235,0.10)}.xn-side-search .xn-search-form .input-group{flex-wrap:nowrap;width:100%}.xn-side-search .xn-search-form .form-control{border:none;background:transparent;box-shadow:none;font-size:12px;color:var(--xn-text);height:auto;padding:5px 2px}.xn-side-search .xn-search-form .form-control:focus{box-shadow:none}.xn-side-search .xn-search-form .form-control::placeholder{color:#a8abb2}.xn-side-search .xn-search-form .input-group-append{margin-left:0}.xn-side-search .xn-search-btn{border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;transition:filter 0.15s ease,box-shadow 0.15s ease}.xn-side-search .xn-search-btn:hover{filter:brightness(1.1)}#header.navbar #nav .navbar-nav .nav-link{padding:6px 16px;border-radius:999px;margin:0 2px;font-size:14px;font-weight:600;transition:color 0.15s ease,background-color 0.15s ease,box-shadow 0.15s ease,transform 0.12s ease}#header.navbar #nav .navbar-nav.mr-auto>li>a.nav-link{color:#4b5563;background:#eef1f6}#header.navbar #nav .navbar-nav.mr-auto>li>a.nav-link:hover{color:var(--xn-accent);background:#e2e8f3}#header.navbar #nav .navbar-nav.mr-auto>li.active>a.nav-link{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 3px 10px rgba(37,99,235,0.3);transform:translateY(-1px)}#header.navbar #nav ul.navbar-nav:last-child>li>a.nav-link{color:#4b5563;padding:6px 14px}#header.navbar #nav ul.navbar-nav:last-child>li>a.nav-link:hover{color:var(--xn-accent);background:var(--xn-accent-bg)}#header.navbar #nav ul.navbar-nav:last-child>li.username>a.nav-link{background:#eef1f6}@media (max-width:992px){#header.navbar #nav .navbar-nav.mr-auto>li>a.nav-link{background:#eef1f6;margin:2px 0}#header.navbar #nav .navbar-nav.mr-auto>li.active>a.nav-link{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:none}}
/* ===== 侧边随机歌单 ===== */
.xn-side-songs .card-header{display:flex;align-items:center;justify-content:space-between}
.xn-side-song{display:flex;align-items:center;padding:5px 4px;cursor:pointer;border-radius:8px;transition:background .15s ease}
.xn-side-song:hover{background:#eef4ff}
.xn-side-song-pic{width:40px;height:40px;border-radius:8px;margin-right:10px;object-fit:cover;flex:0 0 40px}
.xn-side-song-name{flex:1;font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xn-side-song-artist{font-size:12px;color:#94a3b8;margin-left:8px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}