feat：集成 LCSC 产品 API 用于袋子管理

- 增加了 LCSC API 集成，可利用 app_id、access_key 和 secret_key 获取产品详情。
- 实现了用于安全 API 请求的一次性和签名生成。
- 通过新端点提升包容量管理，更新插槽容量。
- 更新界面，支持 LCSC 产品直接导入袋口。
- 改进了 API 响应和用户输入验证的错误处理。
- 重构箱子渲染逻辑，以适应新的包包功能和展示产品详情。
- 为与 LCSC 产品信息相关的新 UI 元素添加了 CSS 样式。
- 更新了 AI 设置页面，包含了 LCSC API 配置选项。

templates/edit.html

@@ -23,6 +23,9 @@
 		{% if error %}
 		<p class="alert">{{ error }}</p>
 		{% endif %}
+		{% if notice %}
+		<p class="notice">{{ notice }}</p>
+		{% endif %}
 
 		<div class="entry-shell">
 			<section class="entry-main">
@@ -64,6 +67,25 @@
 			</section>
 
 			<aside class="entry-sidebar">
+				<section class="panel quick-inbound-panel">
+					<h2>立创编号入库</h2>
+					<p class="hint">当前编辑位置: {{ slot_code }}。仅支持粘贴立创商品详情页链接，系统会自动提取 itemId 并查询。</p>
+					<form class="form-grid" method="post" action="{{ url_for('lcsc_import_to_edit_slot', box_id=box.id, slot=slot) }}">
+						<label>
+							立创商品详情页链接
+							<input type="text" name="lcsc_product_id" required placeholder="如 https://item.szlcsc.com/23913.html">
+						</label>
+						<label>
+							数量
+							<input type="number" name="quantity" min="0" value="0">
+						</label>
+						<div class="actions full">
+							<button class="btn" type="submit">拉取并写入当前位</button>
+							<a class="btn btn-light" href="{{ url_for('ai_settings_page') }}">接口参数</a>
+						</div>
+					</form>
+				</section>
+
 				<section class="panel entry-guide">
 					<h2>轻量入库规范</h2>
 					<p class="hint">先保证可检索，再补充关键参数，不追求一次填很全。</p>