feat: 새로운 안전 규칙 및 최적화 적용을 통한 트레이딩 시스템 개선

변경 사항 (Changes):

구문 오류(Syntax error) 및 토큰 낭비를 방지하기 위해 에이전트 쉘(Agent shell)과 파이썬 코드 스니펫에 다수의 신규 안전 규칙(Safety rules)을 추가함.

스키마 검증 및 적절한 SQL 포맷팅을 보장하기 위해 임시(Ad-hoc) 데이터베이스 쿼리 작성 가이드라인을 도입함.

코드 수정 후 UI 기능이 정상 작동하는지 확인하기 위해, 백테스트 웹 서비스 재시작 및 브라우저 검증에 대한 새로운 규칙을 구현함.

시스템 전반의 무결성(Integrity)을 유지하기 위해 실전 매매(Live trading), 웹 백테스팅, 파라미터 탐색(Parameter searches) 간의 일관성 검사(Consistency checks) 체계를 확립함.

기대 효과 (Impact):

이러한 개선 사항들은 트레이딩 시스템의 견고성(Robustness)과 신뢰성을 향상시키며, 에러 발생을 최소화하고 다양한 시스템 컴포넌트 간의 원활한 상호작용을 보장함.

static/css/backtest.css

@@ -89,13 +89,91 @@
   .text-pnl-neg { color: var(--red)   !important; }
   /* 파라미터 설명 툴팁 */
   .param-help { font-size: 10px; color: var(--muted); margin-top: 2px; }
-  /* 운영 설정 탭 */
+  /* 운영 설정 탭 — 최대 2열, 위에서 아래로 읽기 */
   .lc-field-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-    gap: 12px 16px;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px 20px;
+    max-width: 920px;
   }
-  .lc-field-label { font-size: 12px; color: var(--muted); display: block; margin-bottom: 2px; }
-  .lc-field-hint { font-size: 10px; color: var(--muted); margin-top: 2px; }
+  @media (max-width: 700px) {
+    .lc-field-grid { grid-template-columns: 1fr; }
+  }
+  .lc-field {
+    min-width: 0;
+  }
+  .lc-field input.form-control {
+    max-width: 100%;
+  }
+  .lc-field-label { font-size: 12px; color: var(--muted); display: block; margin-bottom: 2px; line-height: 1.35; }
+  .lc-field-hint { font-size: 10px; color: var(--muted); margin-top: 2px; line-height: 1.35; }
   .lc-field-tbl { font-size: 10px; color: #58a6ff; margin-left: 4px; }
   .lc-field-key { font-size: 10px; color: #8b949e; margin-left: 4px; font-weight: normal; }
+  /* 키/테이블 태그: 평소엔 숨기고 호버 시만 — 라벨·입력에 시선 집중 */
+  .lc-field-key,
+  .lc-field-tbl {
+    opacity: 0.35;
+    transition: opacity 0.12s ease;
+  }
+  .lc-field:hover .lc-field-key,
+  .lc-field:hover .lc-field-tbl,
+  .lc-field:focus-within .lc-field-key,
+  .lc-field:focus-within .lc-field-tbl {
+    opacity: 1;
+  }
+
+  /* 카테고리 안 전략·주제 구역 */
+  .lc-strat-stack {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    max-width: 960px;
+  }
+  .lc-strat-block {
+    border: 1px solid var(--border);
+    border-left-width: 4px;
+    border-radius: 8px;
+    padding: 10px 12px 12px;
+    background: rgba(22, 27, 34, 0.55);
+  }
+  .lc-strat-head {
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
+    margin-bottom: 8px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid var(--border);
+    font-size: 13px;
+    font-weight: 650;
+    letter-spacing: 0.02em;
+    color: var(--text);
+  }
+  .lc-strat-head .lc-strat-sid {
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--muted);
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  }
+  .lc-topic-head {
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--muted);
+    margin: 4px 0 8px;
+    padding-left: 2px;
+  }
+  .lc-strat-common { border-left-color: #6e7681; }
+  .lc-strat-short { border-left-color: #39d2c0; }
+  .lc-strat-momentum { border-left-color: #d29922; }
+  .lc-strat-breakout { border-left-color: #3fb950; }
+  .lc-strat-updow { border-left-color: #58a6ff; }
+  .lc-strat-scalp { border-left-color: #8b949e; }
+  .lc-strat-range_break { border-left-color: #79c0ff; }
+  .lc-strat-dbband { border-left-color: #f0883e; }
+  .lc-strat-other { border-left-color: #bc8cff; }
+  .lc-strat-topic { border-left-color: #6e7681; }
+  .lc-strat-short .lc-strat-head { color: #39d2c0; }
+  .lc-strat-momentum .lc-strat-head { color: #d29922; }
+  .lc-strat-breakout .lc-strat-head { color: #3fb950; }
+  .lc-strat-updow .lc-strat-head { color: #58a6ff; }
+  .lc-strat-scalp .lc-strat-head { color: #c9d1d9; }
+  .lc-strat-common .lc-strat-head { color: #8b949e; }