fix: 组件稿 P3 速查面板与上方画布补 16px 边距

design-refs/mockup/components.html

@@ -308,7 +308,7 @@
   </div>
 
   <!-- 象限 3：Chip -->
-  <div class="canvas" style="top: 360px; left: 40px; width: 590px; height: 176px;">
+  <div class="canvas" style="top: 360px; left: 40px; width: 590px; height: 168px;">
     <div style="font-size:15px; font-weight:700; color:#1a1a1a; margin-bottom:14px;">&lt;Chip /&gt; 关系标签</div>
     <div class="vrow" style="gap: 18px;">
       <div class="variant"><span class="chip" style="font-size:12px; padding:3px 12px;">前置：无</span><div class="vlabel"><b>prerequisite</b></div></div>
@@ -319,7 +319,7 @@
   </div>
 
   <!-- 象限 4：IconTile -->
-  <div class="canvas" style="top: 360px; left: 650px; width: 590px; height: 176px;">
+  <div class="canvas" style="top: 360px; left: 650px; width: 590px; height: 168px;">
     <div style="font-size:15px; font-weight:700; color:#1a1a1a; margin-bottom:14px;">&lt;IconTile /&gt; 彩色图标块</div>
     <div class="vrow" style="gap: 16px;">
       <div class="variant"><span class="icotile" style="background:#e0e7ff;">🌐</span><div class="vlabel">快速开始</div></div>
@@ -332,7 +332,7 @@
     <div style="margin-top:16px; font-size:12px; color:#8a8a8a;">26×26 · 圆角 9px · 淡彩底取自课程色映射表</div>
   </div>
 
-  <div style="position:absolute; top: 534px; left: 40px; right: 40px; padding: 12px 16px;" class="panel" data-spec-panel>
+  <div style="position:absolute; top: 544px; left: 40px; right: 40px; padding: 12px 16px;" class="panel" data-spec-panel>
     <h3 style="margin-bottom:6px;">原子组件规格速查</h3>
     <table class="spec">
       <tr><th>原子</th><th>尺寸</th><th>颜色</th><th>圆角</th><th>用途</th></tr>