iye
f420af2069
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 6s
页面 (电商AI平台/) - account / team / settings / index / products / projects: 累积迭代 - restraint.css: 设计 token 补充 - login.html / register.html: 新增登录注册页 - _ARCHIVE.md: 归档说明 Next.js 工程骨架 - app/ + components/: 新一代 SPA 雏形 (page / layout / sidebar / topbar / GridBg / Icon) - package.json / package-lock.json / next.config.mjs / tsconfig.json / postcss.config.mjs / next-env.d.ts 历史归档 / 文档 - v1/: 原 V1 静态稿镜像 (含 mockup-A/B/C) - PRD.md / deployment-guide.md / _check.html - ui参考/ / screenshots/ 杂项 - .gitignore 调整 - 删除根 README.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
37 lines
2.9 KiB
HTML
37 lines
2.9 KiB
HTML
<!doctype html>
|
||
<html><head>
|
||
<style>
|
||
body { margin: 36px; background: #FAF9F5; font-family: Inter, sans-serif; font-size: 13px; }
|
||
.reco-bubble { position: relative; margin-top: 10px; padding: 10px 14px; background: #FFF4ED; border: 1px solid #FAE8DC; display: flex; align-items: center; gap: 12px; font-size: 12.5px; max-width: 700px; }
|
||
.reco-bubble::before { content: ''; position: absolute; top: -5px; left: 28px; width: 9px; height: 9px; background: #FFF4ED; border-left: 1px solid #FAE8DC; border-top: 1px solid #FAE8DC; transform: rotate(45deg); }
|
||
.reco-bubble .ic { color: #E55B26; display: inline-flex; align-items: center; width: 18px; height: 18px; flex-shrink: 0; }
|
||
.reco-bubble .ic svg, .reco-bubble .dismiss svg { display: block; }
|
||
.reco-bubble .txt { flex: 1; line-height: 1.5; }
|
||
.reco-bubble .txt strong { color: #E55B26; font-weight: 600; }
|
||
.reco-bubble .txt .meta { display: block; font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: #9C988C; margin-top: 2px; }
|
||
.reco-bubble .btn-apply { height: 26px; padding: 0 12px; background: #E55B26; color: #FFF; border: 1px solid #E55B26; font-size: 11.5px; font-weight: 600; cursor: pointer; flex-shrink: 0; }
|
||
.reco-bubble .dismiss { background: transparent; color: #9C988C; border: 0; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
|
||
.note { font-family: monospace; font-size: 11px; color: #888; margin: 12px 0 4px; }
|
||
</style></head>
|
||
<body>
|
||
<div class="note">// 旧 emoji 版本 (V1)</div>
|
||
<div class="reco-bubble">
|
||
<span class="ic" style="font-size:14px">💡</span>
|
||
<div class="txt"><span>抖音同人设 TOP 视频更常用 <strong>0-10 秒</strong> + <strong>对比展示</strong></span><span class="meta">当前 0-15 秒 · 痛点种草 → 推荐换为学生党最优组合</span></div>
|
||
<button class="btn-apply">一键套用</button>
|
||
<button class="dismiss" style="font-size:14px">×</button>
|
||
</div>
|
||
|
||
<div class="note">// 新 SVG icon 版本 (V2.1 spec · stroke 1.5)</div>
|
||
<div class="reco-bubble">
|
||
<span class="ic">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"/><path d="M10 22h4"/><path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"/></svg>
|
||
</span>
|
||
<div class="txt"><span>抖音同人设 TOP 视频更常用 <strong>0-10 秒</strong> + <strong>对比展示</strong></span><span class="meta">当前 0-15 秒 · 痛点种草 → 推荐换为学生党最优组合</span></div>
|
||
<button class="btn-apply">一键套用</button>
|
||
<button class="dismiss" aria-label="忽略">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5l14 14M19 5L5 19"/></svg>
|
||
</button>
|
||
</div>
|
||
</body></html>
|