.qatop{position:relative;text-align:center;padding:56px 20px 46px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(212,160,23,.14),transparent 60%),linear-gradient(180deg,#0c111d,#0a0e17)}
.qatop h1{font-size:30px;color:var(--gold-2);font-weight:900;letter-spacing:.5px}
.qatop h1 span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.qatop p{color:var(--txt-2);font-size:15px;margin-top:10px}
.askbox{max-width:680px;margin:30px auto 0;display:flex;gap:10px}
.askbox input{flex:1;background:var(--bg);border:2px solid #2a3350;color:var(--txt);border-radius:30px;padding:13px 20px;font-size:15px;transition:border .2s}
.askbox input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(212,160,23,.15)}
.askbox button{background:var(--gold-grad);color:#14171f;border:none;border-radius:30px;padding:13px 26px;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 18px rgba(212,160,23,.35);transition:all .3s}
.askbox button:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(212,160,23,.5)}
.answerbox{max-width:680px;margin:16px auto 0;background:var(--card-grad);border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left;display:none;box-shadow:var(--shadow)}
.answerbox.show{display:block}
.answerbox .src{color:var(--gold-2);font-size:13px;margin-bottom:8px}
.answerbox .body{white-space:pre-wrap;color:var(--txt-2);font-size:14px;line-height:1.7}
.qaerr{color:#ff6b6b;max-width:680px;margin:12px auto 0;text-align:left;display:none}
.catbar{max-width:1000px;margin:26px auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.catbar a{background:var(--bg-3);border:1px solid var(--line);color:var(--txt-2);padding:7px 14px;border-radius:18px;text-decoration:none;font-size:13px;transition:all .25s}
.catbar a.active,.catbar a:hover{color:var(--gold-2);background:rgba(212,160,23,.12);border-color:rgba(212,160,23,.35)}
.qa-list{max-width:1000px;margin:0 auto 40px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.qa-item{background:var(--card-grad);border:1px solid var(--line);border-radius:14px;padding:22px;transition:all .3s;position:relative;overflow:hidden}
.qa-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.qa-item:hover::before{transform:scaleX(1)}
.qa-item:hover{transform:translateY(-4px);border-color:rgba(212,160,23,.35);box-shadow:var(--shadow)}
.qa-item .cat{display:inline-block;font-size:12px;color:var(--gold-2);background:rgba(212,160,23,.12);border:1px solid rgba(212,160,23,.25);border-radius:10px;padding:3px 10px;margin-bottom:10px}
.qa-item h3{font-size:15px;color:var(--txt);margin:0 0 12px}
.qa-item h3 a{color:var(--txt);text-decoration:none}
.qa-item h3 a:hover{color:var(--gold-2)}
.qa-item .excerpt{color:var(--txt-2);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qa-item .meta{color:var(--txt-3);font-size:12px;margin-top:12px}
.pagination{display:flex;justify-content:center;gap:6px;padding:10px 0 40px}
.pagination a,.pagination span{background:var(--bg-3);border:1px solid var(--line);color:var(--txt-2);padding:8px 14px;border-radius:8px;text-decoration:none;font-size:13px}
.pagination .active{background:var(--gold-grad);color:#14171f;border-color:transparent;font-weight:800}
@media(max-width:640px){.askbox{flex-direction:column}.qa-list{grid-template-columns:1fr}}