2025년 7월 31일 18:00 NPB 한신 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: #222;
        color: #f1f1f1;
        padding: 20px;
        border-radius: 10px;
    }

    .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: #ffb74d;
        margin-bottom: 12px;
    }

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

    .highlight-home {
        background: #3b2323;
    }

    .highlight-away {
        background: #2c3a4e;
    }

    .highlight-balance {
        background: #3a3a3a;
    }

    .highlight-default {
        background: #353535;
    }
</style>

<div class="analysis-container">
    <h1>2025년 7월 31일 18:00 NPB 한신 vs 히로시마 분석</h1>

    <div class="section-box">
        <h2><i class="fa fa-calendar"></i> 경기 정보</h2>
        <ul>
            <li><strong>일시:</strong> 2025년 7월 31일 18:00</li>
            <li><strong>리그:</strong> NPB</li>
            <li><strong>대진:</strong> 한신 vs 히로시마</li>
        </ul>
    </div>

    <div class="section-box highlight-balance">
        <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>
       
    <div style='margin-bottom:8px;'>
        <div style='display:flex; justify-content:space-between; font-size:14px;'>
            <span>한신 승 (배당: 1.83)</span>
            <span><strong>52.2%</strong></span>
        </div>
        <div style='background:#ddd; border-radius:3px; overflow:hidden; height:10px;'>
            <div style='width:52%; height:100%; background:#4caf50;'></div>
        </div>
    </div>
           
    <div style='margin-bottom:8px;'>
        <div style='display:flex; justify-content:space-between; font-size:14px;'>
            <span>히로시마 승 (배당: 2)</span>
            <span><strong>47.8%</strong></span>
        </div>
        <div style='background:#ddd; border-radius:3px; overflow:hidden; height:10px;'>
            <div style='width:48%; height:100%; background:#f44336;'></div>
        </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>