查看“︁首页”︁的源代码

<div class="custom-homepage">

<!-- 全站通知 -->
<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:25px;">
<span style="background: linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;">全站通知：萌新请先点击游戏攻略查看相关新手指南！</span>
</div>

<!-- 第一行：横幅 + 更新公告并排 -->
<div class="top-row">
    <div class="hero-banner">
        [[File:wyhf.png|center|link=|alt=网站横幅]]
    </div>
    <div class="update-card">
        <h3>📢 更新公告</h3>
        <div class="update-item">
            <strong>1573版本</strong><br>
            更新日期：2026年5月22日<br>
            • 新增角色1名<br>
            • 修复BUG和优化地图<br>
            • 新增难度4<br>
            • 野怪调整<br>
            • 羁绊调整和角色调整<br>
        </div>
        <div class="update-link">
            [[更新日志|更新日志 →]]
        </div>
    </div>
</div>

<!-- 两栏布局 -->
<div class="two-columns">
    
    <!-- 左侧区域 -->
    <div class="left-column">
        <!-- 常用内容标题 -->
        <div style="padding-left:15px; margin-bottom:20px; background: transparent; box-shadow: none; border-radius: 0;">
            [[File:常用内容标题.png|link=]]
        </div>
        <!-- 四个图片卡片 -->
        <div class="feature-cards">
            <div class="feature-card-link">[[File:棋子首页.png|center|link=棋子|alt=棋子图鉴]]</div>
            <div class="feature-card-link">[[File:装备图鉴.png|center|link=装备图鉴|alt=装备图鉴]]</div>
            <div class="feature-card-link">[[File:天赋首页.png|center|link=天赋图鉴|alt=天赋图鉴]]</div>
            <div class="feature-card-link">[[File:羁绊详情.png|center|link=羁绊详情|alt=羁绊详情]]</div>
            <div class="feature-card-link">[[File:游戏攻略.png|center|link=游戏攻略|alt=游戏攻略]]</div>
        </div>
        
        <!-- 角色一览 -->
        <div style="text-align: left; margin: 0; padding: 0;">
            <gallery mode="nolines" widths="850" perrow="1">
                最新棋子标题.png
            </gallery>
        </div>
        <div class="character-section">
            <gallery mode="nolines" widths="120" heights="120" perrow="7">
                角色104.png|link=千子村正|千子村正
                角色103.png|link=菲比|菲比
                角色102.png|link=我的刀盾|我的刀盾
                角色101.png|link=黑岩射手|黑岩射手
                角色100.png|link=夜神月|夜神月
                角色99.png|link=莱茵哈鲁特|莱茵哈鲁特
                角色98.png|link=耄耋|耄耋
            </gallery>
            <div style="text-align: left; margin: 0; padding: 0;">
                <gallery mode="nolines" widths="850" perrow="1">
                    全部棋子.png|link=棋子
                </gallery>
            </div>
        </div>
    </div>
    
    <!-- 右侧区域（修复后的完整代码） -->
    <div class="right-column">
        <!-- 直播封面卡片 -->
        <div id="live-carousel-container" style="
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            border-radius: 20px;
            padding: 20px;
            color: white;
            margin-bottom: 20px;
            text-align: center;
        ">
        <h3 style="
        background: linear-gradient(135deg, #ffd89b, #c7e9fb);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        display: inline-block;
        font-size: 20px;
        margin: 0 0 12px 0;
        padding: 0;
    ">推荐主播</h3>
            <div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div>
            <div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div>
            <div id="live-cover-img" style="
                width: 100%;
                max-width: 280px;
                height: 160px;
                margin: 0 auto 15px auto;
                border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                cursor: pointer;
            "></div>
            <div id="live-controls" style="display: flex; justify-content: center; align-items: center; gap: 0;">
    <div id="live-dots" style="display: flex; gap: 10px; align-items: center;"></div>
</div>
        </div>

        <!-- 兑换中心卡片 -->
        <div class="redeem-card" style="
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 12px;
            padding: 20px;
            color: white;
        ">
            <h3 style="background: linear-gradient(135deg, #ffd89b, #c7e9fb); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-size: 20px;">存档与赞助</h3>
            <div class="code-box" style="background: rgba(255,255,255,0.2); border-radius: 8px; padding: 12px; margin: 15px 0; text-align: center; font-family: monospace; font-size: 16px; letter-spacing: 2px;">新增存档与赞助道具</div>
            <div class="redeem-info" style="font-size: 13px; opacity: 0.9;">
                '''棋子-菲比使用权'''<br>
                '''小小棋手-菲比'''
            </div>
           <div class="redeem-btn" style="display: block; text-align: center; background: white; color: #667eea; padding: 6px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; margin-top: 15px; transition: transform 0.2s;">
    [[兑换中心|兑换详情]]
</div>
        </div>
    </div><!-- .right-column 结束 -->

</div><!-- .two-columns 结束 -->

</div><!-- .custom-homepage 结束 -->