@charset "utf-8";
/* ===== 2345看图王 问答知识库 · 风格B(暗色科技 / 卡片网格) ===== */
:root{
  --bg:#0e1526; --bg2:#111a30; --card:#16203a; --card2:#1b2745;
  --line:#26314f; --line2:#2f3d63; --ink:#e6ebf7; --mut:#8b96b5; --mut2:#6c769a;
  --cy:#22d3ee; --vi:#a78bfa; --gd:linear-gradient(90deg,#22d3ee,#a78bfa);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;color:var(--ink);
  background:var(--bg) radial-gradient(1200px 400px at 80% -50px,rgba(124,110,255,.16),transparent) no-repeat;}
a{text-decoration:none;color:var(--ink);}
ul,li{list-style:none;}
img{border:0;vertical-align:middle;max-width:100%;}

/* 顶栏 */
.knav{background:rgba(14,21,38,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;}
.knav_in{width:1200px;max-width:100%;margin:0 auto;height:60px;display:flex;align-items:center;padding:0 18px;}
.knav_logo{font-size:17px;font-weight:bold;letter-spacing:.5px;background:var(--gd);-webkit-background-clip:text;background-clip:text;color:transparent;}
.knav_ul{margin-left:26px;display:flex;gap:18px;font-size:13px;flex-wrap:wrap;}
.knav_ul a{color:var(--mut);}
.knav_ul a:hover{color:var(--cy);}
.knav_ul a._on{color:var(--ink);border-bottom:2px solid;border-image:var(--gd) 1;padding-bottom:4px;}
.knav_btn{margin-left:auto;background:var(--gd);color:#0b1020;font-weight:700;font-size:13px;padding:8px 20px;border-radius:8px;}
.knav_btn:hover{filter:brightness(1.1);color:#0b1020;}

/* 头部 */
.khero{width:1200px;max-width:100%;margin:0 auto;padding:40px 18px 8px;}
.khero .tag{display:inline-block;font-size:12px;color:var(--cy);border:1px solid var(--line2);border-radius:20px;padding:4px 14px;margin-bottom:16px;}
.khero h1{font-size:32px;font-weight:800;line-height:1.3;}
.khero h1 b{background:var(--gd);-webkit-background-clip:text;background-clip:text;color:transparent;}
.khero p{margin-top:12px;color:var(--mut);font-size:14px;line-height:1.9;max-width:760px;}
.ksearch{margin-top:22px;display:flex;width:560px;max-width:100%;background:var(--card);border:1px solid var(--line2);border-radius:12px;overflow:hidden;}
.ksearch input{flex:1;background:transparent;border:0;outline:none;height:48px;padding:0 18px;color:var(--ink);font-size:14px;font-family:inherit;}
.ksearch input::placeholder{color:var(--mut2);}
.ksearch span{width:84px;display:flex;align-items:center;justify-content:center;background:var(--gd);color:#0b1020;font-weight:700;cursor:pointer;}

/* 分类导航 */
.kwrap{width:1200px;max-width:100%;margin:0 auto;padding:0 18px 50px;}
.kpills{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0 8px;}
.kpill{font-size:13px;color:var(--mut);border:1px solid var(--line2);border-radius:9px;padding:8px 15px;background:var(--card);}
.kpill:hover{color:var(--cy);border-color:var(--cy);}
.kpill._on{color:var(--ink);background:var(--card2);border-color:var(--vi);}
.kpill em{font-style:normal;color:var(--mut2);margin-left:5px;}

.kgtitle{display:flex;align-items:center;gap:12px;margin:22px 0 4px;font-size:17px;font-weight:700;}
.kgtitle:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--gd);}
.kgtitle small{color:var(--mut2);font-weight:400;font-size:13px;}

/* 卡片网格 */
.kgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;}
.kcard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .15s,box-shadow .15s,border-color .15s;}
.kcard:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 12px 30px rgba(0,0,0,.35);}
.kcard_fig{background:#0f1830;border-bottom:1px solid var(--line);}
.kcard_fig svg{display:block;width:100%;height:120px;}
.kcard_body{padding:15px 17px 16px;display:flex;flex-direction:column;gap:9px;}
.kcard_q{font-size:15px;font-weight:700;line-height:1.5;color:var(--ink);}
.kcard_q .qn{background:var(--gd);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:6px;font-size:13px;}
.kcard_a{font-size:13px;color:var(--mut);line-height:1.85;}
.kcard_pts{display:flex;flex-direction:column;gap:5px;margin-top:2px;}
.kcard_pts li{position:relative;padding-left:16px;font-size:12.5px;color:#aab4d4;line-height:1.7;}
.kcard_pts li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--cy);box-shadow:0 0 6px var(--cy);}
.kcard_kw{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;}
.kcard_kw span{font-size:11px;color:var(--mut2);background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:2px 8px;}
.kempty{display:none;padding:60px 0;text-align:center;color:var(--mut2);}

/* 翻页 */
.kpager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 6px;}
.kpager a,.kpager span{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;border:1px solid var(--line2);border-radius:9px;background:var(--card);color:var(--mut);}
.kpager a:hover{color:var(--cy);border-color:var(--cy);}
.kpager .cur{background:var(--gd);border-color:transparent;color:#0b1020;font-weight:700;}
.kpager .dot{border:0;background:none;color:var(--mut2);}

/* 索引大卡 */
.kcatgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0;}
.kcat{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:block;transition:transform .15s,border-color .15s;}
.kcat:hover{transform:translateY(-3px);border-color:var(--vi);}
.kcat svg{display:block;width:100%;height:110px;background:#0f1830;border-bottom:1px solid var(--line);}
.kcat_b{padding:15px 17px 17px;}
.kcat_b h3{font-size:16px;color:var(--ink);}
.kcat_b .cnt{font-size:12px;color:var(--mut2);}
.kcat_b .samp{margin-top:10px;display:flex;flex-direction:column;gap:6px;}
.kcat_b .samp i{font-style:normal;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.knote{margin-top:34px;background:var(--card);border:1px solid var(--line);border-left:3px solid;border-image:var(--gd) 1;border-radius:10px;padding:16px 20px;font-size:12.5px;color:var(--mut);line-height:1.95;}
.knote b{color:var(--ink);}

.kfoot{border-top:1px solid var(--line);margin-top:30px;padding:24px 18px;text-align:center;color:var(--mut2);font-size:12px;line-height:2;}
.kfoot a{color:var(--mut);}.kfoot a:hover{color:var(--cy);}
.kfoot .row{margin-bottom:10px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

@media (max-width:1024px){ .kcatgrid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:720px){ .kgrid,.kcatgrid{grid-template-columns:1fr;} .khero h1{font-size:25px;} .knav_in,.khero,.kwrap{width:100%;} }