:root{--bg:#f3f5f7;--panel:#fff;--text:#111827;--muted:#667085;--line:#d9dee7;--green:#126149;--green-dark:#0f4f3d;--soft:#eef4f1;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}button,input{font:inherit}.shell{max-width:1500px;margin:auto;padding:14px}.page-header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.page-header h1{font-size:24px;margin:2px 0}.page-header p,.panel-head p,.muted,footer{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--green)!important;font-weight:700}.header-actions{display:flex;gap:7px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(690px,1fr) 380px;gap:12px;align-items:start}.side-column{display:grid;gap:12px;position:sticky;top:12px}.panel,.run-panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line)}.panel-head.compact{padding:11px 14px}.panel-head h2{font-size:17px;margin:0}.segments,.choice-row{display:flex;gap:5px}.segment,.choice,.button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);cursor:pointer;padding:8px 12px}.segment.active,.choice.active{background:var(--soft);border-color:var(--green);color:var(--green-dark);font-weight:700}.segment:hover,.choice:hover,.button:hover{border-color:var(--green)}.choice:disabled{opacity:.35;cursor:not-allowed}.button.primary{width:100%;background:var(--green);border-color:var(--green);color:#fff;font-weight:700;padding:11px}.button.primary:hover{background:var(--green-dark)}.button.ghost{background:#fff}.item-catalog{display:grid;gap:8px;padding:9px}.rarity-group{border:1px solid var(--line);border-radius:8px;overflow:hidden}.rarity-title{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;color:#fff;font-size:12px}.extraordinary .rarity-title{background:#b45309}.covert .rarity-title{background:#b91c1c}.classified .rarity-title{background:#9d174d}.restricted .rarity-title{background:#6d28d9}.mil_spec .rarity-title{background:#1d4ed8}.rarity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:7px;padding:8px}.item-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:76px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer;padding:6px 8px;text-align:left;overflow:hidden}.item-card:hover{border-color:var(--green);transform:translateY(-1px)}.item-card.active{background:var(--soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.thumb{width:62px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 5px #0002)}.thumb-fallback{display:grid;place-items:center;width:54px;height:54px;border-radius:7px;background:#eef1f5;color:#768191;font-weight:700}.item-copy{display:block;min-width:0;overflow:hidden}.item-card strong{display:-webkit-box;min-height:32px;overflow:hidden;font-size:13px;line-height:1.25;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-card small{display:block;max-width:100%;margin-top:4px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calculator-panel{padding-bottom:14px}.calculator-panel>.panel-head{margin-bottom:2px}.calculator-panel>label,.calculator-panel>.two,.calculator-panel>.fee-row,.calculator-panel>fieldset,.calculator-panel>.selected-item,.calculator-panel>.button{margin-left:14px;margin-right:14px}.selected-item{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;margin-top:12px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fbfcfd}.selected-thumb{display:grid;place-items:center;width:68px;height:58px;border-radius:6px;background:#eef1f5;color:var(--muted);overflow:hidden}.selected-thumb img{width:100%;height:100%;object-fit:contain}.selected-item span,.selected-item small{display:block;color:var(--muted);font-size:11px}.selected-item strong{display:block;margin:2px 0;font-size:14px}.empty-selected{opacity:.72}label{display:grid;gap:5px;margin-top:10px;color:var(--muted);font-size:12px}input{width:100%;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;outline:none;background:#fff;color:var(--text)}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1261491f}fieldset{border:0;padding:0;margin-top:10px}legend{margin-bottom:5px;color:var(--muted);font-size:12px}.choice{flex:1;padding:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-panel{padding-bottom:13px}.result-panel>#result,.result-panel>.error{margin:12px}.empty-result{padding:42px 18px;text-align:center;color:var(--muted)}.status-line{display:flex;justify-content:space-between;color:var(--muted)}.badge{padding:3px 8px;border-radius:20px;background:#eef1f5}.profit-block{margin:13px 0;padding:13px;background:var(--soft);border-radius:7px}.profit-block span{display:block;color:var(--muted);font-size:12px}.profit-block strong{font-size:30px;color:var(--green)}dl{margin:0}dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eceff3}dt{color:var(--muted)}dd{margin:0;font-weight:700}.error{color:var(--danger);background:#fff1f0;padding:12px;border-radius:7px}.hidden{display:none!important}.run-panel{margin-bottom:12px;padding:12px}.run-panel p{margin:5px 0 0;color:var(--muted)}footer{text-align:center;padding:18px;font-size:12px}a{color:var(--green)}@media(max-width:1250px){.workspace{grid-template-columns:1fr}.side-column{position:static;grid-template-columns:1fr 1fr}.page-header{align-items:flex-start}}@media(max-width:720px){.shell{padding:7px}.page-header{flex-direction:column}.side-column{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.segments{width:100%}.segment{flex:1}.rarity-grid{grid-template-columns:1fr 1fr}.item-card{grid-template-columns:54px minmax(0,1fr);min-height:70px}.thumb{width:52px;height:50px}.two{grid-template-columns:1fr}}@media(max-width:520px){.rarity-grid{grid-template-columns:1fr}}
