.x-phone{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:12px;max-width:460px}
.x-ph-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;font-weight:600;color:var(--head);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:6px}
.x-ph-h select{max-width:100%;min-width:0}
.x-line{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}
.x-line>div:first-child{min-width:0}
.x-line b{display:block;color:var(--head);font-size:.9rem}
.x-line small{display:block;color:var(--muted);font-size:.75rem}
.x-alg em{font-style:normal;font-size:.68rem;border:1px solid var(--line);border-radius:9px;padding:0 6px;margin:3px 3px 0 0;display:inline-block;color:var(--muted)}
.x-alg em.x-hi{border-color:var(--o);color:var(--o)}
.x-qty{display:flex;align-items:center;gap:4px;flex-shrink:0}
.x-qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--head);font-size:1rem;cursor:pointer;line-height:1}
.x-qty button:disabled{opacity:.4;cursor:default}
.x-qty span{min-width:26px;text-align:center;font-weight:600;color:var(--head)}
.x-qty .x-chg{color:var(--o)}
.x-ph-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding-top:10px;font-size:.85rem;color:var(--text)}
.x-flag{border-left:3px solid var(--o);background:var(--bg2);padding:6px 10px;border-radius:6px;font-size:.82rem;margin:6px 0;color:var(--text)}
.x-ok{color:var(--muted);font-size:.82rem;margin:6px 0}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.x-log{list-style:none;padding:0;margin:0 0 12px;max-height:320px;overflow:auto}
.x-log li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:2px 8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--text)}
.x-log b{color:var(--head)}
.x-log span{overflow-wrap:anywhere}
.x-log em{grid-column:2;font-style:normal;color:var(--muted);overflow-wrap:anywhere}
.x-log li.x-late em{color:var(--o)}
.x-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px;color:var(--text)}
.x-card p{margin:6px 0;font-size:.88rem}
.x-mini{list-style:none;padding:0;margin:6px 0;font-size:.82rem}
.x-mini li{padding:4px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-mini b{color:var(--head);margin-right:6px}
.x-tw{overflow-x:auto;margin-bottom:8px}
.x-t{width:100%;border-collapse:collapse;font-size:.85rem;color:var(--text)}
.x-t th,.x-t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.x-t th{color:var(--muted);font-weight:500;font-size:.75rem}
.x-t td b{color:var(--head)}
.x-t .x-tot td{font-weight:600;color:var(--head)}
.x-t select{max-width:100%;min-width:0;font-size:.8rem}
.x-mix{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--card)}
.x-mh{display:flex;justify-content:space-between;gap:8px;color:var(--head)}
.x-mh span{color:var(--o);font-weight:600;white-space:nowrap}
.x-mix ul{list-style:none;padding:0;margin:6px 0}
.x-mix li{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;padding:2px 0;color:var(--text)}
.x-mix li b{color:var(--head);white-space:nowrap}
.x-lc{border:1px solid var(--o);border-radius:10px;padding:8px 10px;margin-bottom:8px;font-size:.85rem;color:var(--text);overflow-wrap:anywhere}
.x-lc b{color:var(--head)}
.x-lc small{color:var(--muted);margin-left:6px}
.x-drop{border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:8px;color:var(--text)}
.x-drop p{margin:3px 0;overflow-wrap:anywhere}
.x-done{border-color:var(--o);opacity:.8}
.x-dh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.x-dh i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--o);color:var(--card);display:grid;place-items:center;font-size:.75rem;font-weight:700;flex-shrink:0}
.x-dh b{color:var(--head);flex:1;min-width:0}
.x-dh span{font-size:.75rem;color:var(--o)}
.x-cr{color:var(--o)}
.x-sf{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.x-sf select{flex:1 1 90px;min-width:0}
.x-inv{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:.82rem;background:var(--card);color:var(--text)}
.x-inv div{display:flex;justify-content:space-between;gap:8px;padding:2px 0;overflow-wrap:anywhere}
.x-inv b{color:var(--head)}
.x-inv .x-it{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-weight:600;color:var(--head)}
.x-od{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--text)}
.x-od b{color:var(--head)}
.x-od span{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.x-sync{color:var(--o);font-size:.82rem;font-weight:600;margin:6px 0}
@media (max-width:560px){.x-phone{padding:10px}.x-t th,.x-t td{padding:5px 4px;font-size:.78rem}.x-log li{grid-template-columns:58px minmax(0,1fr)}.x-od .btn{flex:1 1 auto}}