diff --git a/public/css/freenode-article.css b/public/css/freenode-article.css
index 4d11b180..7792612a 100644
--- a/public/css/freenode-article.css
+++ b/public/css/freenode-article.css
@@ -4,10 +4,24 @@ .fn-overview{border:1px solid var(--fn-line);border-radius:10px;display:flex;pad
 .fn-article-nav{display:flex;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--fn-line);margin-bottom:22px}.fn-article-nav a{font-size:14px;color:#8c8794;background:#f7f6f9;padding:7px 14px;border-radius:6px;line-height:1.5;text-decoration:none}.fn-article-nav a:first-child{background:#ede6f1;color:#785282}.fn-article-nav a span{margin-left:20px}.fn-article-nav a:hover{color:#6e4d78;background:#eee7f2}
 .free-node-page .post-content{font-size:16px;line-height:1.95}.fn-subscriptions,.fn-usage{scroll-margin-top:92px}.fn-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}.free-node-page .post-content .fn-section-heading h2{font-size:22.72px;line-height:1.55;margin:0;padding:0;border:0;color:#38343e}.fn-subscription-list{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}.fn-subscription{min-width:0;border:1px solid #e8e9ee;border-radius:10px;padding:17px 17px 14px;background:white}.fn-subscription__top{display:flex;gap:11px;align-items:center;margin-bottom:9px}.fn-subscription__name{flex:1;min-width:0}.free-node-page .post-content .fn-subscription__name h3{font-size:18.08px;line-height:1.5;color:#40404a;margin:0;font-weight:600}
 .fn-subscription__address{display:flex;align-items:center;gap:12px;background:#f7f7fa;border:1px solid #f0eff4;padding:8px 9px 8px 11px;border-radius:6px}.free-node-page .post-content .fn-subscription__address code{color:#777180;background:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;padding:0;display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-copy{border:0;border-radius:5px;background:#86618f;color:white;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:14px;line-height:1.5;white-space:nowrap;flex:none;cursor:pointer;min-height:40px}.fn-copy:hover{background:#765280}.fn-copy:focus-visible,.fn-article-nav a:focus-visible{outline:2px solid #9572b0;outline-offset:3px}
-.free-node-page .post-content .fn-subscription-note{font-size:14px;line-height:1.8;color:#7d7686;margin-top:13px}.free-node-page .post-content .fn-subscription-note p{margin:0!important}.fn-subscription-note span{color:inherit!important}.fn-subscription-note br{display:none}.fn-usage{margin:32px 0 0;padding-top:27px;border-top:1px solid var(--fn-line)}.fn-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none!important;padding:0!important;margin:0 0 18px!important;gap:15px}.fn-steps>li{display:flex;gap:9px;padding:0!important;margin:0!important}.fn-steps>li>span{font-size:14px;font-weight:600;color:#bca5c5;line-height:1.8}.fn-steps strong{font-size:16px;font-weight:500;color:#6a6271}.free-node-page .post-content .fn-steps p{font-size:14px;color:#807788;margin:3px 0 0;line-height:1.8}
-.fn-original-help{background:#faf9fb;border:1px solid #efecf2;border-radius:8px;padding:13px 16px;color:#786c84;font-size:12px;line-height:1.9}.free-node-page .post-content .fn-original-help p{font-size:12px;line-height:1.9;margin:0 0 7px}.free-node-page .post-content .fn-original-help p:last-child{margin-bottom:0}.fn-original-help p:empty,.fn-original-help br{display:none}.fn-tutorial-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:13px;font-size:14px;color:#b0a4b5}.fn-tutorial-links a{color:#8a6b95;text-decoration:none!important}.fn-community{margin:24px 0 0;border-top:1px solid var(--fn-line);padding-top:18px;font-size:14px;color:#7f7386;display:flex;align-items:center;justify-content:space-between;gap:10px}.fn-community>div{display:flex;gap:14px}.fn-community a{color:#8c7996;text-decoration:none!important}.fn-empty-note{font-size:14px!important;color:#a58a62!important;padding:9px 12px;background:#fdf9f1;border-radius:6px;margin:0 0 13px!important}.fn-empty-note a{color:inherit;text-decoration:underline}.fn-extra-intro{font-size:16px}.free-node-page .post-content>.airport-recommendations{border-top:1px solid var(--fn-line);padding-top:25px;margin-top:28px}.free-node-page .post-tags{border-top:1px solid var(--fn-line);padding-top:18px}.free-node-page .post-actions{margin-bottom:0!important}
+.free-node-page .post-content .fn-subscription-note{font-size:14px;line-height:1.8;color:#7d7686;margin-top:13px}.free-node-page .post-content .fn-subscription-note p{margin:0!important}.fn-subscription-note span{color:inherit!important}.fn-subscription-note br{display:none}/* One quiet panel groups the steps and their tutorial links. */
+.fn-usage{margin-top:28px;padding-top:24px;border-top:1px solid var(--fn-line)}
+.fn-usage__body{background:#faf9fc;border:1px solid #ece9f0;border-radius:4px;padding:20px}
+.fn-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none!important;padding:0!important;margin:0!important;gap:20px}
+.fn-steps>li{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:0!important;margin:0!important}
+.fn-steps__number{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;background:#eee7f2;color:#795884;border-radius:50%;font-size:12px;font-weight:600;line-height:1}
+.fn-steps>li>div{min-width:0;padding-top:1px}
+.fn-steps strong{display:block;font-size:16px;font-weight:600;line-height:24px;color:#4d4655}
+.free-node-page .post-content .fn-steps p{font-size:14px;line-height:1.8;color:#82798c;margin:5px 0 0!important}
+.fn-tutorial-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #eae6ee;font-size:14px;line-height:1.8}
+.fn-tutorial-links__label{color:#8b8294}
+.fn-tutorial-links__items{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
+.fn-tutorial-links a{color:#795884;text-decoration:none!important;white-space:nowrap}
+.fn-tutorial-links a:hover{text-decoration:underline!important;text-underline-offset:3px}
+.fn-tutorial-links a:focus-visible{outline:2px solid #9572b0;outline-offset:4px;border-radius:2px}
+.fn-community{margin:24px 0 0;border-top:1px solid var(--fn-line);padding-top:18px;font-size:14px;color:#7f7386;display:flex;align-items:center;justify-content:space-between;gap:10px}.fn-community>div{display:flex;gap:14px}.fn-community a{color:#8c7996;text-decoration:none!important}.fn-empty-note{font-size:14px!important;color:#a58a62!important;padding:9px 12px;background:#fdf9f1;border-radius:6px;margin:0 0 13px!important}.fn-empty-note a{color:inherit;text-decoration:underline}.fn-extra-intro{font-size:16px}.free-node-page .post-content>.airport-recommendations{border-top:1px solid var(--fn-line);padding-top:25px;margin-top:28px}.free-node-page .post-tags{border-top:1px solid var(--fn-line);padding-top:18px}.free-node-page .post-actions{margin-bottom:0!important}
 @media(min-width:992px){.free-node-page .sidebar{top:0}}
-@media(max-width:767.98px){.free-node-page .post>.card-body{padding:22px}.fn-header{gap:12px;align-items:flex-start;margin-bottom:16px}.fn-header__art{width:68px;height:76px;object-fit:cover;border-radius:8px}.free-node-page .fn-header h1{font-size:26px;line-height:1.35;letter-spacing:-.3px}.fn-header__lead{font-size:14px;line-height:1.7;margin-top:6px}.fn-overview{flex-wrap:wrap;padding:15px;gap:15px}.fn-metric{padding-right:17px}.fn-metric strong{font-size:22px}.fn-overview__regions{flex-basis:100%;border-top:1px solid #ebe6ef;padding-top:10px}.fn-overview__regions>span{margin-bottom:4px}.fn-article-nav{gap:6px;padding-bottom:20px;margin-bottom:23px}.fn-article-nav a{padding:8px 12px;font-size:14px}.fn-article-nav a span{margin-left:7px}.free-node-page .post-content .fn-section-heading h2{font-size:19.5px}.fn-subscription{padding:15px 13px 12px}.fn-subscription__top{gap:9px}.free-node-page .post-content .fn-subscription__name h3{font-size:17px}.fn-subscription__address{gap:8px;padding:7px}.fn-copy{font-size:14px;padding:8px 10px}.fn-copy svg{display:none}.fn-steps{grid-template-columns:1fr;gap:12px}.fn-steps>li>span{width:22px}.free-node-page .post-content .fn-steps p{margin-top:0}.fn-community{align-items:flex-start;flex-direction:column;gap:7px}.fn-tutorial-links{gap:8px 14px}.fn-original-help{padding:12px}.fn-usage{margin-top:26px;padding-top:22px}}
+@media(max-width:767.98px){.free-node-page .post>.card-body{padding:22px}.fn-header{gap:12px;align-items:flex-start;margin-bottom:16px}.fn-header__art{width:68px;height:76px;object-fit:cover;border-radius:8px}.free-node-page .fn-header h1{font-size:26px;line-height:1.35;letter-spacing:-.3px}.fn-header__lead{font-size:14px;line-height:1.7;margin-top:6px}.fn-overview{flex-wrap:wrap;padding:15px;gap:15px}.fn-metric{padding-right:17px}.fn-metric strong{font-size:22px}.fn-overview__regions{flex-basis:100%;border-top:1px solid #ebe6ef;padding-top:10px}.fn-overview__regions>span{margin-bottom:4px}.fn-article-nav{gap:6px;padding-bottom:20px;margin-bottom:23px}.fn-article-nav a{padding:8px 12px;font-size:14px}.fn-article-nav a span{margin-left:7px}.free-node-page .post-content .fn-section-heading h2{font-size:19.5px}.fn-subscription{padding:15px 13px 12px}.fn-subscription__top{gap:9px}.free-node-page .post-content .fn-subscription__name h3{font-size:17px}.fn-subscription__address{gap:8px;padding:7px}.fn-copy{font-size:14px;padding:8px 10px}.fn-copy svg{display:none}.fn-steps{grid-template-columns:1fr;gap:18px}.fn-usage__body{padding:18px}.fn-tutorial-links{align-items:flex-start;flex-direction:column;gap:7px}.fn-tutorial-links__items{display:grid;grid-template-columns:auto auto auto;gap:8px 20px;font-size:13px}.fn-community{align-items:flex-start;flex-direction:column;gap:7px}.fn-usage{margin-top:26px;padding-top:22px}}
 @media(prefers-reduced-motion:no-preference){html:has(.free-node-page){scroll-behavior:smooth}}
 
 .free-node-page .post-content .fn-subscription h3::before{display:none}
@@ -23,7 +37,6 @@ .free-node-page .airport-coupon__copy,.free-node-page .airport-price>span{font-s
 .free-node-page .post-content p.airport-recommendations__note{font-size:12px}
 @media(max-width:600px){
 .free-node-page .post-content{font-size:15px;line-height:1.95}
-.free-node-page .post-content .fn-original-help p,.free-node-page .fn-original-help{font-size:12px;line-height:1.9}
 .free-node-page .fn-extra-intro{font-size:15px;line-height:1.95}
 .free-node-page .post-content .fn-subscription__address code{font-size:11px}
 .free-node-page .post-content .airport-recommendations__heading h2{font-size:19.5px}
diff --git a/resources/views/pages/articles/freenode/content.blade.php b/resources/views/pages/articles/freenode/content.blade.php
index aa66b437..2644c0fa 100644
--- a/resources/views/pages/articles/freenode/content.blade.php
+++ b/resources/views/pages/articles/freenode/content.blade.php
@@ -15,9 +15,18 @@
     @if($freeNodeLayout['notes'])<div class="fn-subscription-note">{!! nl2br(\App\Services\Seo::body($freeNodeLayout['notes'])) !!}</div>@endif
 </section>
 <section class="fn-usage" id="node-usage" aria-labelledby="node-usage-title">
-    <div class="fn-section-heading"><div><h2 id="node-usage-title">从订阅到连接，只需三步</h2></div></div>
-    <ol class="fn-steps"><li><span>01</span><div><strong>复制订阅</strong><p>选择与客户端匹配的格式。</p></div></li><li><span>02</span><div><strong>导入客户端</strong><p>在订阅管理中粘贴链接并更新。</p></div></li><li><span>03</span><div><strong>选择节点</strong><p>开启连接，再检查访问是否正常。</p></div></li></ol>
-    <div class="fn-tutorial-links"><span>第一次使用？</span><a href="/a/clash-verge-rev-windows.html">Windows 入门 ↗</a><a href="/a/m169.html">Android 入门 ↗</a><a href="/client">全部教程 ↗</a></div>
+    <div class="fn-section-heading"><div><h2 id="node-usage-title">使用方法</h2></div></div>
+    <div class="fn-usage__body">
+        <ol class="fn-steps">
+            <li><span class="fn-steps__number" aria-hidden="true">1</span><div><strong>复制订阅</strong><p>复制对应格式的订阅地址。</p></div></li>
+            <li><span class="fn-steps__number" aria-hidden="true">2</span><div><strong>导入客户端</strong><p>粘贴到订阅管理并更新。</p></div></li>
+            <li><span class="fn-steps__number" aria-hidden="true">3</span><div><strong>选择节点</strong><p>开启连接并检查访问结果。</p></div></li>
+        </ol>
+        <nav class="fn-tutorial-links" aria-label="客户端使用教程">
+            <span class="fn-tutorial-links__label">需要详细教程？</span>
+            <div class="fn-tutorial-links__items"><a href="/a/clash-verge-rev-windows.html" aria-label="Windows 入门教程">Windows</a><a href="/a/m169.html" aria-label="Android 入门教程">Android</a><a href="/client">全部教程 <span aria-hidden="true">→</span></a></div>
+        </nav>
+    </div>
 </section>
 @if($recommendations['enabled'])
     @include('components.airport-recommendations')