/* ---- หน้าแรก: เรียบ สะอาด สีเดียวกันทั้งสองหมวด ---- */
.hsec.ai{border-top:1px solid rgba(255,255,255,.08)}
.hsh,.hsec.ai .hsh{border-left:0;padding-left:0}
.hsh .hn{font-size:13px;letter-spacing:.03em;color:var(--mute)}
.hc{border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .18s,border-color .18s}
.hc:hover{transform:translateY(-3px)}
.hc.ai{border-color:rgba(255,255,255,.1)}
.hc.sel,.hc.ai.sel{border-color:rgba(255,255,255,.85);box-shadow:none}
.aib{background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:600;letter-spacing:.1em;padding:3px 8px;border-radius:999px;font-size:10.5px}
.hc.add,.hc.add.ai{background:transparent;border:1px dashed rgba(255,255,255,.2);color:var(--mute)}
.hc.add:hover,.hc.add.ai:hover{background:rgba(255,255,255,.05);color:var(--ink);transform:none}
.hc.add.ai .aiic{font-size:24px;filter:grayscale(.4)}
.aibtn{background:transparent;border:1px solid rgba(255,255,255,.22);color:var(--ink);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:500}
.aibtn:hover{background:rgba(255,255,255,.08);filter:none}
.hero .hb .dl{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;padding:10px 18px}
.hero .hb .dl:hover{background:rgba(229,9,20,.35);border-color:rgba(255,120,110,.6)}
#aim .box{border-left-color:rgba(255,255,255,.09)}
#aim button.ok{background:var(--acc);color:#1a1008;box-shadow:none}
#aim button.ok:hover{background:#ffad47}
#tmenu .tmbadge{margin-left:auto;font-size:12px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--mute)}
.hdl{position:absolute;top:7px;right:7px;z-index:3;width:28px;height:28px;display:grid;place-items:center;font-style:normal;font-size:13px;border-radius:50%;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transform:scale(.9);transition:opacity .15s,transform .15s,background .15s;cursor:pointer}
.hc:hover .hdl,.hc:focus-within .hdl,.hdl:focus-visible{opacity:1;transform:none}
.hdl:hover{background:rgba(229,9,20,.75)}
@media (hover:none){.hdl{opacity:.9;transform:none}}
.hc.add .hdl{display:none}
/* ---- ถังขยะ ---- */
.trw{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.trb{width:min(560px,100%);max-height:84vh;display:flex;flex-direction:column;color:var(--ink);background:#1a1613;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px 22px 16px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.trb h3{margin:0 0 4px;font-size:19px;font-weight:700}
.trb .sum{margin:0 0 14px;color:var(--mute);font-size:14px}
.trl{overflow:auto;display:flex;flex-direction:column;gap:2px;margin:0 -6px}
.tri{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:10px}
.tri:hover{background:rgba(255,255,255,.05)}
.trp{flex:none;width:36px;height:54px;border-radius:6px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.12)}
.trn{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.trn b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trn small{color:var(--mute);font-size:12.5px}
.trb button{font:inherit;font-size:14px;color:var(--ink);background:rgba(255,255,255,.08);border:0;border-radius:9px;padding:7px 13px;cursor:pointer;white-space:nowrap}
.trb button:hover{background:rgba(255,255,255,.15)}
.trb button.dx{color:#ff8a7a;background:transparent}
.trb button.dx:hover{background:rgba(229,9,20,.16)}
.trb .act{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.trb .act .dx{margin-right:auto}