john
fde6503bdf
Memind CI / Test, build, and release guards (push) Has been cancelled
Enable optional SEO/GEO injection and discovery routes for confirmed public pages while keeping private pages noindex. Add premium page template skills, portal catalog API, template shop UI, and Baidu push gated by memind_adm config. Co-authored-by: Cursor <cursoragent@cursor.com>
44 lines
3.0 KiB
HTML
44 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{PAGE_TITLE}}</title>
|
|
<meta name="description" content="{{PAGE_DESCRIPTION}}">
|
|
<meta name="mindspace-cover" content='{{MINDSPACE_COVER_JSON}}'>
|
|
<style>
|
|
:root { --accent: {{ACCENT}}; --accent2: {{ACCENT2}}; }
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; background: linear-gradient(165deg, #fff9f5 0%, #fff 40%, #fef3ec 100%); color: #1a2332; }
|
|
.hero { display: grid; gap: clamp(24px, 4vw, 48px); padding: clamp(32px, 7vw, 72px); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: center; max-width: 1100px; margin: 0 auto; }
|
|
.hero-visual { position: relative; }
|
|
.hero-visual img { width: 100%; border-radius: 24px; object-fit: cover; aspect-ratio: 4/3; box-shadow: 0 32px 64px rgba(239,68,68,.15), 0 8px 24px rgba(31,41,51,.08); }
|
|
.hero-visual::after { content: ""; position: absolute; inset: -8px; border-radius: 28px; border: 1px solid rgba(239,68,68,.12); pointer-events: none; }
|
|
.tag { display: inline-block; padding: 6px 14px; border-radius: 999px; background: rgba(239,68,68,.08); color: var(--accent); font-weight: 800; letter-spacing: .14em; font-size: 11px; }
|
|
h1 { margin: 16px 0 12px; font-size: clamp(34px, 6.5vw, 56px); line-height: 1.06; font-weight: 800; letter-spacing: -.02em; }
|
|
.lead { color: #5c6b7a; font-size: 18px; line-height: 1.75; max-width: 36rem; }
|
|
.cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; padding: 16px 32px; border-radius: 999px; background: linear-gradient(135deg, var(--accent), var(--accent2)); color: #fff; text-decoration: none; font-weight: 700; font-size: 16px; box-shadow: 0 12px 32px rgba(239,68,68,.28); }
|
|
section { padding: 8px clamp(20px, 5vw, 64px) 32px; max-width: 960px; margin: 0 auto; }
|
|
.panel { background: #fff; border-radius: 24px; padding: clamp(24px, 4vw, 36px); box-shadow: 0 20px 60px rgba(31,41,51,.06); border: 1px solid rgba(31,41,51,.04); margin-bottom: 24px; }
|
|
.panel h2 { margin-top: 0; font-size: 22px; }
|
|
.cta-row { text-align: center; padding-bottom: 48px; }
|
|
footer { text-align: center; padding: 32px 16px 48px; color: #94a3b8; font-size: 13px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header class="hero">
|
|
<div>
|
|
<div class="tag">{{PRODUCT_NAME}}</div>
|
|
<h1>{{HERO_HEADLINE}}</h1>
|
|
<p class="lead">{{HERO_SUBTITLE}}</p>
|
|
<a class="cta" href="{{CTA_URL}}">{{CTA_LABEL}}</a>
|
|
</div>
|
|
<div class="hero-visual"><img src="{{HERO_IMAGE}}" alt="{{PRODUCT_NAME}}"></div>
|
|
</header>
|
|
<section><div class="panel">{{SELLING_POINTS_HTML}}</div></section>
|
|
<section><div class="panel">{{OFFER_HTML}}</div></section>
|
|
<section class="cta-row"><a class="cta" href="{{CTA_URL}}">{{CTA_LABEL}}</a></section>
|
|
<footer><p data-mindspace-page-tag="platform-brand">TKMind · 智趣</p></footer>
|
|
</body>
|
|
</html>
|