로또 종합 추론 번호 추천 기능 추가
5가지 통계 기법(빈도Z-score·조합지문·갭분석·공동출현·다양성)을 기법별 가중치(30/25/20/15/10%)로 투표 집계하여 최적 6개 번호 도출. - 기법별 추천 번호 시각화 (최종 번호 하이라이트) - 투표 참여 기법 수 점 표시 (최대 5개) - 조합 품질 점수 5차원 바 차트 - 추천 이력 히스토리 누적 저장 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1195,3 +1195,283 @@
|
||||
gap: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════
|
||||
종합 추론 패널
|
||||
═══════════════════════════════════════════════════════ */
|
||||
|
||||
.lotto-combined {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
/* 기법별 추천 행 */
|
||||
.lotto-combined__methods {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
border: 1px solid var(--line, rgba(255,255,255,0.08));
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.lotto-combined__method {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lotto-combined__method-head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.lotto-combined__method-icon {
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.lotto-combined__method-name {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.lotto-combined__method-weight {
|
||||
font-size: 11px;
|
||||
opacity: 0.6;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.lotto-combined__method-desc {
|
||||
margin: 2px 0 0;
|
||||
font-size: 11px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.45));
|
||||
}
|
||||
|
||||
.lotto-combined__method-nums {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* 최종 결과 */
|
||||
.lotto-combined__final {
|
||||
padding: 20px;
|
||||
background: rgba(129, 140, 248, 0.06);
|
||||
border: 1px solid rgba(129, 140, 248, 0.25);
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.lotto-combined__final-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lotto-combined__final-badge {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: .04em;
|
||||
text-transform: uppercase;
|
||||
color: #818cf8;
|
||||
background: rgba(129, 140, 248, 0.15);
|
||||
border: 1px solid rgba(129, 140, 248, 0.3);
|
||||
border-radius: 20px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
.lotto-combined__final-balls {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lotto-combined__final-ball-wrap {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.lotto-combined__final-ball-wrap .lotto-ball {
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.lotto-combined__vote-dots {
|
||||
display: flex;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.lotto-combined__vote-dot {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.lotto-combined__vote-dot.is-on {
|
||||
background: #818cf8;
|
||||
}
|
||||
|
||||
.lotto-combined__final-sub {
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.4));
|
||||
}
|
||||
|
||||
/* 볼 상태 */
|
||||
.lotto-ball.is-dim {
|
||||
opacity: 0.35;
|
||||
transform: scale(0.92);
|
||||
}
|
||||
|
||||
.lotto-ball.is-final {
|
||||
opacity: 1;
|
||||
box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.5);
|
||||
}
|
||||
|
||||
/* 점수 바 */
|
||||
.lotto-combined__scores {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.lotto-combined__scores-title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--text-muted, rgba(255,255,255,0.5));
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .05em;
|
||||
}
|
||||
|
||||
.lotto-combined__score-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.lotto-combined__score-label {
|
||||
font-size: 12px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.5));
|
||||
width: 72px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.lotto-combined__score-weight {
|
||||
font-size: 11px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.35));
|
||||
width: 28px;
|
||||
flex-shrink: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.lotto-combined__score-bar-wrap {
|
||||
flex: 1;
|
||||
height: 6px;
|
||||
background: rgba(255,255,255,0.06);
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lotto-combined__score-bar {
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.lotto-combined__score-val {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--text-bright, #fff);
|
||||
width: 28px;
|
||||
text-align: right;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.lotto-combined__score-total {
|
||||
margin-top: 6px;
|
||||
font-size: 13px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.5));
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.lotto-combined__score-total strong {
|
||||
color: #818cf8;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.lotto-combined__disclaimer {
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.35));
|
||||
}
|
||||
|
||||
/* 이력 */
|
||||
.lotto-combined__history {
|
||||
border-top: 1px solid var(--line, rgba(255,255,255,0.08));
|
||||
padding-top: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.lotto-combined__history-title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--text-muted, rgba(255,255,255,0.45));
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .05em;
|
||||
}
|
||||
|
||||
.lotto-combined__history-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 10px 14px;
|
||||
background: rgba(255,255,255,0.02);
|
||||
border: 1px solid var(--line, rgba(255,255,255,0.06));
|
||||
border-radius: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lotto-combined__history-meta {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
font-size: 11px;
|
||||
color: var(--text-muted, rgba(255,255,255,0.4));
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.lotto-combined__method {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.lotto-combined__final-ball-wrap .lotto-ball {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.lotto-combined__final-balls {
|
||||
gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user