승률 55% 자동매매의 함정: 조건검색식 '이것' 안 고치면 계좌 녹습니다 (HTS 세팅 최적화) > 자유게시판

HTS .q-report-wrapper {
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
color: #333;
background-color: #f8f9fa;
padding: 20px;
border-radius: 12px;
box-sizing: border-box;
line-height: 1.6;
max-width: 1000px;
margin: 0 auto;
}
.q-header {
border-bottom: 2px solid #e9ecef;
padding-bottom: 15px;
margin-bottom: 25px;
}
.q-header h1 {
font-size: 22px;
font-weight: bold;
color: #111827;
margin: 0 0 10px 0;
}
.q-header-badges {
display: flex;
gap: 10px;
font-size: 14px;
}
.q-badge {
background: #e5e7eb;
padding: 4px 10px;
border-radius: 6px;
font-weight: bold;
}
.q-text-red { color: #ef4444}
.q-text-blue { color: #3b82f6}
.q-text-green { color: #10b981}

.q-section {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.q-section-title {
font-size: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
border-bottom: 1px solid #f3f4f6;
padding-bottom: 10px;
}

.q-grid-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.q-scorecard {
background: #f8fafc;
border: 1px solid #e2e8f0;
padding: 15px;
border-radius: 8px;
text-align: center;
}
.q-scorecard-title { font-size: 13pxcolor: #64748bmargin-bottom: 5px}
.q-scorecard-value { font-size: 20pxfont-weight: boldmargin: 0}
.q-scorecard-sub { font-size: 12pxcolor: #94a3b8margin-top: 5px}

.q-chart-container {
position: relative;
height: 300px;
width: 100%;
margin-top: 15px;
}

.q-insight-box {
background: #fff1f2;
border-left: 4px solid #f43f5e;
padding: 15px;
border-radius: 0 8px 8px 0;
margin-bottom: 15px;
}
.q-insight-box.blue { background: #eff6ffborder-left-color: #3b82f6}
.q-insight-title { font-weight: boldmargin-top: 0margin-bottom: 5pxfont-size: 15px}
.q-insight-desc { font-size: 14pxcolor: #4b5563margin: 0}

.q-table-wrapper {
overflow-x: auto;
}
.q-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
text-align: left;
}
.q-table th { background: #f8fafcpadding: 10pxborder-bottom: 2px solid #e2e8f0color: #64748b}
.q-table td { padding: 10pxborder-bottom: 1px solid #e2e8f0}
.q-tag { padding: 3px 8pxborder-radius: 12pxfont-size: 11pxfont-weight: bold}
.q-tag.profit { background: #d1fae5color: #065f46}
.q-tag.loss { background: #ffe4e6color: #9f1239}