html{overflow-y:scroll}body{background:linear-gradient(135deg,#fff7ed 0%,#ffffff 100%);min-height:100vh}.pl{display:flex;gap:28px;max-width:1100px;margin:0 auto;padding:24px 1rem 40px}.ps{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.ps .sg{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.08)}.ps .sb{display:block;width:100%;padding:11px 14px;border:none;border-bottom:1px solid var(--bd);background:var(--c);text-align:left;font-size:.85rem;color:var(--mf);cursor:pointer;transition:all .2s}.ps .sb:last-child{border-bottom:none}.ps .sb:hover{background:var(--pl);color:var(--fg)}.ps .sb.ac{background:linear-gradient(135deg,var(--p),#ea580c);color:#fff;font-weight:600;border-bottom-color:var(--p)}.ps .qc{display:flex;align-items:center;gap:10px;background:var(--c);border:1px solid var(--bd);border-radius:8px;padding:12px 14px;box-shadow:0 4px 16px rgba(0,0,0,0.08);font-size:.8rem;color:var(--mf);text-decoration:none;transition:all .2s}.ps .qc:hover{box-shadow:0 6px 20px rgba(0,0,0,0.12);border-color:var(--p)}.ps .qc .fa-qq{font-size:1.2rem;color:#12B7F5}.ps .qc .qn{font-weight:700;color:var(--fg);font-size:.85rem}.pm{flex:1;min-width:0}.badge{font-size:.7rem;background:#fef3e8;color:var(--p);padding:2px 8px;border-radius:30px;margin-left:8px;font-weight:500}@media(max-width:768px){.pl{flex-direction:column}.ps{width:100%;gap:8px}.ps .sg{flex-direction:row;flex-wrap:nowrap;background:var(--c);box-shadow:0 2px 12px rgba(0,0,0,0.06)}.ps .sb{flex:1;min-width:0;padding:10px 4px;font-size:.72rem;border-bottom:none;border-right:1px solid var(--bd);text-align:center}.ps .sb:last-child{border-right:none}.ps .qc{flex-direction:row;justify-content:center}}