.x-slot{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 10px;background:var(--card)}
.x-sh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.x-sh b{color:var(--head)}
.x-sh span{color:var(--muted);font-size:.85rem;flex:1}
.x-sh u{color:var(--o);text-decoration:none;font-weight:600}
.x-sh .btn,.x-bb .btn,.x-tank .btn,.x-bar .btn,.x-of .btn,.x-pf .btn,.x-chan .btn{padding:6px 10px;font-size:.8rem}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.x-chip{background:var(--bg2);border-radius:8px;padding:4px 8px;font-size:.82rem;color:var(--head);overflow-wrap:anywhere;max-width:100%}
.x-chip small{display:block;color:var(--muted);font-size:.72rem}
.x-inbox,.x-box,.x-form,.x-sheet,.x-portal{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px;background:var(--card)}
.x-msg{border-left:3px solid var(--o);padding:4px 10px;margin:0 0 8px;font-size:.85rem}
.x-msg b{display:block;color:var(--head);font-size:.8rem}
.x-msg span{color:var(--text);overflow-wrap:anywhere}
.x-ok{color:var(--head);font-size:.88rem;background:var(--bg2);padding:8px 12px;border-radius:10px;margin:0 0 12px}
.x-form h4,.x-portal h4{margin:0 0 8px;color:var(--head);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-form input,.x-form select,.x-portal select{width:100%;box-sizing:border-box;margin:0 0 8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.88rem;min-width:0}
.x-portal h4 select{width:auto;flex:1;margin:0}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.x-r3 label{font-size:.75rem;color:var(--muted)}
.x-q{font-size:.85rem;color:var(--text);margin:8px 0}
.x-q u{color:var(--o)}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.85rem;color:var(--text);margin:0 0 12px;max-width:340px;overflow-wrap:anywhere}
.x-sms small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px}
.x-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
.x-still{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--card);font-size:.8rem;min-width:0}
.x-still b{color:var(--head);display:block;margin-bottom:4px}
.x-still p{margin:0 0 4px;color:var(--text);overflow-wrap:anywhere}
.x-still small{display:block;color:var(--muted);font-size:.7rem}
.x-still .x-open{color:var(--muted);border:1px dashed var(--line);border-radius:6px;padding:3px 6px;text-align:center}
.x-flag{border:1px solid var(--o);border-radius:10px;padding:8px 12px;font-size:.85rem;color:var(--head);margin:0 0 10px}
.x-flag .btn{margin-top:8px}
.x-sheet{font-size:.84rem;color:var(--text)}
.x-sheet>b{color:var(--head)}
.x-sheet ol{margin:8px 0;padding-left:18px}
.x-sheet p{margin:6px 0;overflow-wrap:anywhere}
.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.x-row .dk-prog{flex:1 1 100%}
.x-pick p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.x-pick span{min-width:0;overflow-wrap:anywhere}
.x-pick b{color:var(--head);white-space:nowrap}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;font-size:.8rem;margin:0 0 14px}
.x-ba s{color:var(--muted)}
.x-ba span{color:var(--head)}
.x-wallet{position:relative;border:2px solid var(--o);border-radius:16px;padding:14px;background:var(--bg2);max-width:340px;margin:0 0 10px}
.x-wallet small{color:var(--o);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.x-wallet b{display:block;color:var(--head);font-size:1.15rem}
.x-wallet span{display:block;color:var(--muted);font-size:.8rem;padding-right:60px}
.x-wallet .x-qr{position:absolute;right:12px;bottom:12px}
.x-qr{color:var(--head);display:block;flex:none}
.x-chan{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.x-chan span{background:var(--bg2);border-radius:20px;padding:4px 10px;font-size:.78rem;color:var(--head)}
.x-tog{display:flex;gap:8px;align-items:center;font-size:.85rem;margin:0 0 10px;color:var(--text)}
.x-bot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 8px;background:var(--card)}
.x-bot.x-low{border-color:var(--o)}
.x-bn{flex:1 1 150px;min-width:0}
.x-bn b,.x-ci b,.x-tank b,.x-bar b{display:block;color:var(--head);font-size:.88rem;overflow-wrap:anywhere}
.x-bn small,.x-ci small,.x-tank small,.x-bar small{display:block;color:var(--muted);font-size:.74rem}
.x-cnt{text-align:center;min-width:56px}
.x-cnt b{display:block;font-size:1.3rem;color:var(--head);line-height:1}
.x-low .x-cnt b{color:var(--o)}
.x-cnt small{font-size:.68rem;color:var(--muted)}
.x-bb{display:flex;gap:6px;flex-wrap:wrap}
.x-ci{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.x-ci>div:first-child{flex:1;min-width:0}
.x-qty{display:flex;align-items:center;gap:6px}
.x-qty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--head);font:inherit;cursor:pointer}
.x-qty button:disabled{opacity:.4;cursor:default}
.x-qty span{min-width:18px;text-align:center;color:var(--head);font-weight:600}
.x-pf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:10px;font-size:.85rem}
.x-ord{border:1px solid var(--line);border-left:4px solid var(--o);border-radius:10px;padding:10px 12px;margin:0 0 8px;background:var(--card);font-size:.85rem}
.x-ord.x-done{border-left-color:var(--line)}
.x-oh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.x-oh b{color:var(--head)}
.x-oh span{color:var(--o);font-weight:600;font-size:.78rem}
.x-ord ul{margin:6px 0;padding-left:18px}
.x-of{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.x-stls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 12px}
.x-stl{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);font-size:.8rem;min-width:0}
.x-stl b{display:block;color:var(--head)}
.x-stl small{color:var(--muted);display:block}
.x-stl span{display:block;margin-top:4px;color:var(--text);overflow-wrap:anywhere}
.x-tank,.x-bar{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 8px;background:var(--card)}
.x-tank>div,.x-bar>div{flex:1;min-width:0}
.x-bar .dk-cap{margin:4px 0}
.x-scanc{border:2px solid var(--o)}
.x-scanc>b{color:var(--head)}
.x-scanc p{margin:4px 0;color:var(--text)}
@media (max-width:560px){
.x-stills{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-r2,.x-ba,.x-stls{grid-template-columns:minmax(0,1fr)}
.x-r3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.x-tank{flex-wrap:wrap}
.x-pf>span{width:100%}
}