diff --git a/app/globals.css b/app/globals.css index 4b9a21d..a9073d7 100644 --- a/app/globals.css +++ b/app/globals.css @@ -218,6 +218,22 @@ select:focus, input:focus, textarea:focus { border-color: var(--blue); box-shado .success-card h3 { margin: 0; } .success-card > p:not(.step-kicker) { color: #66776f; font-size: 10px; } .success-card .outline-button { min-height: 38px; } +.custom-result-card { + padding: 22px; + display: grid; + grid-template-columns: 58px 1fr; + gap: 10px 16px; + border: 1px solid #bdd0f2; + border-radius: 15px; + background: linear-gradient(145deg, #f7faff, #edf4ff); +} +.custom-result-mark { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; color: white; background: linear-gradient(145deg, #397fff, #1454d0); font-size: 13px; font-weight: 850; box-shadow: 0 10px 22px rgba(24,94,232,.2); } +.custom-result-card > div:nth-child(2) > span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .08em; } +.custom-result-card h3 { margin: 4px 0 7px; font-size: 18px; line-height: 1.35; } +.custom-result-card > div:nth-child(2) > p { margin: 0; color: #6d7b91; font-size: 10px; line-height: 1.65; } +.custom-requirement-grid { grid-column: 1 / -1; margin-top: 8px; } +.custom-notes { grid-column: 1 / -1; margin: 2px 0 0; padding: 10px 12px; border-radius: 8px; color: #5d6c82; background: rgba(255,255,255,.8); font-size: 9px; line-height: 1.6; } +.custom-contact-form { border-color: #afc8f2; } .capability-strip { padding: 28px max(32px, calc((100vw - 1120px) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); background: var(--ink); color: white; } .capability-strip div { display: grid; gap: 4px; text-align: center; border-right: 1px solid rgba(255,255,255,.13); } diff --git a/app/page.tsx b/app/page.tsx index acdad94..dd23f18 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -65,7 +65,8 @@ function getFeaturedSpecs(product: CatalogProduct) { const SERVO_CATEGORIES = ["标准舵机", "异形舵机", "全金属舵机", "大扭矩舵机", "积木舵机"]; const SILENT_SERVO_CATEGORY = "静音舵机"; -const SELECTOR_CATEGORIES = [...SERVO_CATEGORIES, SILENT_SERVO_CATEGORY]; +const CUSTOM_SERVO_CATEGORY = "非标准舵机定制"; +const SELECTOR_CATEGORIES = [...SERVO_CATEGORIES, SILENT_SERVO_CATEGORY, CUSTOM_SERVO_CATEGORY]; const TORQUE_MIN = 0.09; const TORQUE_MAX = 920; const TORQUE_PRESETS = [0.1, 1, 5, 20, 100, 300, 920]; @@ -447,7 +448,9 @@ export default function Home() { {SELECTOR_CATEGORIES.map((category) => ( ))} @@ -644,7 +647,80 @@ export default function Home() { )} - {stage === 4 && top && ( + {stage === 4 && requirements.category === CUSTOM_SERVO_CATEGORY && ( +
非标准舵机定制
+支持特殊尺寸、扭矩、角度、控制协议、静音、防水、线材与安装结构等定制需求。
+其他要求:{requirements.otherRequirements}
+ )} +定制需求卡已生成
+需求已标记为“非标准舵机定制”。正式版上线后将自动通知销售与工程师联合评估。
+ +