:root{
  --primary:#28305E;
  --accent:#dd161d;
  --bg:#f6f7fb;
  --text:#1f2337;
  --muted:#6b7280;
  --white:#fff;
}

.jtjt-form-wrap{background:var(--bg);padding:16px}
.jtjt-grid{display:grid;gap:24px;grid-template-columns:1.1fr .9fr}
@media (max-width:900px){.jtjt-grid{grid-template-columns:1fr}}

.jtjt-card{background:var(--white);border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(40,48,94,.06)}
.jtjt-card h2{margin:0 0 10px;color:var(--primary)}
.jtjt-card p{color:var(--muted)}

.jtjt-notice{border-radius:10px;padding:12px 14px;margin:8px 0 16px}
.jtjt-notice-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}

.jtjt-input{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.jtjt-input label{font-weight:600}
.jtjt-input label span{color:var(--accent)}
.jtjt-input input{height:44px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px}
.jtjt-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(40,48,94,.15)}

.jtjt-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 16px;border-radius:10px;font-weight:700;border:none;cursor:pointer}
.jtjt-btn-primary{background:var(--primary);color:#fff}

.jtjt-badge{display:inline-block;background:rgba(40,48,94,.08);color:var(--primary);padding:2px 8px;border-radius:9999px}

.jtjt-alert {
    background: #D5DBF7;
    border: 1px solid #8194F2;
    color: #1B2563;
    border-radius: 10px;
    padding: 10px 12px;
    margin-top: 8px;
}