diff --git a/app/static/editor.js b/app/static/editor.js
index e7e4f63..9f555fc 100644
--- a/app/static/editor.js
+++ b/app/static/editor.js
@@ -90,6 +90,7 @@ const Studio={
     selected=parentIndex;Studio.modified();Studio.draw();
   },
   setLayoutGap(value){const block=blocks[selected];if(!block||block.type!=='layout')return;block.gap=Math.max(0,Math.min(64,Math.round(Number(value)||0)));Studio.modified();Studio.inspector()},
+  clearStyleField(field){const b=blocks[selected];if(!b||!b.style)return;delete b.style[field];if(!Object.keys(b.style).length)delete b.style;Studio.modified();Studio.draw();Studio.refreshPreview()},
   setLayoutPreset(preset){
     const block=blocks[selected];const widths=editorTools.layoutPreset(block,preset);
     if(!widths)return toast('当前列数不支持这种预设',true);
@@ -407,7 +408,7 @@ const Studio={
    out+='<button class="ui-btn ghost" onclick="Studio.addColumn()">＋ 添加列</button>';
  }
  out+=`<div class="subheading">响应式样式</div><div class="prop"><label>平板上下间距（px）</label><input type="number" min="0" max="120" value="${html(b.style?.tablet_padding??50)}" onchange="Studio.styleField('tablet_padding',Number(this.value))"></div><div class="prop"><label>手机上下间距（px）</label><input type="number" min="0" max="120" value="${html(b.style?.mobile_padding??28)}" onchange="Studio.styleField('mobile_padding',Number(this.value))"></div><div class="prop"><label><input type="checkbox" ${b.style?.hide_mobile?'checked':''} onchange="Studio.styleField('hide_mobile',this.checked)"> 手机上隐藏区块</label></div>`;
- out+=`</div><div data-inspector-section="style"><div class="subheading">快速设置外观</div><p class="prop-tip">不必先调色值：选择样式后会立即更新预览，也可以撤销。</p><div class="sf-style-presets"><button type="button" onclick="Studio.applyStylePreset('clean')">清爽白底</button><button type="button" onclick="Studio.applyStylePreset('soft')">柔和浅底</button><button type="button" onclick="Studio.applyStylePreset('feature')">重点深底</button></div><div class="subheading">字体与颜色</div><div class="prop"><label>标题字号 (px) <b id="titleSizeVal">${b.style?.title_size||'默认'}</b></label><input type="range" min="16" max="80" value="${b.style?.title_size||48}" oninput="document.getElementById('titleSizeVal').textContent=this.value+'px'" onchange="Studio.styleField('title_size',Number(this.value))" style="width:100%"></div><div class="prop"><label>正文字号 (px) <b id="textSizeVal">${b.style?.text_size||'默认'}</b></label><input type="range" min="10" max="24" value="${b.style?.text_size||16}" oninput="document.getElementById('textSizeVal').textContent=this.value+'px'" onchange="Studio.styleField('text_size',Number(this.value))" style="width:100%"></div><div class="prop"><label>文字颜色</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.text_color||'#253247'}" onchange="Studio.styleField('text_color',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.styleField('text_color','');Studio.refreshPreview();Studio.draw()" title="恢复默认">重置</button></div></div><div class="prop"><label>强调色（链接/标签）</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.accent_color||'#3569d3'}" onchange="Studio.styleField('accent_color',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.styleField('accent_color','');Studio.refreshPreview();Studio.draw()">重置</button></div></div><div class="prop"><label>按钮颜色</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.button_color||'#0874df'}" onchange="Studio.styleField('button_color',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.styleField('button_color','');Studio.refreshPreview();Studio.draw()">重置</button></div></div><div class="subheading">背景与间距</div><div class="prop"><label>背景颜色</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.background||'#ffffff'}" onchange="Studio.styleField('background',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.styleField('background','');Studio.refreshPreview();Studio.draw()">重置</button></div></div><div class="prop"><label>上下间距（px）</label><input type="range" min="0" max="120" value="${b.style?.padding??82}" onchange="Studio.styleField('padding',Number(this.value))" style="width:100%"></div><div class="prop"><label>从图库选择图片</label><button type="button" class="ui-btn ghost" onclick="Studio.chooseMedia()">打开本站素材库</button></div><div class="prop"><label>上传图片</label><input type="file" accept="image/png,image/jpeg,image/webp,image/gif,image/avif" onchange="Studio.uploadImage(this.files[0])"></div></div>`;
+ out+=`</div><div data-inspector-section="style"><div class="subheading">快速设置外观</div><p class="prop-tip">不必先调色值：选择样式后会立即更新预览，也可以撤销。</p><div class="sf-style-presets"><button type="button" onclick="Studio.applyStylePreset('clean')">清爽白底</button><button type="button" onclick="Studio.applyStylePreset('soft')">柔和浅底</button><button type="button" onclick="Studio.applyStylePreset('feature')">重点深底</button></div><div class="subheading">字体与颜色</div><div class="prop"><label>标题字号 (px) <b id="titleSizeVal">${b.style?.title_size||'默认'}</b></label><input type="range" min="16" max="80" value="${b.style?.title_size||48}" oninput="document.getElementById('titleSizeVal').textContent=this.value+'px'" onchange="Studio.styleField('title_size',Number(this.value))" style="width:100%"></div><div class="prop"><label>正文字号 (px) <b id="textSizeVal">${b.style?.text_size||'默认'}</b></label><input type="range" min="10" max="24" value="${b.style?.text_size||16}" oninput="document.getElementById('textSizeVal').textContent=this.value+'px'" onchange="Studio.styleField('text_size',Number(this.value))" style="width:100%"></div><div class="prop"><label>文字颜色</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.text_color||'#253247'}" onchange="Studio.styleField('text_color',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.clearStyleField('text_color')" title="恢复默认">重置</button></div></div><div class="prop"><label>强调色（链接/标签）</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.accent_color||'#3569d3'}" onchange="Studio.styleField('accent_color',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.clearStyleField('accent_color')">重置</button></div></div><div class="prop"><label>按钮颜色</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.button_color||'#0874df'}" onchange="Studio.styleField('button_color',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.clearStyleField('button_color')">重置</button></div></div><div class="subheading">背景与间距</div><div class="prop"><label>背景颜色</label><div style="display:flex;gap:8px;align-items:center"><input type="color" value="${b.style?.background||'#ffffff'}" onchange="Studio.styleField('background',this.value)"><button type="button" class="ui-btn ghost" style="font-size:11px;padding:4px 8px" onclick="Studio.clearStyleField('background')">重置</button></div></div><div class="prop"><label>上下间距（px）</label><input type="range" min="0" max="120" value="${b.style?.padding??82}" onchange="Studio.styleField('padding',Number(this.value))" style="width:100%"></div><div class="prop"><label>从图库选择图片</label><button type="button" class="ui-btn ghost" onclick="Studio.chooseMedia()">打开本站素材库</button></div><div class="prop"><label>上传图片</label><input type="file" accept="image/png,image/jpeg,image/webp,image/gif,image/avif" onchange="Studio.uploadImage(this.files[0])"></div></div>`;
  const sharing=selectedChildId?editorTools.findChildInRoot(blocks,b.id,selectedChildId)?.child?.shared_ref:b.shared_ref;
  if(sharing)out+=`<div class="sf-share-info"><strong>已关联公共组件 · v${html(sharing.version)}</strong><p>此区块将来可以按需同步新版。直接修改后会被视为本地定制。</p><button type="button" class="ui-btn ghost" onclick="Studio.detachShared()">解除关联，保留当前内容</button></div>`;
  out+='<div style="display:flex;gap:8px;margin-bottom:22px"><button class="small-btn" onclick="Studio.duplicate('+selected+')">复制区块</button><button class="small-btn red-btn" onclick="Studio.remove('+selected+')">删除区块</button></div>';
diff --git a/themes/trade-pro/blocks.css b/themes/trade-pro/blocks.css
index c72443b..8cdadac 100644
--- a/themes/trade-pro/blocks.css
+++ b/themes/trade-pro/blocks.css
@@ -445,3 +445,11 @@
     min-height: min(64vh, 480px);
   }
 }
+
+/* ── 区块级字号/颜色自定义（编辑器实时预览消费）── */
+.sf-section h1,.sf-section h2{font-size:var(--sf-title-size,clamp(38px,5vw,76px))!important}
+.sf-section h3{font-size:calc(var(--sf-title-size,28px) * 0.6)!important}
+.sf-section p,.sf-section li{font-size:var(--sf-text-size,16px)!important}
+.sf-section .sf-kicker{color:var(--sf-accent-c,#3569d3)!important}
+.sf-section .sf-link,.sf-section .sf-section-head>a,.sf-section .sf-item-copy small{color:var(--sf-accent-c,#3569d3)!important}
+.sf-section .sf-button{background:var(--sf-btn-c,var(--accent,#315ee2))!important}