2025년 7월 31일 08:05 MLB 뉴욕 양키스 vs 탬파베이 분석

<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;
    }

    .highlight-neutral {
        background: #2f2f2f;
    }

    .highlight-default {
        background: #353535;
    }

    .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">

    <!-- 제목 -->
    <h1>2025년 7월 31일 08:05 MLB 뉴욕 양키스 vs 탬파베이 분석</h1>

    <!-- 경기 정보 -->
    <div class="section-box">
        <h2><i class="fa fa-calendar"></i> 경기 정보</h2>
        <ul>
            <li><strong>일시:</strong> 2025년 7월 31일 08:05</li>
            <li><strong>리그:</strong> MLB</li>
            <li><strong>대진:</strong> 뉴욕 양키스 vs 탬파베이</li>
        </ul>
    </div>

    <!-- 승부 포인트 -->
    <div class="section-box highlight-default">
        <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.74</p>
        <div class='odds-bar'><div class='odds-fill' style='width:42%; background:#4caf50;'></div></div>
        <p><strong>무:</strong> 0</p>
       
        <p><strong>원정:</strong> 2.15</p>
        <div class='odds-bar'><div class='odds-fill' style='width:28%; 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>