.x-site{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.x-url{background:var(--bg2);padding:.45rem .8rem;font-size:.75rem;color:var(--muted);display:flex;gap:.6rem;overflow-wrap:anywhere}
.x-url span{color:var(--o);letter-spacing:2px}
.x-form{display:grid;gap:.6rem;padding:.9rem}
.x-form.x-pad0{padding:0;margin:.4rem 0}
.x-form label{display:grid;gap:.2rem;font-size:.8rem;color:var(--muted)}
.x-form input,.x-form select{width:100%;min-width:0;box-sizing:border-box;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.9rem}
.x-form .x-chk{display:flex;gap:.5rem;align-items:flex-start;color:var(--text);font-size:.84rem}
.x-form .x-chk input{width:auto;margin-top:.2rem}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}
.x-m0{margin:0}
.x-ex{display:grid;gap:.35rem}
.x-exr{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.4rem .6rem;background:var(--bg2);border-radius:8px;font-size:.85rem;color:var(--text)}
.x-exr small{display:block;color:var(--muted);font-size:.72rem}
.x-qty{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.x-qty b{min-width:1em;text-align:center;color:var(--head)}
.x-qty button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--head);cursor:pointer;font:inherit;line-height:1}
.x-qty button:disabled{opacity:.35;cursor:default}
.x-quote{background:var(--bg2);border-radius:10px;padding:.6rem .8rem;font-size:.85rem;display:grid;gap:.25rem;margin:.5rem 0;color:var(--text)}
.x-quote p{display:flex;justify-content:space-between;gap:.5rem;margin:0;overflow-wrap:anywhere}
.x-quote .x-tot{font-weight:700;color:var(--head);border-top:1px solid var(--line);padding-top:.3rem}
.x-scroll{overflow-x:auto;max-width:100%}
.x-grid{width:100%;border-collapse:collapse;font-size:.76rem;text-align:center}
.x-grid th,.x-grid td{padding:.35rem .15rem;border-bottom:1px solid var(--line);color:var(--text)}
.x-grid th{color:var(--muted);font-weight:500}
.x-grid th:first-child,.x-grid td:first-child{text-align:left}
.x-grid td b{display:inline-block;min-width:1.7em;padding:.1rem .25rem;border-radius:6px;background:var(--bg2);color:var(--head)}
.x-grid td.x-lo b{box-shadow:inset 0 0 0 1px var(--o)}
.x-grid td.x-z b{background:var(--o);color:var(--card)}
.x-grid td.x-sel{background:var(--bg2)}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:.6rem .8rem;font-size:.82rem;margin:.7rem 0;max-width:360px;overflow-wrap:anywhere;color:var(--text)}
.x-sms small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:.2rem}
.x-card{border:1px solid var(--line);border-left:4px solid var(--o);border-radius:12px;padding:.7rem .8rem;margin:.6rem 0;background:var(--card);overflow-wrap:anywhere}
.x-card.x-ok{border-left-color:#3aa36a}
.x-ch{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem}
.x-ch b{color:var(--head)}
.x-ch span{font-size:.76rem;color:var(--muted)}
.x-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.45rem 0}
.x-chips span{font-size:.72rem;padding:.15rem .5rem;border-radius:99px;background:var(--bg2)}
.x-chips .x-y{color:var(--head)}
.x-chips .x-n{color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-is{margin:.3rem 0;padding:0;list-style:none;font-size:.84rem;display:grid;gap:.2rem;color:var(--text)}
.x-good{font-size:.84rem;margin:.3rem 0;color:var(--text)}
.x-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}
.x-btns .btn,.x-pick .btn{font-size:.8rem;padding:.4rem .7rem}
.x-phone{border:2px solid var(--line);border-radius:26px;padding:1rem .9rem;max-width:280px;margin:0 auto;background:var(--card);font-size:.84rem;color:var(--text)}
.x-phone b{color:var(--head)}
.x-phh{font-size:.68rem;color:var(--muted);text-align:center;margin-bottom:.5rem;overflow-wrap:anywhere}
.x-steps{padding-left:1.1rem;margin:.5rem 0;display:grid;gap:.25rem;color:var(--muted)}
.x-steps .x-on{color:var(--head);font-weight:600}
.x-sig{border:1px dashed var(--line);border-radius:10px;height:70px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.78rem}
.x-sig svg{width:80%;height:56px;color:var(--head)}
.x-pick{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.x-ck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem}
.x-ck figure{margin:0;background:var(--bg2);border-radius:12px;padding:.6rem;text-align:center}
.x-ck figcaption{font-size:.8rem;color:var(--head);font-weight:600;margin-bottom:.4rem}
.x-ck figcaption small{font-weight:400;color:var(--muted);font-size:.68rem}
.x-svg{width:100%;max-width:150px;height:auto}
.x-pn{fill:var(--card);stroke:var(--line);stroke-width:1.5;transition:fill .2s}
.x-pn.x-old{fill:var(--muted);fill-opacity:.45}
.x-pn.x-new{fill:var(--o);fill-opacity:1}
.x-click .x-pn{cursor:pointer}
.x-click .x-pn:hover{stroke:var(--o)}
.x-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin-top:.6rem}
.x-col{background:var(--bg2);border-radius:12px;padding:.5rem;min-height:90px;min-width:0}
.x-col h4{margin:0 0 .4rem;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;display:flex;justify-content:space-between;gap:.3rem}
.x-car{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:.45rem;margin-bottom:.4rem;font-size:.74rem;overflow-wrap:anywhere;color:var(--text)}
.x-car b{display:block;color:var(--head);font-size:.82rem}
.x-car.x-hot{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-car .btn{width:100%;margin-top:.35rem;font-size:.72rem;padding:.3rem .4rem}
.x-tbl{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tbl th,.x-tbl td{padding:.4rem .3rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text)}
.x-tbl th{color:var(--muted);font-weight:500}
.x-tbl .btn{font-size:.72rem;padding:.25rem .5rem;margin:.1rem 0}
.x-tbl td.x-flag,.x-flag{color:var(--o);font-weight:600}
@media (max-width:900px){.x-board{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.x-board{grid-template-columns:repeat(2,minmax(0,1fr))}.x-r2{grid-template-columns:minmax(0,1fr)}.x-ck{gap:.4rem}.x-ck figure{padding:.4rem}}