{template header}


<div class="clearfix">
<div class="banner_image" style="z-index:100">
	<iframe id="homeMiniPlayer" src="czml_igc.php?id=3130313030&minimal=1" title="3D预览" aria-hidden="true"></iframe>
	<div class="bd">
		<ul>
			<li style="background:linear-gradient(135deg,#0b1b2b 0%,#132b44 45%,#1b3c5f 100%);">
             	  <div class="wrap clearfix">
	            </div>
            </li>
		</ul>
	</div>
</div>

{if $_CMS[is_mobile]}
<style>
.banner_image {height:260px;}
.banner_image .bd li {height:260px; position:relative;}
.banner_image .wxapp { position:absolute; top:50%; right:10px; transform:translateY(-50%); }

/* homepage mini player */
.banner_image { position:relative; }
#homeMiniPlayer { position:absolute; inset:0; width:100%; height:100%; border:0; z-index:6; pointer-events:none; background:transparent; }
.banner_image .bd, .banner_image .hd, .banner_image .prev, .banner_image .next { position:relative; z-index:5; }
.banner_image .wxapp { z-index:8; }

 .home_quicklinks { margin-top:16px; margin-bottom:18px; }
 .home_quicklinks .grid { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 18px; width:100%; margin:0 auto; padding:0 10px; }
 .home_quicklinks a { display:inline-block; padding:0; background:transparent; border:0; border-radius:0; min-width:0; box-shadow:none; transform:none; font-weight:400; font-size:16px; color:#333; text-decoration:none; line-height:1.2; }
 .home_quicklinks a:hover { color:#23b7e5; text-decoration:underline; }
</style>
{else}
<style>
.banner_image {height:460px;}
.banner_image .bd li {height:460px; position:relative;}
.banner_image .wxapp { position:absolute; top:50%; right:20px; transform:translateY(-50%); }

/* homepage mini player */
.banner_image { position:relative; }
#homeMiniPlayer { position:absolute; inset:0; width:100%; height:100%; border:0; z-index:6; pointer-events:none; background:transparent; }
.banner_image .bd, .banner_image .hd, .banner_image .prev, .banner_image .next { position:relative; z-index:5; }
.banner_image .wxapp { z-index:8; }

 .home_quicklinks { margin-top:18px; margin-bottom:24px; }
 .home_quicklinks .grid { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; width:100%; max-width:1180px; margin:0 auto; padding:0 10px; }
 .home_quicklinks a { display:inline-block; padding:0; background:transparent; border:0; border-radius:0; min-width:0; box-shadow:none; transform:none; font-weight:400; font-size:16px; color:#333; text-decoration:none; line-height:1.2; }
 .home_quicklinks a:hover { color:#23b7e5; text-decoration:underline; }
 .home_quicklinks a + a { position:relative; padding-left:26px; }
 .home_quicklinks a + a:before { content:"|"; position:absolute; left:12px; top:0; color:#999; }
 @media (max-width: 980px) {
     .home_quicklinks .grid { flex-wrap:wrap; justify-content:center; gap:14px 22px; max-width:100%; }
     .home_quicklinks a + a { padding-left:0; }
     .home_quicklinks a + a:before { display:none; }
 }
</style>
{/if}
</div>

<div class="wrap home_quicklinks">
    <div class="grid">
        <a href="https://tyhkcn.com/news.php?vid=51" target="_blank">飞行软件</a>
        <a href="https://tyhkcn.com/news.php?vid=53" target="_blank">低空避障</a>
        <a href="https://tyhkcn.com/news.php?vid=52" target="_blank">飞行仪表</a>
        <a href="real_time.php" target="_blank">实时追踪</a>
        <a href="activity.php" target="_blank">网络联赛</a>
        <a href="help.php">滑翔伞知识</a>
        <a href="ground.php">飞行基地</a>
        <a href="team.php">培训学校</a>
    </div>
</div>

<div class="wrap home_rankings">
    <style>
    .home_rankings { margin-top:6px; margin-bottom:16px; }
    .home_rankings .card { background:#fff; border:1px solid #e8e8e8; border-radius:10px; overflow:hidden; }
    .home_rankings .head { padding:12px 14px; border-bottom:1px solid #f0f0f0; display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .home_rankings .head .title { font-size:16px; font-weight:bold; color:#000; }
    .home_rankings .head .meta { font-size:12px; color:#777; }
    .home_rankings .body { padding:12px 14px; display:flex; gap:14px; }
    .home_rankings .col { flex:1; min-width:0; }
    .home_rankings .col + .col { border-left:1px solid #f2f2f2; padding-left:14px; }
    .home_rankings .col .ct { font-size:14px; font-weight:bold; color:#333; margin-bottom:10px; }
    .home_rankings .list { margin:0; padding:0; }
    .home_rankings .item { display:flex; align-items:center; gap:10px; padding:6px 0; border-top:1px dashed #eee; }
    .home_rankings .item:first-child { border-top:0; }
    .home_rankings .avatar { width:28px; height:28px; border-radius:50%; overflow:hidden; background:#f2f2f2; flex:0 0 auto; }
    .home_rankings .avatar img { width:100%; height:100%; object-fit:cover; display:block; }
    .home_rankings .name { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; }
    .home_rankings .val { flex:0 0 auto; font-size:12px; color:#666; }
    .home_rankings .play { flex:0 0 auto; font-size:12px; color:#23b7e5; text-decoration:none; }
    .home_rankings .play:hover { text-decoration:underline; }
    .home_rankings .empty { font-size:12px; color:#999; padding:6px 0; }
    @media (max-width: 980px) {
        .home_rankings .body { flex-direction:column; }
        .home_rankings .col + .col { border-left:0; padding-left:0; border-top:1px solid #f2f2f2; padding-top:12px; }
    }
    </style>

    {php $rank_year = date('Y');}
    {php $rank_from = strtotime($rank_year.'-01-01 00:00:00');}
    {php $rank_to = strtotime($rank_year.'-12-31 23:59:59');}

    {php $rank_count = $_CMS['db']->get_all("SELECT g.member_id, COUNT(*) AS v, MAX(g.igc_id) AS any_igc_id, m.nickname, m.username, m.name, m.face, mw.weixin_avatarurl FROM #@_gps_igc AS g LEFT JOIN #@_member AS m ON g.member_id=m.member_id LEFT JOIN #@_member_weixin AS mw ON g.member_id=mw.member_id WHERE g.takeoff_time >= '$rank_from' AND g.takeoff_time <= '$rank_to' GROUP BY g.member_id ORDER BY v DESC LIMIT 10");}
    {php $rank_distance = $_CMS['db']->get_all("SELECT g.member_id, SUM(g.distance_km) AS v, MAX(g.igc_id) AS any_igc_id, m.nickname, m.username, m.name, m.face, mw.weixin_avatarurl FROM #@_gps_igc AS g LEFT JOIN #@_member AS m ON g.member_id=m.member_id LEFT JOIN #@_member_weixin AS mw ON g.member_id=mw.member_id WHERE g.takeoff_time >= '$rank_from' AND g.takeoff_time <= '$rank_to' GROUP BY g.member_id ORDER BY v DESC LIMIT 10");}
    {php $rank_xcscore = $_CMS['db']->get_all("SELECT g.member_id, SUM(g.score) AS v, m.nickname, m.username, m.name, m.face, mw.weixin_avatarurl FROM #@_gps_igc AS g LEFT JOIN #@_member AS m ON g.member_id=m.member_id LEFT JOIN #@_member_weixin AS mw ON g.member_id=mw.member_id WHERE g.takeoff_time >= '$rank_from' AND g.takeoff_time <= '$rank_to' GROUP BY g.member_id ORDER BY v DESC LIMIT 10");}
    {php $rank_farthest = $_CMS['db']->get_all("SELECT t.member_id, t.v, t.any_igc_id, m.nickname, m.username, m.name, m.face, mw.weixin_avatarurl FROM (SELECT member_id, MAX(distance_km) AS v, SUBSTRING_INDEX(GROUP_CONCAT(igc_id ORDER BY distance_km DESC), ',', 1) AS any_igc_id FROM #@_gps_igc WHERE takeoff_time >= '$rank_from' AND takeoff_time <= '$rank_to' GROUP BY member_id ORDER BY v DESC LIMIT 10) AS t LEFT JOIN #@_member AS m ON t.member_id=m.member_id LEFT JOIN #@_member_weixin AS mw ON t.member_id=mw.member_id ORDER BY t.v DESC");}

    {php $base_step_default = 0.2;}
    {php $ground_list = $_CMS['db']->get_all("SELECT ground_id, ground_name, heat_grid_id, heat_step, off_lat, off_lng FROM #@_ground WHERE status=1 ORDER BY ground_id ASC");}

    <div class="card">
        <div class="head">
            <div class="title">飞行排名</div>
            <div class="meta">统计年度：{php echo $rank_year;}（1月1日-12月31日）</div>
        </div>
        <div class="body">
            <div class="col">
                <div class="ct">基地霸主 <a class="more" href="base_king.php" target="_blank">》更多</a></div>
                {if $ground_list}
                <div class="list">
                    {php $bk_i = 0;}
                    {loop $ground_list $g}
                    {php $bk_i = $bk_i + 1;}
                    {if $bk_i<=6}
                    {php $grid_id = trim($g['heat_grid_id']);}
                    {php $step = floatval($g['heat_step']);}
                    {php if ($step <= 0) $step = $base_step_default;}

                    {php $b_name = '';}
                    {php $b_face = '';}
                    {php $b_alt = 0;}
                    {php $b_igc_id = 0;}

                    {php $parts = array();}
                    {php $step2 = 0;}

                    {php if ($grid_id != '') $parts = explode('_', $grid_id);}
                    {php if ($grid_id != '' && count($parts) >= 3) $step2 = floatval($parts[2]);}
                    {php if ($grid_id != '' && count($parts) >= 3 && $step2 > 0) $minLon = intval($parts[0]) * $step2;}
                    {php if ($grid_id != '' && count($parts) >= 3 && $step2 > 0) $maxLon = (intval($parts[0]) + 1) * $step2;}

                    {php if ($grid_id != '' && count($parts) >= 3 && $step2 > 0) $minLat = intval($parts[1]) * $step2;}
                    {php if ($grid_id != '' && count($parts) >= 3 && $step2 > 0) $maxLat = (intval($parts[1]) + 1) * $step2;}

                    {php if ($grid_id != '' && count($parts) >= 3 && $step2 > 0) $king = $_CMS['db']->get_one("SELECT igc_id, member_id, max_gps_altitude FROM #@_gps_igc WHERE takeoff_time>0 AND takeoff_longitude BETWEEN '$minLon' AND '$maxLon' AND takeoff_latitude BETWEEN '$minLat' AND '$maxLat' ORDER BY max_gps_altitude DESC, takeoff_time DESC LIMIT 1");}
                    {php if (!empty($king)) $m = $_CMS['db']->get_one("SELECT nickname, username, name, face FROM #@_member WHERE member_id='".intval($king['member_id'])."'");}
                    {php if (!empty($king)) $wx = $_CMS['db']->get_field("SELECT weixin_avatarurl FROM #@_member_weixin WHERE member_id='".intval($king['member_id'])."'");}

                    {php if (!empty($king)) $b_name = (!empty($m['nickname'])) ? $m['nickname'] : ((!empty($m['username'])) ? $m['username'] : ((!empty($m['name'])) ? $m['name'] : '匿名用户'));}
                    {php if (!empty($king)) $b_face = (!empty($m['face'])) ? $m['face'] : $wx;}
                    {php if (!empty($king)) $b_alt = intval($king['max_gps_altitude']);}
                    {php if (!empty($king)) $b_igc_id = intval($king['igc_id']);}

                    <div class="item" title="$g[ground_name]">
                        <div class="avatar">{if $b_face}<img src="$b_face" alt="$b_name" />{else}<img src="images/face.jpg" alt="$b_name" />{/if}</div>
                        <div class="name">{if $b_name}{php echo $b_name;}{else}-{/if}</div>
                        <div class="val">{if $b_alt}{php echo $b_alt;} m{/if}</div>
                        {if $b_igc_id}
                        <a class="play" href="czml_igc.php?id={php echo $b_igc_id;}" target="_blank">回放</a>
                        {else}
                        <span class="val">-</span>
                        {/if}
                    </div>
                    {/if}
                    {/loop}
                </div>
                {else}
                <div class="empty">暂无基地数据</div>
                {/if}

            </div>
            <div class="col">
                <div class="ct">全国排名（飞行次数 TOP10）</div>
                {if $rank_count}
                <div class="list">
                    {loop $rank_count $r}
                    {php $rname = ($r['nickname']!='') ? $r['nickname'] : (($r['username']!='') ? $r['username'] : (($r['name']!='') ? $r['name'] : '匿名用户'));}
                    {php $rface = ($r['face']!='') ? $r['face'] : $r['weixin_avatarurl'];}
                    <div class="item">
                        <div class="avatar">{if $rface}<img src="$rface" alt="$rname" />{else}<img src="images/face.jpg" alt="$rname" />{/if}</div>
                        <div class="name">$rname</div>
                        <div class="val">$r[v] 次</div>
                        <a class="play" href="czml_igc.php?id={php echo intval($r['any_igc_id']);}" target="_blank">回放</a>
                    </div>
                    {/loop}
                </div>
                {else}
                <div class="empty">暂无数据</div>
                {/if}
            </div>
            <div class="col">
                <div class="ct">全国排名（飞行里程 TOP10）</div>
                {if $rank_distance}
                <div class="list">
                    {loop $rank_distance $r}
                    {php $rname = ($r['nickname']!='') ? $r['nickname'] : (($r['username']!='') ? $r['username'] : (($r['name']!='') ? $r['name'] : '匿名用户'));}
                    {php $rface = ($r['face']!='') ? $r['face'] : $r['weixin_avatarurl'];}
                    <div class="item">
                        <div class="avatar">{if $rface}<img src="$rface" alt="$rname" />{else}<img src="images/face.jpg" alt="$rname" />{/if}</div>
                        <div class="name">$rname</div>
                        <div class="val">{php echo number_format(floatval($r['v']), 1);} km</div>
                    </div>
                    {/loop}
                </div>
                {else}
                <div class="empty">暂无数据</div>
                {/if}
            </div>
            <div class="col">
                <div class="ct">全国排名（单次最远 TOP10）</div>
                {if $rank_farthest}
                <div class="list">
                    {loop $rank_farthest $r}
                    {php $rname = ($r['nickname']!='') ? $r['nickname'] : (($r['username']!='') ? $r['username'] : (($r['name']!='') ? $r['name'] : '匿名用户'));}
                    {php $rface = ($r['face']!='') ? $r['face'] : $r['weixin_avatarurl'];}
                    <div class="item">
                        <div class="avatar">{if $rface}<img src="$rface" alt="$rname" />{else}<img src="images/face.jpg" alt="$rname" />{/if}</div>
                        <div class="name">$rname</div>
                        <div class="val">{php echo number_format(floatval($r['v']), 1);} km</div>
                        <a class="play" href="czml_igc.php?id={php echo intval($r['any_igc_id']);}" target="_blank">回放</a>
                    </div>
                    {/loop}
                </div>
                {else}
                <div class="empty">暂无数据</div>
                {/if}
            </div>
            <div class="col">
                <div class="ct">全国排名（越野得分 TOP10）</div>
                {if $rank_xcscore}
                <div class="list">
                    {loop $rank_xcscore $r}
                    {php $rname = ($r['nickname']!='') ? $r['nickname'] : (($r['username']!='') ? $r['username'] : (($r['name']!='') ? $r['name'] : '匿名用户'));}
                    {php $rface = ($r['face']!='') ? $r['face'] : $r['weixin_avatarurl'];}
                    <div class="item">
                        <div class="avatar">{if $rface}<img src="$rface" alt="$rname" />{else}<img src="images/face.jpg" alt="$rname" />{/if}</div>
                        <div class="name">$rname</div>
                        <div class="val">{php echo number_format(floatval($r['v']), 1);} 分</div>
                    </div>
                    {/loop}
                </div>
                {else}
                <div class="empty">暂无数据</div>
                {/if}
            </div>
        </div>
    </div>
</div>

<div style="background:#f5f5f5; padding-top:10px; padding-bottom:12px;" class="clearfix">
    <div class="wrap">
        <style>
        .flight_record_header { display:flex; align-items:center; gap:18px; justify-content:space-between; min-height:128px; }
        .flight_record_header .left_group { display:flex; align-items:center; gap:18px; min-width:0; }
        .flight_record_header .block_title { margin:0; }
        .flight_record_header .wxapp_inline { display:flex; align-items:center; gap:14px; margin:0; min-width:260px; }
        .flight_record_header .wxapp_inline dt { margin:0; }
        .flight_record_header .wxapp_inline dt img { height:122px; width:122px; display:block; }
        .flight_record_header .wxapp_inline dd { margin:0; line-height:1.15; text-align:center; }
        .flight_record_header .wxapp_inline dd.icon { display:flex; flex-direction:column; align-items:center; gap:10px; }
        .flight_record_header .wxapp_inline dd.icon img { height:28px; width:auto; margin-right:0; display:block; }

        .flight_record_header .activity_inline { flex:1; min-width:0; display:flex; justify-content:flex-end; box-sizing:border-box; padding-left:4em; }
        .flight_record_header .activity_card { width:100%; height:128px; box-sizing:border-box; display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:10px 12px; overflow:hidden; }
        .flight_record_header .activity_thumb { width:122px; height:122px; border-radius:8px; background:#f2f2f2; overflow:hidden; flex:0 0 auto; }
        .flight_record_header .activity_thumb img { width:100%; height:100%; display:block; object-fit:cover; }
        .flight_record_header .activity_body { min-width:0; flex:1; position:relative; padding-left:6.5em; }
        .flight_record_header .activity_title { font-size:16px; line-height:1.25; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .flight_record_header .activity_title a { color:#333; text-decoration:none; font-weight:600; }
        .flight_record_header .activity_title a:hover { color:#23b7e5; text-decoration:underline; }
        .flight_record_header .activity_desc { color:#666; font-size:13px; line-height:1.45; max-height:72px; overflow:hidden; }
        .flight_record_header .activity_badge { position:absolute; left:0; top:0; color:#000; font-size:16px; font-weight:bold; }
        .flight_record_header .activity_badge:after { content:"|"; color:#999; font-weight:400; margin:0 10px; }

        @media (max-width: 980px) {
            .flight_record_header { flex-wrap:wrap; justify-content:flex-start; }
            .flight_record_header .activity_inline { width:100%; justify-content:flex-start; padding-left:0; }
            .flight_record_header .activity_card { height:auto; }
            .flight_record_header .activity_thumb { width:96px; height:96px; }
            .flight_record_header .activity_body { padding-left:0; }
            .flight_record_header .activity_badge { position:static; }
        }
        </style>

        <div class="flight_record_header">
            <div class="left_group">
                <dl class="wxapp wxapp_inline">
                        <dt><img src="$_CMS[tpl]/images/wxapp.jpg" /></dt>
                        <dd>小程序<br/>客户端</dd>
                        <dd class="icon">
	                        <img src="$_CMS[tpl]/images/icon/wx.png" />
                            <img src="$_CMS[tpl]/images/icon/pyq.png" />
                            <img src="$_CMS[tpl]/images/icon/fx.png" />
                        </dd>
                </dl>
                <div class="block_title"><span>飞行记录</span></div>
            </div>

            {php $activity_item = $_CMS['db']->get_one("SELECT itemid, cat_id, subject, thumb, description, message, dateline FROM #@_news WHERE state=1 AND is_best=1 AND cat_id=2 ORDER BY itemid DESC LIMIT 1");}
            {php if ($activity_item) $activity_item['url'] = get_item_url('news', $activity_item['itemid']);}
            {php if ($activity_item) $activity_item['thumb'] = ($activity_item['thumb']) ? get_thumb($activity_item['thumb'],'thumb') : '';}
            {php $activity_desc = ($activity_item) ? trim($activity_item['description']) : '';}
            {php if ($activity_item && $activity_desc == '') $activity_desc = cmsok_substr(strip_tags($activity_item['message']), 80);}
            <div class="activity_inline">
                <div class="activity_card">
                    <div class="activity_thumb">
                        {if $activity_item && $activity_item[thumb]}
                            <a href="$activity_item[url]" target="_blank"><img src="$activity_item[thumb]" alt="$activity_item[subject]" /></a>
                        {else}
                            <a href="news.php?cid=2" target="_blank"><img src="$_CMS[tpl]/images/wxapp.jpg" alt="赛事活动" /></a>
                        {/if}
                    </div>
                    <div class="activity_body">
                        <div class="activity_title">
                            <span class="activity_badge">赛事活动</span>
                            {if $activity_item}
                                <a href="$activity_item[url]" target="_blank" title="$activity_item[subject]">$activity_item[subject]</a>
                            {else}
                                <a href="news.php?cid=2" target="_blank">暂无推荐活动</a>
                            {/if}
                        </div>
                        <div class="activity_desc">{if $activity_item}{$activity_desc}{else}请到后台新闻管理-推荐活动分类，勾选“推荐”条目后这里将自动展示。{/if}</div>
                    </div>
                </div>
            </div>
        </div>

        <div style="height:6px;"></div>
        <div class="igc_list" id="igc_list_wrap">
            <style>
            #igc_list_wrap .tbl-head { width:100%; border-collapse:collapse; background:#fff; table-layout:fixed; }
            #igc_list_wrap .tbl-body { width:100%; border-collapse:collapse; background:#fff; table-layout:fixed; }
            #igc_list_wrap .scroll-body { overflow:hidden; }
            #igc_list_wrap .tbl-head th { box-sizing:border-box; }
            #igc_list_wrap .tbl-body td { box-sizing:border-box; }
            </style>
            <table class="tbl-head" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; background:#fff;">
                <tr style="background:#f5f5f5;">
                    <th width="60" style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">会员</th>
                    <th style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">昵称</th>
                    <th style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">最后更新</th>
                    <th style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">飞行距离</th>
                    <th style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">最大高度</th>
                    <th style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">平均速度</th>
                    <th style="padding:12px; text-align:left; border-bottom:2px solid #ddd; font-weight:bold;">得分</th>
                    <th style="padding:12px; text-align:center; border-bottom:2px solid #ddd; font-weight:bold;">2D轨迹</th>
                    <th style="padding:12px; text-align:center; border-bottom:2px solid #ddd; font-weight:bold;">3D回放</th>
                </tr>
            </table>
            <div class="scroll-body" id="igc_scroll">
            <table class="tbl-body" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; background:#fff;">
                <tbody id="igc_tbody">
                    {if $igc_list}
                    {loop $igc_list $val}
                    <tr style="border-bottom:1px solid #eee;">
                        <td style="padding:12px;"><img class="face" width="40" src="$val[face]" style="border-radius:50%; border:1px solid #ddd;" onerror="this.src='images/face.jpg'" /></td>
                        <td style="padding:12px;"><strong>{$val[nickname]}</strong></td>
                        <td style="padding:12px; color:#666;">{php echo date("Y-m-d H:i:s", $val['add_time']);}</td>
                        <td style="padding:12px; color:#666;">{php echo number_format($val['distance_km'], 2);}km</td>
                        <td style="padding:12px; color:#666;">{php echo number_format($val['max_gps_altitude'], 0);}m</td>
                        <td style="padding:12px; color:#666;">{php echo number_format($val['average_speed'], 1);}km/h</td>
                        <td style="padding:12px; color:#666;">{php echo !empty($val['score']) ? $val['score'] : '-';}</td>
                        <td style="padding:12px; text-align:center;">
                            <a href="fight.php?id={php echo $val[igc_id];}" target="_blank" title="2D轨迹" style="color:#23b7e5; text-decoration:none; font-weight:bold;">2D</a>
                        </td>
                        <td style="padding:12px; text-align:center;">
                            <a href="czml_igc.php?id={php echo hex_encode($val[igc_id]);}" target="_blank" title="3D回放" style="color:#23b7e5; text-decoration:none; font-weight:bold;">查看</a>
                        </td>
                    </tr>
                    {/loop}
                    {else}
                    <tr>
                        <td colspan="9" style="padding:40px; text-align:center; color:#999;">
                            暂无飞行记录
                        </td>
                    </tr>
                    {/if}
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>

<script>
(function(){
    try {
        var wrap = document.getElementById('igc_list_wrap');
        var scroll = document.getElementById('igc_scroll');
        var tbody = document.getElementById('igc_tbody');
        if (!wrap || !scroll || !tbody) return;

        var rows = tbody.querySelectorAll('tr');
        if (!rows || rows.length <= 5) {
            // Still keep a reasonable height (up to 5 rows)
            if (rows && rows.length > 0) {
                var rh = rows[0].offsetHeight || 0;
                if (rh > 0) scroll.style.height = (rh * Math.min(5, rows.length)) + 'px';
            }
            return;
        }

        var rowH = rows[0].offsetHeight;
        if (!rowH || rowH < 10) {
            rowH = 68;
        }
        scroll.style.height = (rowH * 5) + 'px';

        // Duplicate rows for seamless scroll
        tbody.innerHTML = tbody.innerHTML + tbody.innerHTML;

        var y = 0;
        var maxY = rowH * (rows.length);
        var paused = false;

        function step(){
            if (!paused) {
                y += 1;
                if (y >= maxY) y = 0;
                scroll.scrollTop = y;
            }
        }

        var timer = setInterval(step, 30);
        scroll.addEventListener('mouseenter', function(){ paused = true; });
        scroll.addEventListener('mouseleave', function(){ paused = false; });
    } catch (e) {}
})();
</script>

{template footer}