.eq { color: #e7e1e5; }
.eq-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-end; flex-wrap: wrap; }
.eq h2 { margin: 0 0 0.35rem; font-size: 1.35rem; color: #fff; }
.eq h3 { margin: 0 0 0.4rem; font-size: 0.95rem; color: #fff; }
.eq-lead, .eq p { color: #a8a3ad; font-size: 0.88rem; line-height: 1.45; }
.eq-grid { display: grid; grid-template-columns: minmax(260px, 420px) 1fr; gap: 1.25rem; align-items: start; }
.eq-stage { background: radial-gradient(circle at 50% 42%, #1c1c30, #10101a 70%); border: 1px solid #2a2a3d; border-radius: 18px; padding: 0.75rem 0.9rem 1rem; }
.eq-svg { width: 100%; height: auto; display: block; touch-action: none; filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.35)); }
.eq-center-k { fill: #a8a3ad; font-size: 6px; }
.eq-center-v { fill: #fff; font-size: 13px; font-weight: 700; }
.eq-center-s { fill: #ffe14a; font-size: 6px; }
.eq-handle { fill: #fff; stroke: #161622; stroke-width: 1; cursor: ew-resize; }
.eq-bar { display: flex; height: 14px; border-radius: 999px; overflow: hidden; margin: 0.2rem 0 0.8rem; background: #22223a; }
.eq-bar i { display: block; height: 100%; }
.eq-profit { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.78rem; color: #a8a3ad; }
.eq input, .eq select, .eq textarea {
	background: #0d0d1a; border: 1px solid #343448; color: #fff; border-radius: 8px; padding: 0.45rem 0.55rem; font: inherit;
}
.eq textarea { width: 100%; }
.eq-kept { min-height: 2.4em; }
.eq-table { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.eq-table th, .eq-table td { text-align: left; padding: 0.35rem 0.4rem; border-bottom: 1px solid #22223a; }
.eq-table th { color: #a8a3ad; font-weight: 600; }
.eq-table .num, .eq-table th.num { text-align: right; }
.eq-table tr.on td { background: rgba(255, 225, 74, 0.08); }
.eq-sub td { color: #6f6a78; font-size: 0.72rem; border-bottom: none; padding-top: 0; }
.eq-swatch { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 99px; margin-right: 0.4rem; vertical-align: middle; }
.eq-table input { width: 5.2rem; text-align: right; }
.eq-card { background: #13131f; border: 1px solid #2a2a3d; border-radius: 14px; padding: 0.85rem 0.95rem; margin-top: 0.8rem; }
.eq-card label, .eq-co { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.75rem; color: #a8a3ad; margin: 0.45rem 0; }
.eq-card button, .eq button[type="submit"] {
	background: #ffe14a; color: #16120a; border: none; border-radius: 8px; padding: 0.5rem 0.8rem; font-weight: 700; cursor: pointer;
}
.eq-error { background: rgba(255, 107, 107, 0.12); color: #ffb4b4; border-radius: 10px; padding: 0.55rem 0.7rem; }
.eq-notice { background: rgba(255, 225, 74, 0.1); color: #ffe14a; border-radius: 10px; padding: 0.55rem 0.7rem; }
@media (max-width: 800px) {
	.eq-grid { grid-template-columns: 1fr; }
	.eq-table th:nth-child(2), .eq-table td:nth-child(2) { display: none; }
	.eq-table tr:not(.eq-sub) td:first-child { white-space: nowrap; }
}