@once
@push('styles')
<link rel="stylesheet" href="/css/freenode-article.css?v={{ filemtime(public_path('css/freenode-article.css')) }}">
@endpush
@endonce
<header class="fn-header">
    <div class="fn-header__main">
        <h1><span>{{ $oArticle->created_at?->format('n月j日') }}</span><span>免费节点订阅</span></h1>
        <p class="fn-header__lead">支持 Clash / V2ray / Shadowrocket / Singbox / Hiddify</p>
    </div>
    @if($oArticle->sThumb)
    <img class="fn-header__art" src="{{ $oArticle->sThumb }}" width="192" height="160" alt="猫咪主题插画" decoding="async">
    @endif
</header>
<div class="fn-overview">
    @if($freeNodeLayout['count'] !== null)
    <div class="fn-metric"><span>本篇收录</span><div><strong>{{ $freeNodeLayout['count'] }}</strong><span>个节点</span></div></div>
    @endif
    @if($freeNodeLayout['speed'])
    <div class="fn-metric"><span>最高速度</span><div><strong>{{ $freeNodeLayout['speed'] }}</strong></div></div>
    @endif
    <div class="fn-overview__regions"><span>覆盖地区</span><div>@forelse($freeNodeLayout['regions'] as $region)<span>{{ $region }}</span>@empty<span>以订阅内容为准</span>@endforelse</div></div>
</div>
<nav class="fn-article-nav" aria-label="本页内容"><a href="#node-subscriptions">获取订阅<span>↗</span></a><a href="#node-usage">使用说明</a>@if($recommendations['enabled'])<a href="#{{ config('airport_recommendations.anchor') }}">机场推荐</a>@endif</nav>