.x-list{display:grid;gap:8px}
.x-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;text-align:left;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit;cursor:pointer;box-sizing:border-box}
.x-item.on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-item b{color:var(--head);overflow-wrap:anywhere}
.x-item small,.x-item .dk-prog,.x-item .x-seg{grid-column:1/-1}
.x-item small{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.x-item .dk-prog{display:block}
.x-st{font-size:.72rem;font-weight:600;color:var(--o);white-space:nowrap}
.x-seg{display:flex;gap:3px}
.x-seg i{flex:1;height:5px;border-radius:3px;background:var(--line)}
.x-seg i.on{background:var(--o)}
.x-hot{color:var(--o);font-weight:600;font-style:normal}
.x-box,.x-card,.x-form{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2);margin:12px 0;display:grid;gap:8px}
.x-card p{margin:0}
.x-form label{display:grid;gap:4px}
.x-form input,.x-form select,.x-form textarea,.x-calc input,.x-calc select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit}
.x-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}
.x-chk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.x-chk li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-chk li i{font-style:normal;width:20px;text-align:center;color:var(--muted)}
.x-chk li.ok i{color:var(--o);font-weight:700}
.x-chk li span{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--head);font-size:.88rem}
.x-chk li small{display:block;color:var(--muted);font-size:.72rem}
.x-chk .btn{padding:6px 10px;font-size:.78rem}
.x-phone{border:2px solid var(--line);border-radius:22px;padding:12px;background:var(--card);max-width:320px;width:100%;box-sizing:border-box;font-size:.85rem;color:var(--text)}
.x-phone p{margin:4px 0}
.x-ph{font-weight:600;font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}
.x-pl{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px}
.x-pl li{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;background:var(--bg2);border-radius:8px;overflow-wrap:anywhere}
.x-pl em{font-style:normal;color:var(--o);font-weight:600;font-size:.75rem}
.x-sms{margin:10px 0 6px;padding:8px 10px;border-radius:14px 14px 14px 4px;background:var(--bg2);font-size:.8rem;overflow-wrap:anywhere}
.x-steps{list-style:none;margin:8px 0;padding:0}
.x-steps li{position:relative;padding:0 0 10px 22px;color:var(--muted)}
.x-steps li::before{content:'';position:absolute;left:3px;top:5px;width:9px;height:9px;border-radius:50%;border:2px solid var(--line);background:var(--card)}
.x-steps li.done::before{background:var(--o);border-color:var(--o)}
.x-steps li.now::before{border-color:var(--o);box-shadow:0 0 0 3px var(--bg2)}
.x-steps li.now b,.x-steps li.done b{color:var(--head)}
.x-steps small{display:block;font-size:.78rem;color:var(--text)}
.x-count{padding:6px 8px;border-radius:8px;background:var(--bg2);margin:4px 0;font-size:.82rem}
.x-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;align-items:center}
.x-pre{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.x-pre li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-pre li div{min-width:0}
.x-pre b{color:var(--head)}
.x-pre small{display:block;color:var(--muted);font-size:.78rem}
.x-pre span{display:flex;gap:6px;flex-wrap:wrap}
.x-pre .btn,.x-bk .btn{padding:6px 10px;font-size:.78rem}
.x-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.x-calc label{display:grid;gap:4px;font-size:.78rem;color:var(--muted)}
.x-calc .x-ck{display:flex;align-items:center;gap:8px;color:var(--head);font-size:.85rem}
.x-calc .x-ck input{width:auto}
.x-out{margin-top:12px}
.x-scroll{overflow-x:auto}
.x-tab{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tab th,.x-tab td{padding:6px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;color:var(--text)}
.x-tab th{color:var(--muted);font-weight:500}
.x-tab td b{color:var(--head)}
.x-bk{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);margin-bottom:8px}
.x-bk.x-risk{border-color:var(--o)}
.x-bk p{margin:4px 0}
.x-bh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px}
.x-bh b{color:var(--head);overflow-wrap:anywhere}
.x-bh span{font-size:.8rem;color:var(--muted)}
.x-tags{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.x-tags em{font-style:normal;font-size:.72rem;padding:2px 8px;border-radius:20px;background:var(--bg2);color:var(--text)}
.x-tags em.x-hot{color:var(--o);font-weight:600}
.x-tags em.x-claw{border:1px dashed var(--o)}
.x-bk .x-acts{margin:6px 0 0}
@media (max-width:560px){.x-two,.x-calc{grid-template-columns:minmax(0,1fr)}.x-phone{max-width:none}.x-pre span{width:100%}}