.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px;overflow-wrap:anywhere}
.x-card select,.x-card input,.x-f input,.x-f select,.x-tq input,.x-tin input,.x-sp select{font:inherit;font-size:.88rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);max-width:100%;min-width:0}
.x-ph{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-weight:600;color:var(--head)}
.x-ci{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.x-ci>i,.x-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.x-ci b{color:var(--head);font-size:.9rem}
.x-ci small{display:block;color:var(--muted);font-size:.76rem}
.x-qty{display:flex;align-items:center;gap:5px}
.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 span{min-width:30px;text-align:center;font-weight:600;color:var(--head)}
.x-pf,.x-of,.x-oh,.x-sp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.x-pf{padding-top:10px}
.x-oh b{color:var(--head)}
.x-st{font-size:.7rem;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--muted);border:1px solid var(--line)}
.x-new .x-st,.x-held .x-st{color:var(--o);border-color:var(--o)}
.x-held{border-color:var(--o)}
.x-ol{margin:6px 0;padding-left:18px;font-size:.86rem}
.x-ok{color:#2e9d5b;font-weight:600;font-size:.82rem}
.x-warn{color:var(--o)}
.x-tw{overflow-x:auto;margin:0 0 10px}
.x-t{width:100%;border-collapse:collapse;font-size:.84rem}
.x-t td,.x-t th{padding:6px 5px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.x-t th{color:var(--muted);font-weight:500;font-size:.72rem}
.x-mx td,.x-mx th{text-align:center;font-size:.72rem}
.x-mx td:first-child{text-align:left;font-size:.8rem}
.x-mx td{color:var(--o);font-size:1rem}
.x-short td{color:var(--o)}
.x-sm{padding:5px 10px!important;font-size:.78rem!important}
.x-steps{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0;flex-wrap:wrap}
.x-steps li{flex:1 1 80px;font-size:.74rem;padding:5px 8px;border-radius:8px;background:var(--bg2);color:var(--muted);text-align:center;border:1px solid var(--line)}
.x-steps li.x-on{border-color:var(--o);color:var(--o);font-weight:600}
.x-steps li.x-d{color:var(--head)}
.x-f{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--muted);margin:6px 0}
.x-f span{display:flex;align-items:center;gap:8px;color:var(--head)}
.x-f input[type=range]{flex:1;padding:0;accent-color:var(--o)}
.x-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.x-list{list-style:none;padding:0;margin:0 0 12px}
.x-list li{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.84rem}
.x-list b{color:var(--head);min-width:52px}
.x-list span{min-width:0;overflow-wrap:anywhere}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.x-chip{font:inherit;font-size:.72rem;padding:3px 9px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer}
.x-chip.x-close{border-color:var(--o);color:var(--o)}
.x-chip.x-hold{text-decoration:line-through;opacity:.6}
.x-stk{list-style:none;padding:0;margin:0 0 12px}
.x-stk li{padding:7px 0;border-bottom:1px solid var(--line)}
.x-stk li>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:.86rem}
.x-stk b{color:var(--head)}
.x-chk{list-style:none;padding:0;margin:0 0 12px}
.x-chk li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.x-chk li>div{flex:1 1 180px;min-width:0}
.x-chk b{display:block;color:var(--head);font-size:.86rem;font-weight:500}
.x-chk small{color:var(--muted);font-size:.74rem}
.x-chk .x-dn b{color:var(--muted)}
.x-tin{display:flex;align-items:center;gap:4px;font-size:.8rem}
.x-tin input{width:70px}
.x-lot{border:2px dashed var(--line);border-radius:10px;padding:12px;margin:0 0 14px;display:flex;flex-direction:column;gap:2px;font-size:.8rem;background:var(--card)}
.x-lot b{font-size:1.6rem;color:var(--head);letter-spacing:.04em}
.x-lot small{color:var(--muted);font-size:.68rem;letter-spacing:.08em}
.x-bc{width:100%;height:36px;fill:var(--head);display:block;margin-top:8px}
.x-gt{display:block;text-align:center;font-size:.7rem;letter-spacing:.2em;color:var(--muted)}
.x-lbl{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--card);font-size:.82rem;overflow-wrap:anywhere}
.x-lbl p{margin:6px 0}
.x-lbl .x-oh b{font-size:1.05rem}
.x-lf{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--muted)}
.x-lf b{color:var(--head)}
.x-np{width:100%;border-collapse:collapse;border:2px solid var(--head);margin-top:12px;font-size:.76rem}
.x-np td,.x-np th{padding:3px 6px;border-bottom:1px solid var(--line);text-align:right}
.x-np td:first-child,.x-np th{text-align:left}
.x-np th{font-weight:700;color:var(--head);border-bottom:2px solid var(--head)}
.x-flag{margin-top:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--o);color:var(--o);font-size:.8rem}
.x-notice{border-left:4px solid var(--o);background:var(--bg2);border-radius:8px;padding:10px 12px;margin:0 0 12px;font-size:.84rem}
.x-notice b{color:var(--head)}
.x-notice small{color:var(--muted)}
.x-tq{display:flex;gap:8px;margin:0 0 6px}
.x-tq input{flex:1}
@media (max-width:560px){.x-row{grid-template-columns:minmax(0,1fr)}.x-steps li{flex-basis:70px}.x-tq{flex-wrap:wrap}.x-tq button{width:100%}.x-sp{width:100%}.x-sp select{flex:1}}