<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
    .analysis-container {
        font-family: 'Noto Sans KR', sans-serif;
        background: #1c1f26;
        color: #f1f1f1;
        padding: 20px;
        border-radius: 10px;
    }

    .analysis-container h1 {
        font-size: 22px;
        margin-bottom: 20px;
        color: #ffffff;
    }

    .section-box {
        background: #2b2e38;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 25px;
        box-shadow: 0 0 0 1px #444;
    }

    .section-box h2 {
        font-size: 18px;
        color: #90caf9;
        margin-bottom: 12px;
    }

    .badge {
        display: inline-block;
        background: #e91e63;
        padding: 4px 10px;
        border-radius: 12px;
        font-size: 12px;
        margin-left: 8px;
        color: white;
    }

    .highlight-home {
        background: #402020;
    }

    .highlight-draw {
        background: #3f3a22;
    }

    .highlight-balance {
        background: #2c2c40;
    }

    .odds-bar {
        background: #555;
        border-radius: 3px;
        overflow: hidden;
        height: 8px;
        margin-top: 4px;
        margin-bottom: 8px;
    }

    .odds-fill {
        height: 100%;
        background: #4caf50;
    }
</style>

<div class="analysis-container">

    <!-- 제목 (SEO 핵심) -->
    <h1>2025년 7월 31일 07:40 MLB 클리블랜드 vs 피츠버그 분석</h1>

    <!-- 경기 정보 -->
    <div class="section-box">
        <h2><i class="fa fa-calendar"></i> 경기 정보</h2>
        <ul>
            <li><strong>경기일시:</strong> 2025년 7월 31일 07:40</li>
            <li><strong>리그:</strong> MLB</li>
            <li><strong>대진:</strong> 클리블랜드 vs 피츠버그</li>
        </ul>
    </div>

    <!-- 승부 포인트 -->
    <div class="section-box highlight-">
        <h2><i class="fa fa-lightbulb-o"></i> 승부 포인트 <span class="badge"></span></h2>
        <p></p>
    </div>

    <!-- 배당 흐름 -->
    <div class="section-box">
        <h2><i class="fa fa-bar-chart"></i> 배당 흐름</h2>
        <p><strong>홈:</strong> 1.53</p>
        <div class="odds-bar">
            <div class="odds-fill" style="width: 49%;"></div>
        </div>

        <p><strong>무:</strong> 0</p>
        <div class="odds-bar">
            <div class="odds-fill"
                style="width: 100%; background:#ffc107;"></div>
        </div>

        <p><strong>원정:</strong> 2.81</p>
        <div class="odds-bar">
            <div class="odds-fill"
                style="width: 6.3333333333333%; background:#03a9f4;"></div>
        </div>
    </div>

    <!-- 추천 전략 -->
    <div class="section-box" style="background:#204420;">
        <h2><i class="fa fa-check-square-o"></i> 추천 전략</h2>
        <p><strong></strong></p>
    </div>

</div>