feat(homepage): 新增独立授权与激活页 /license + 补齐定价页样式基础类

- 新增 homepage/license.html → dist/license.html + dist/license/index.html：
  交付与激活四步（邮件交付授权码）、LIC- 在线 与 LICOFF- 离线 对比、
  授权服务器 licence.rlwj.cn 通信范围说明、授权类型与价格、10 条授权 FAQ
- 补 style.css 缺失的定价/授权页共享基础类（wrap/section/sec-title/price-card/
  plan-tag/deal-note 等，暗色主题版）—— 修复 /pricing 页此前内容贴左、
  价格卡无卡片样式的线上缺陷（仅新增规则，未改动既有样式）
- tools/homepage-build 支持可选单页，产出 <name>.html 与 <name>/index.html
- 导航/页脚接入 /license，子页跨页锚点补 / 前缀、品牌 logo 回首页

homepage/assets/style.css

@@ -755,6 +755,129 @@ footer a:hover {
   color: var(--accent);
 }
 
+/* ── 定价 / 授权页共享基础类 ─────────────────────── */
+/* Opsx 系列三站的 pricing.html / license.html 使用同一套标记（wrap / section /
+   sec-title / price-card / plan-tag / deal-note）。opsxdb、opsxapi 的 site.css
+   原生带这些规则；本站 style.css 缺这一段，导致 /pricing 页内容贴左、价格卡
+   无卡片样式（2026-10-16 补齐，仅新增、不改动既有规则）。 // Logan.Li */
+.wrap {
+  max-width: 1080px;
+  margin: 0 auto;
+  padding: 0 24px;
+}
+.section {
+  padding: 74px 0;
+}
+.section.alt {
+  background: var(--bg-soft);
+  border-top: 1px solid var(--border);
+  border-bottom: 1px solid var(--border);
+}
+.sec-title {
+  font-size: 28px;
+  font-weight: 800;
+  text-align: center;
+  margin: 0 0 8px;
+}
+.sec-sub {
+  text-align: center;
+  color: var(--text-2);
+  font-size: 14.5px;
+  margin: 0 0 34px;
+}
+/* 价格卡（暗色主题版：--panel + --border，与本站整体一致） */
+.pricing.three {
+  max-width: 1080px;
+  margin: 0 auto;
+}
+.price-card {
+  position: relative;
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 28px 26px 24px;
+  display: flex;
+  flex-direction: column;
+}
+.price-card.featured {
+  border-color: rgba(85, 174, 242, 0.55);
+  background: linear-gradient(180deg, rgba(85, 174, 242, 0.08), var(--panel) 45%);
+}
+.price-card .plan {
+  background: none;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text-2);
+}
+.price-card .plan-sub {
+  font-size: 12.5px;
+  color: var(--text-3);
+  margin: 2px 0 16px;
+}
+.price-card .price,
+.price-card .price b {
+  font-size: 32px;
+  font-weight: 800;
+}
+.price-card .price {
+  margin: 8px 0 0;
+}
+.price-card .price span {
+  font-size: 13.5px;
+  font-weight: 400;
+  color: var(--text-3);
+  margin-left: 4px;
+}
+.price-card ul {
+  list-style: none;
+  display: grid;
+  gap: 8px;
+  margin: 6px 0 22px;
+  padding: 0;
+  flex: 1;
+}
+.price-card ul li {
+  font-size: 13.6px;
+  color: var(--text-2);
+  display: flex;
+  gap: 9px;
+}
+.price-card ul li::before {
+  content: '✓';
+  color: var(--green);
+  font-weight: 700;
+  flex-shrink: 0;
+}
+.price-card .btn {
+  width: 100%;
+}
+.plan-tag {
+  position: absolute;
+  top: -12px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--accent);
+  color: #06121c;
+  font-size: 11.5px;
+  font-weight: 700;
+  padding: 3px 12px;
+  border-radius: 999px;
+  white-space: nowrap;
+}
+.deal-note {
+  font-size: 13px;
+  line-height: 1.9;
+  color: var(--text-3);
+  margin-top: 18px;
+}
+.footnote {
+  font-size: 13px;
+  color: var(--text-3);
+}
+
 /* ── Responsive ──────────────────────────────────── */
 @media (max-width: 960px) {
   .hero-grid {