@charset "utf-8";
/* ===== 酷狗音乐 问答知识库 · 暗色沉浸「播放器墙」风格（自包含，不依赖 kgfaq.css） ===== */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; font-size:14px; color:#c7cede;
  background:#0d1017; background-image:radial-gradient(1200px 500px at 15% -5%,rgba(0,98,255,.22),transparent 60%),radial-gradient(1000px 460px at 100% 0,rgba(40,169,243,.16),transparent 55%); background-attachment:fixed; }
a { text-decoration:none; color:#c7cede; }
ul,li { list-style:none; }
svg { display:block; }
.wrap { width:1180px; max-width:94%; margin:0 auto; }

/* 顶栏 */
.k2top { position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); background:rgba(13,16,23,.78); border-bottom:1px solid rgba(120,150,220,.14); }
.k2top_in { display:flex; align-items:center; height:60px; }
.k2logo { display:flex; align-items:center; gap:10px; font-size:17px; font-weight:700; color:#fff; }
.k2logo .dot { width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#0062FF,#28a9f3); display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 16px rgba(40,169,243,.6); }
.k2logo .dot:after { content:""; width:9px; height:9px; border-radius:50%; background:#fff; }
.k2nav { margin-left:auto; display:flex; gap:26px; }
.k2nav a { font-size:14px; color:#93a0bc; transition:color .2s; }
.k2nav a:hover, .k2nav a._on { color:#fff; }
.k2nav a._on { position:relative; }
.k2nav a._on:after { content:""; position:absolute; left:0; right:0; bottom:-20px; height:2px; background:linear-gradient(90deg,#0062FF,#28a9f3); }
.k2switch { margin-left:24px; font-size:12px; color:#7f8db0; border:1px solid rgba(120,150,220,.28); border-radius:999px; padding:6px 14px; }
.k2switch:hover { color:#fff; border-color:#28a9f3; }

/* 面包屑 */
.k2crumb { padding:16px 0 4px; font-size:13px; color:#6d7997; }
.k2crumb a { color:#6d7997; }
.k2crumb a:hover { color:#28a9f3; }
.k2crumb .sep { padding:0 7px; color:#3c465e; }

/* 页头 */
.k2hero { padding:26px 0 22px; }
.k2hero h1 { font-size:30px; font-weight:800; color:#fff; letter-spacing:.5px; }
.k2hero h1 .g { background:linear-gradient(90deg,#3b8bff,#28a9f3); -webkit-background-clip:text; background-clip:text; color:transparent; }
.k2hero p { margin-top:12px; font-size:14px; color:#93a0bc; line-height:1.8; max-width:820px; }
.k2hero p a { color:#28a9f3; }
.k2search { margin-top:20px; display:flex; width:560px; max-width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(120,150,220,.24); border-radius:14px; overflow:hidden; }
.k2search input { flex:1; background:none; border:0; outline:none; height:46px; padding:0 18px; font-size:14px; color:#e6ebf6; font-family:inherit; }
.k2search input::placeholder { color:#6d7997; }
.k2search span { width:64px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0062FF,#28a9f3); color:#fff; font-size:18px; }

/* 分类胶囊 */
.k2pills { display:flex; flex-wrap:wrap; gap:10px; padding:18px 0 6px; }
.k2pill { font-size:13px; color:#aeb9d4; background:rgba(255,255,255,.04); border:1px solid rgba(120,150,220,.2); border-radius:999px; padding:7px 16px; }
.k2pill em { font-style:normal; color:#6d7997; margin-left:4px; }
.k2pill:hover { color:#fff; border-color:#28a9f3; background:rgba(40,169,243,.12); }
.k2pill:hover em { color:#28a9f3; }

/* 卡片墙（双列，常开） */
.k2wall { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding:18px 0 6px; }
.k2card { position:relative; display:flex; gap:16px; background:linear-gradient(180deg,rgba(30,37,52,.9),rgba(20,25,36,.9)); border:1px solid rgba(120,150,220,.16); border-radius:16px; padding:18px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.k2card:hover { transform:translateY(-3px); border-color:rgba(40,169,243,.5); box-shadow:0 14px 34px rgba(0,20,60,.5),0 0 0 1px rgba(40,169,243,.15); }
/* 专辑封面式配图 */
.k2cover { flex:0 0 96px; width:96px; height:96px; border-radius:50%; padding:3px; background:conic-gradient(from 140deg,#0062FF,#28a9f3,#0062FF); box-shadow:0 0 18px rgba(40,169,243,.35); position:relative; }
.k2cover .in { width:100%; height:100%; border-radius:50%; overflow:hidden; background:#0b0e14; display:flex; align-items:center; justify-content:center; }
.k2cover .in svg { width:118%; height:118%; }
.k2cover .in img { width:100%; height:100%; object-fit:cover; display:block; }
.k2cover:after { content:""; position:absolute; width:14px; height:14px; border-radius:50%; background:#0d1017; border:3px solid #1b2233; top:50%; left:50%; transform:translate(-50%,-50%); }
.k2body { flex:1; min-width:0; }
.k2q { font-size:15px; font-weight:700; color:#fff; line-height:1.5; margin-bottom:8px; }
.k2a { font-size:13px; color:#aab4cc; line-height:1.82; }
.k2pts { margin:10px 0 0; display:flex; flex-wrap:wrap; gap:6px; }
.k2pts li { font-size:12px; color:#8fd0ff; background:rgba(40,169,243,.1); border:1px solid rgba(40,169,243,.22); border-radius:6px; padding:3px 9px; }
.k2kw { margin-top:9px; font-size:11px; color:#606d8c; }
.k2cap { margin-top:7px; font-size:11px; color:#6d7997; }
.k2meta { margin-top:8px; font-size:11.5px; color:#5d6a89; }
.k2meta a { color:#28a9f3; margin-left:6px; }
.k2meta a:hover { text-decoration:underline; }
.k2empty { display:none; text-align:center; color:#6d7997; padding:40px 0; }

/* 翻页 */
.k2pager { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:26px 0 10px; }
.k2pager a, .k2pager span { min-width:38px; height:38px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(120,150,220,.2); color:#aeb9d4; }
.k2pager a:hover { color:#fff; border-color:#28a9f3; }
.k2pager .cur { background:linear-gradient(135deg,#0062FF,#28a9f3); border-color:transparent; color:#fff; font-weight:700; }
.k2pager .dot { border:0; background:none; color:#4a5675; }

/* 索引分类网格 */
.k2grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:22px 0 6px; }
.k2cat { display:block; background:linear-gradient(180deg,rgba(30,37,52,.9),rgba(20,25,36,.9)); border:1px solid rgba(120,150,220,.16); border-radius:16px; padding:20px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.k2cat:hover { transform:translateY(-4px); border-color:rgba(40,169,243,.5); box-shadow:0 16px 36px rgba(0,20,60,.5); }
.k2cat_top { display:flex; align-items:center; gap:14px; }
.k2cat_ico { width:60px; height:60px; border-radius:14px; overflow:hidden; background:#0b0e14; border:1px solid rgba(120,150,220,.2); flex-shrink:0; }
.k2cat_ico svg { width:100%; height:100%; }
.k2cat_ico img { width:100%; height:100%; object-fit:cover; display:block; }
.k2cat h3 { font-size:17px; color:#fff; margin-bottom:4px; }
.k2cat .cnt { font-size:12px; color:#6d7997; }
.k2cat:hover h3 { color:#28a9f3; }
.k2cat_samp { margin-top:12px; display:flex; flex-direction:column; gap:6px; }
.k2cat_samp span { font-size:12px; color:#8794b2; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 说明 + 页脚 */
.k2note { margin:22px 0; padding:18px 20px; font-size:12.5px; color:#8794b2; line-height:1.9; background:rgba(255,255,255,.03); border:1px solid rgba(120,150,220,.14); border-radius:14px; }
.k2note b { color:#c7cede; }
.k2foot { margin-top:36px; padding:26px 0 40px; border-top:1px solid rgba(120,150,220,.12); text-align:center; font-size:12px; color:#606d8c; line-height:2; }
.k2foot a { color:#8794b2; margin:0 8px; }
.k2foot a:hover { color:#28a9f3; }

@media (max-width:1080px){ .k2grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:820px){ .k2wall,.k2grid { grid-template-columns:1fr; } .k2nav { display:none; } }