feat: port cms design tokens and base styles into trade-pro theme.css

Full port of astro-site-runtime tokens.css (183 tokens, V2 bright-blue)
and base.css (element baseline, layout utilities, forms, FAQ, reveal
motion, 620px mobile block) into the trade-pro theme. All cms variables
renamed with the --sf-tp- prefix keeping semantic names; button system
rebuilt as sf-tp-btn with sm/lg sizes and ghost/outline/round variants
so platform custom.css (.btn/.primary/.request/.button/.nav-btn) can
never restyle it. Phase-2 short token aliases (--sf-tp-primary etc.)
and .pro-* bridge rules retained, now driven by the cms tokens.

Co-Authored-By: Claude Code <noreply@anthropic.com>

tests/test_theme_registry.py

@@ -114,6 +114,45 @@ def test_trade_pro_builds_real_site(factory):
     assert '>首页<' not in home.text
     assert '<meta name="theme-color" content="#0b3d91"' in home.text
 
+def test_trade_pro_theme_css_ports_token_system():
+    from pathlib import Path
+    css = (Path(__file__).resolve().parent.parent / 'themes' / 'trade-pro' / 'theme.css').read_text(encoding='utf-8')
+    # 令牌覆盖：cms tokens.css 的核心令牌语义都应有对应 --sf-tp-* 变量
+    for token in ('primary', 'accent', 'bg', 'text', 'muted', 'radius', 'font'):
+        assert f'--sf-tp-{token}' in css, token
+    # 移植覆盖：cms 语义令牌以 --sf-tp- 前缀保留语义名（tokens.css 各组取样）
+    for token in ('color-brand-primary', 'color-brand-secondary', 'color-neutral-900', 'color-text-primary',
+                  'color-surface-page', 'color-border-default', 'font-family-sans', 'font-size-display',
+                  'font-weight-bold', 'line-height-normal', 'space-4', 'space-section-y', 'container-page-max',
+                  'breakpoint-tablet', 'radius-full', 'shadow-md', 'button-height-md', 'input-border-radius',
+                  'card-padding-md', 'duration-fast', 'easing-standard', 'z-modal', 'focus-outline-color', 'icon-size-md'):
+        assert f'--sf-tp-{token}' in css, token
+    # 基础样式：base.css 元素基线、按钮体系与响应式断点已移植
+    for fragment in ('box-sizing', '.sf-tp-btn--lg', '.sf-tp-btn--ghost', '@media (max-width: 620px)',
+                     'prefers-reduced-motion'):
+        assert fragment in css, fragment
+    # 样式隔离红线：不得出现平台按钮选择器
+    import re
+    for sel in ('.btn{', '.primary{', '.request{', '.button{', '.nav-btn{'):
+        assert sel not in css, sel
+
+def test_trade_pro_build_contains_tokens(factory):
+    # 构建产物 assets/theme.css 含 --sf-tp- 变量（复用 test_trade_pro_builds_real_site 的构建流程）
+    sid = site(factory)
+    assert factory.post(f'/api/factory/sites/{sid}/bootstrap').status_code == 200
+    selected = factory.put(f'/api/factory/sites/{sid}/theme', json={'theme': 'trade-pro', 'version': '1.0.0'})
+    assert selected.status_code == 200, selected.text
+    result = factory.post(f'/api/sites/{sid}/builds', json={})
+    assert result.status_code == 200, result.text
+    bid = result.json()['version']
+    home = factory.get(f'/preview/{sid}/{bid}/')
+    assert home.status_code == 200, home.text[:400]
+    assert 'assets/theme.css' in home.text  # 首页 HTML 确实链接主题样式表
+    css = factory.get(f'/preview/{sid}/{bid}/assets/theme.css')
+    assert css.status_code == 200, css.text[:200]
+    assert '--sf-tp-primary' in css.text  # Phase 2 短令牌别名随构建分发
+    assert '--sf-tp-color-brand-primary' in css.text  # cms 令牌全集随构建分发
+
 def test_frontend_entries_include_trade_pro():
     from pathlib import Path
     base = Path(__file__).resolve().parent.parent