feat: IMAP mail sync with thread-to-contact matching (PRD §6.1)
Real IMAP connection via imapflow library: - Connects to IMAP server (IMAPFlow, TLS on port 993) - Fetches recent messages (configurable limit, default 20) - Extracts: from, fromEmail, subject, date, snippet (200 chars) - Thread-to-contact matching (PRD §6.1): 1. Match sender email against persons table 2. If no person match, extract domain and match against company.website 3. Returns matchedCompany + matchedPerson for each email - Audit-logged (action: crm.mailsync:imap) - Zod validated (host, port, user, password, folder, limit) - 502 on IMAP connection failure with detail - 400 on validation failure Tested: invalid creds → 502 'IMAP connection failed', missing host → 400
This commit is contained in:
1 parent
7acc0c5451
commit
e45b68bb8b
1089 files changed
+260614
No files matched your search
@@ -0,0 +1,809 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-Hans">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
||||
<meta name="theme-color" content="#0a0a0b">
|
||||
<title>层云|你的创意系统,终于到了</title>
|
||||
<meta name="description" content="层云是为视觉创作者打造的下一代创意操作系统。少量内测名额,先到先得。">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
/* =========================================================
|
||||
层云 Strata — Waitlist
|
||||
设计语言:深灰底,外围漂浮的纵向视频卡片,居中文案。
|
||||
排版:中文按词断行(手动 <br>);不调 letter-spacing;
|
||||
行高 1.5–1.7;标点开明式;副本不缩进首行(UI 段落)。
|
||||
========================================================= */
|
||||
|
||||
:root {
|
||||
--bg: #0a0a0b;
|
||||
--bg-2: #131316;
|
||||
--line: rgba(255, 255, 255, 0.08);
|
||||
--line-strong: rgba(255, 255, 255, 0.16);
|
||||
--ink: #f6f6f7;
|
||||
--ink-2: #c9c9cf;
|
||||
--ink-3: #8b8b93;
|
||||
--ink-4: #5a5a62;
|
||||
--accent: #ffffff;
|
||||
--pill: #1a1a1e;
|
||||
--pill-2: #232328;
|
||||
--green: #6ee7a3;
|
||||
--radius-card: 18px;
|
||||
--radius-pill: 999px;
|
||||
--shadow-card: 0 30px 80px rgba(0, 0, 0, 0.55), 0 4px 14px rgba(0, 0, 0, 0.35);
|
||||
--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
html, body {
|
||||
background: var(--bg);
|
||||
color: var(--ink);
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC",
|
||||
"Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei",
|
||||
"Noto Sans SC", "Source Han Sans SC", sans-serif;
|
||||
font-feature-settings: "kern", "palt";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
/* W3C CLReq: 字间距原则不动 */
|
||||
letter-spacing: 0;
|
||||
line-height: 1.55;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
background:
|
||||
radial-gradient(1200px 700px at 50% 35%, #15151a 0%, transparent 60%),
|
||||
var(--bg);
|
||||
}
|
||||
|
||||
a { color: inherit; text-decoration: none; }
|
||||
button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
|
||||
img, video { display: block; max-width: 100%; }
|
||||
|
||||
.sr-only {
|
||||
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
|
||||
overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
|
||||
}
|
||||
|
||||
/* ---------- NAV ---------- */
|
||||
|
||||
.nav {
|
||||
position: fixed; top: 0; left: 0; right: 0; z-index: 50;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
align-items: center;
|
||||
padding: 22px 36px;
|
||||
background: linear-gradient(to bottom, rgba(10,10,11,0.85) 30%, rgba(10,10,11,0));
|
||||
backdrop-filter: blur(8px);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
}
|
||||
|
||||
.brand {
|
||||
display: inline-flex; align-items: center; gap: 10px;
|
||||
font-weight: 600; font-size: 15px;
|
||||
color: var(--ink);
|
||||
}
|
||||
.brand-mark {
|
||||
width: 22px; height: 22px; color: var(--ink);
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.brand-mark svg { width: 100%; height: 100%; }
|
||||
.brand-name { letter-spacing: 0.04em; }
|
||||
.brand-name-en {
|
||||
font-weight: 400; color: var(--ink-3); margin-left: 2px;
|
||||
font-feature-settings: "ss01";
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
display: inline-flex; align-items: center; gap: 28px;
|
||||
font-size: 14px; color: var(--ink-2);
|
||||
}
|
||||
.nav-links a { transition: color .2s var(--ease); }
|
||||
.nav-links a:hover { color: var(--ink); }
|
||||
|
||||
.nav-join {
|
||||
/* plain text link, matches other nav-links */
|
||||
color: var(--ink-2);
|
||||
font-size: 14px;
|
||||
transition: color .2s var(--ease);
|
||||
}
|
||||
.nav-join:hover { color: var(--ink); }
|
||||
|
||||
.nav-cta {
|
||||
justify-self: end;
|
||||
font-size: 13.5px; padding: 9px 16px; border-radius: 999px;
|
||||
background: var(--pill); border: 1px solid var(--line);
|
||||
color: var(--ink); transition: background .2s var(--ease), border-color .2s var(--ease);
|
||||
}
|
||||
.nav-cta:hover { background: var(--pill-2); border-color: var(--line-strong); }
|
||||
|
||||
/* ---------- STAGE ---------- */
|
||||
|
||||
.stage {
|
||||
position: relative;
|
||||
padding: 0 24px 40px;
|
||||
}
|
||||
|
||||
/* hero zone caps the absolute cards to a viewport-tall region */
|
||||
.hero-zone {
|
||||
position: relative;
|
||||
min-height: 720px;
|
||||
height: 100vh;
|
||||
max-height: 1000px;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
padding-top: 80px; /* under nav */
|
||||
display: flex;
|
||||
align-items: center; /* vertically center hero */
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* ---------- VIDEO CARDS (perimeter) ---------- */
|
||||
|
||||
.card {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
border-radius: var(--radius-card);
|
||||
overflow: hidden;
|
||||
background-color: #111;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
box-shadow: var(--shadow-card);
|
||||
outline: 1px solid rgba(255,255,255,0.04);
|
||||
outline-offset: -1px;
|
||||
will-change: transform, opacity;
|
||||
opacity: 0;
|
||||
transform: translateY(24px) scale(0.96);
|
||||
animation: card-in 1.1s var(--ease) forwards;
|
||||
}
|
||||
.card video {
|
||||
width: 100%; height: 100%; object-fit: cover;
|
||||
/* slight desaturation makes them feel cohesive */
|
||||
filter: saturate(0.95) contrast(1.02);
|
||||
}
|
||||
|
||||
@keyframes card-in {
|
||||
to { opacity: 1; transform: translateY(0) scale(1); }
|
||||
}
|
||||
|
||||
/* Each card has its own position + drift + a poster background as fallback
|
||||
so the card is never empty even if video metadata hasn't loaded yet. */
|
||||
.card--1 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: -4%; left: 19%;
|
||||
width: clamp(150px, 14vw, 220px);
|
||||
height: clamp(220px, 22vw, 320px);
|
||||
animation-delay: 0.05s;
|
||||
}
|
||||
.card--2 { background-image: url('data:image/jpeg;base64,/9j//gAQTGF2YzYxLjE5LjEwMAD/2wBDAAgKCgsKCw0NDQ0NDRAPEBAQEBAQEBAQEBASEhIVFRUSEhIQEBISFBQVFRcXFxUVFRUXFxkZGR4eHBwjIyQrKzP/xAB8AAADAQEBAQEAAAAAAAAAAAADAgQBAAUGBwEBAQEBAQEBAAAAAAAAAAAAAAECAwQFBhAAAgICAgEEAgIBBAIDAQAAAAECESEDEjFBImFREzIEgXHBoUJSkSMUU7HwQxEBAQEBAQEBAQEBAQAAAAAAAAERAiESMUEDIhP/wAARCALqAaQDASIAAhEAAxEA/9oADAMBAAIRAxEAPwD9XHQhqPlvWcUYUIGwLRQwMjpBDPW+fKwEsMvkRbl5PRzWXLJWmebCRZF2a7BXkG0PYrZzill+IJDzlgWBoNWAngVmgYaakaYDeCHZ+aLvBBs7LyqqILY8M2LwDatmmTak6K10JFUh/ByrRTTDTAU45mWUC2LKBtB5AzTMidxBlbRNI3Koa7CoCEidL+DWJQUVo5wDNNZxpCjR7Bs2DyAaSBsOBkYVvgwwZCoahWgorMKALJBGYagnZiDtAmaCsEx2BKhqOo000PtaOQwh4mxThUMEDYlWFkIWUSzRNNWi+aJJI9HNR5D9DKoyB7ogdcvk9ObEWOYylZO2apGJyp5dhIk92GTouB2GWUT8kWa+jlQlUYEkidLji7OeqaXRJLJUwMkdOULALGudA4FKXkvVSCJDHJGs8+tBGnGgIxArBssCMUYw0jAUkGFZRC1TMsNOJO3R2nsBFIdEyYaJMQQVjCsgAzY9i+R0qNfwVoSRyZrONigs1GMVGkGscCFRmxSSQNIpFoyoQKSDsRlgkkBaK5IA0dEJR1GnFH25jNaMZ5FMhhUOSjGgYSxCKVommipgJnTmo8+cbIJQpnrNE04Hs56R59nRbsJOGCVtxZ3nqLTeWQUZWrOvJLBRqhlt9HoRwibTlFJ5e1cwIUyjmpKBNB2gEjpKjIqgyBxConQOujGaujmcVJQoUGAoo7MEAjB2DNI0UcUoGyLbH4L6ATR05qPNUqZRFk2yNM6EjvgvswApDp2c7B1BKMGJVYOIcjKtYPoKK0IjAqJ12HRnpRTqNRpyAZIHRRIShKANE7RW0CaOmiajqC0cXUfZ0IFFaPMEQx1HMNMMMGJgGwbCsEywAZjVjGnbcRHPWRvX8nsuNk0tZ257Zef9LXRjg0erGNiT146N/wDoYn0eSgTWqsKc+rquodIxhF0c1DZNIrZLI1yEiGQiHRegZdDA0OcaOB+QngEiDTKNMAxgWGYJo2hDjjijBGrCUZRZRHOFnnSi4s9pxI9muz0c9IjjIoiS1xZQmdL6KDRExzhVaYMaZHIxmo6iALCRFaNRaKEaKhjhVcxRjDIVoE0HBs1oDRlDHF0fXIxnGnIIYzTApBxaNA5gWGYNiADRyHkhY9nVBQUkGFaM6A9G2cYyqQw0U6MnHFQ5ihWSyKmTM1yrl0cjEaaqCIICQ6Zy6VrFSNZxBgrCAWWDhWaYaCNHIZiBGnGGlGMDNYDCs1KPL2RA3R6U44PNnGmejioNFhrJIsPFjqAqY4gxyoZGiDGVZRg4gU6kOA8h4nOwOacac6MBscGwoLR1DnUUfToKgQ6ZhCsUaQoVwoxgCGDMUBWIFBGpQVHMU4BGKFMosoAwYeSAnSINEYVDmKBsmkVMlkb5RkRmJFhGbo2I5kejTjVczjTCDQdBBQEECGGgNg2GYNoqEHQg6A4wY4ATRBtieiA2I7c3B5ASEsjSVAUej9ZW2EJUyk5WK0YU1HOqZCsYV9kgxB4gQqM0EGEOOdVrYM06iKUw04o+mONOOaEZyNORFcYzRShGYMxQNB0EMooVG0YaBxjNOAFJAg4I6So1BANjWBzI5dlUmTs3yhYhOxEHgrLQyWDhjDi0w0U6wjjjjCjGDY4pQhwxxUDaGSNZqA4SgjMACxXkZis1BFsjZBVM9SRHOJ6OKyGmHiyZDp0bsFYyJ/sQ0Z2cbGhxWODZkOh0CQ6MVRjjkcYCnWaIQZZ1nHAfUHHCnNSs1GMxFQxxxoUhgwrINo5o1GgBMCNCGkYacaZCsCyhgWagQRjmHSIEzmNQjNxGFMVgnSKo9GelYKx2KzlrRBRhTSHRrMRrAGxB2LRRxtHGgIzEEYlERooxhQKQgTyKzcEzBSQWQDs6wQ7Gok3KUj0Za15JXjo9EQGOqT7ZfBcUAizfsTk18GbBemIzIPARxTOFV0GEALA9maoyYwJBDnYOEYwJyA2zLB8jrLg+xOow6zgrmgHkMwDKgpgqeDbCuFOsUDRrMRpBjYgxhUKMYcBzBsIDZQM4Yw6RAJcrVfyN2MzImh1UEixWcjNDnDGHJSMGFBs3BphxwGGM40oU044g0w04BTjWLYQMxjmM1FTOIFqipgJHaAUiKSyWMBI6yol6NNfYtnT+CqDopvBFFlSONgx9mo5nIxins1MU5GbAzYCTDsnkJEDs7kIcXFfcHHHHkVoGQZMFJFgGmPYHphTVRhgxxlWIYVGgcbQhtgYzDWYEaIOxTQQUdoQ0gbNiqHo0aEZ0R2IFGFNRjMBWIxmKzQQ0w0owYU0I44w0DjUYcRXMRhLQkioUw4RssCsnbOnJkjkztIHkwDY1ieTtIJp2SuckehOqIGjvzgz7mho/sz5JDqKoJCCsneAy2yCw22HUItA3BRPOpvsGjJEkkBblEvzo9JsBJgVufkKmmY+bApwbHwdj4L6PsBeSA7NnAyMnI8U5tUZM5sU0oBLsKugUgkejVRho1CmFahhUvcYgRmGisqOsywdsZGsHMyxhaKGbFOaORBxpxoHMGEBsB0cxUbYCsU2zgEowYVmsHGiNnWVGti2YZguDXJ0ST2TKGyeTo3IaeDfkPZOmPZLA7YjZjYFzEg6WSaSCOYFyb8HWQDbAOVBZEjlk7xDttgayVR6J59lU8Q6RLF0yuLM9A6bSFbsZM6VUcpAKwcqYrkJyydAvCx6cVgPFDuKZLRHzmd9kyngjvrRNH1OyFjQWDZOotgf108tu7PPzPGqrRjGRhx/qEoehfIQUI2YYxbJIHs3kTuRzkb+RRaOJOQVSJ8qZnUMYRCnHDAc+hOgoNiBTjjCo0xnCtlg5M0AmdbLgIZYppFcKzRTSEYO6CMEag5sG2c2BbN4CqR0lZLbbLa9JrEBQVCBEjKu7BOIVugNtiCeRO9lFDjd2CcEdoiZzbANZK5JIndHWKeB04iJhfAonCqQF9jRJRbFnTlgGjJIzIJpTydF5ElFip0dB6KlQTkQ8sGKTOdivQ5HciO2dbMfI+x2PFD6lUQcssMsI835AVHM2IsjiFGBcjYs1iGkACyYhYqc1s1oVnSISwiYM00CqQTkTG2ZsFFmpkrZlsnyLxWBU2NyMYrWYZaOTCNMYwNuiwBlgwFJ3KgyeDoHQ4qNOYRg2x2hKSNQCdgnYdgmdIBsAwzBM6QB8lVuibtlfg1QByaCwlfkVxEapHMbOR0Je5FJSbGqUUdJBRNkk2xZbWJ9sWdJAGUmiO5ORbOKl0JHWdAO2g0ZYDqKob60REsmjFI7brccok+ynkZqvSjIKmSxaaCWS84CySZO4lHJUBkzIShVY9jI0F5HcxuJ3AmxH0OvbObPUg77M1aohW1FM8veVTXxBykBttjZOWBbyEugZjsoexgKCJmcCgpsIwTybg5HGRVKuxjQUwYwISUVKLT6ZypJLwsGncLKNU/VV2viglgeD8C1ImaD2anRFKU8V85/oojJYJeRVYjMMeUYzFBmZFhHTwCSpmgZMYVD0ZGMEwwCTLIEk6yCbT6Ol6sPo6lFUujYVgGPsmtcXJ+PHyAhy2Lk0434fZuAsEg+APE1RaNAlA2hW52v9TXImIG6AydhHkTizcQDiTz0rwXtA2jpKrzPXD3Dx2JhmgLgvBvdBkw6PNc3AaO9MzlqrZpNHi7tbu0ei9yJ5Tiy87BDCUoly22gdI5wOtUbkK2RS5RBPa0zHyPUQRMj1T5rBXFZMdTEGOs6jqOOo+xUqQO3I5ZKIxPLaoSiwlBnSBuRnQtHOIqlkKNE9A5YKAMzUCo45dGlCGGvAtm4MOMOKjR0J0MiUMIMbRIJpRsRegpaEa5GtDcrOJXcWURdolC24vLx8BFkyUbBQlWGTBQEsFZplWsC0FEkWInlhnM2Yscmwol/I8iaTNDXPI/PFEwzgpYtnQdKeaBuY7hkz6kUbGSDJpgnqdYAVKBMFjRMzvu+ROSl0awK0LQboV0ESzgmRvSei6YBdnWdeKilGXRPLXNZR73CLQj1o1OouvAj+xsh+SLY74yXwPshCwDhFnTyxRZZPK/YVPB6Un0eZ+02OUV/rSPYgfOfrtqj6LU8HP/WNKDhsHYPHlYfWRQYRYNs8lVkhPATsSXRFDh2UsniFs3iMEllGmMQCWBjGKbGME2FAM3B1nckDEZuRB+Q6aJQkRYKTbFNOQ4SqHMYAZ5OgLKSireB4FBiaSyUMCywIpUGRMyiHRKpxJBRJdGQBg44YzYN9nSIeRM0VPoAQYooekMkPRdE8kJwfkroBs1+rnl8VfFPs1olfNdMG97j+cSqFzhylBwd/jdg5xTNzoSueuXsDarodwXgVKjro3l8m/wAg5LHRNyaLJoonaWMgtfK/UCe1ix2ZNfKvWVGSquzzZb5J0v8AsFPZNk+DB9jivggnuhEnnzZH9M28s7TlVj/ZiyXZPm7Cr9YKtKRqZEQKb8HoatuyjPrivA0cGe/RUpzZvOZq6GOPyP0WxLA8jUfOsFFmSEt+BmYxWRRzOWDjaNFYxjIBHGMw1BhPJhgMjrAKxKyY8GpnRDGcuJ1mVyAojsTWRoOdy5JJY4+5FwrJfrdruzn0HMkOwUjmAtYWL/wOgd5HRoEsFJjdAZSLBlZDQBrIRYZKowsjTGYE7QJlQKSNyo6KXELine truncated
|
||||
top: 26%; left: 1.5%;
|
||||
width: clamp(120px, 11vw, 180px);
|
||||
height: clamp(190px, 18vw, 280px);
|
||||
animation-delay: 0.12s;
|
||||
}
|
||||
.card--3 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: 60%; left: 6%;
|
||||
width: clamp(140px, 12vw, 200px);
|
||||
height: clamp(220px, 21vw, 320px);
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.card--4 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: 88%; left: 36%;
|
||||
width: clamp(150px, 13vw, 210px);
|
||||
height: clamp(220px, 20vw, 300px);
|
||||
animation-delay: 0.28s;
|
||||
}
|
||||
.card--5 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: 14%; right: 21%;
|
||||
width: clamp(130px, 12vw, 200px);
|
||||
height: clamp(210px, 20vw, 300px);
|
||||
animation-delay: 0.16s;
|
||||
}
|
||||
.card--6 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: 6%; right: 2%;
|
||||
width: clamp(150px, 13vw, 220px);
|
||||
height: clamp(220px, 22vw, 320px);
|
||||
animation-delay: 0.08s;
|
||||
}
|
||||
.card--7 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: 52%; right: 1.5%;
|
||||
width: clamp(160px, 14vw, 230px);
|
||||
height: clamp(220px, 21vw, 310px);
|
||||
animation-delay: 0.24s;
|
||||
}
|
||||
.card--8 { background-image: url('data:image/jpeg;base64,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 truncated
|
||||
top: 86%; right: 14%;
|
||||
width: clamp(140px, 12vw, 200px);
|
||||
height: clamp(190px, 18vw, 280px);
|
||||
animation-delay: 0.32s;
|
||||
}
|
||||
|
||||
/* drift loops — three variants so cards don't all sync */
|
||||
.card[data-drift="a"] { animation: card-in 1.1s var(--ease) both, drift-a 14s ease-in-out 1.1s infinite; }
|
||||
.card[data-drift="b"] { animation: card-in 1.1s var(--ease) both, drift-b 17s ease-in-out 1.1s infinite; }
|
||||
.card[data-drift="c"] { animation: card-in 1.1s var(--ease) both, drift-c 19s ease-in-out 1.1s infinite; }
|
||||
|
||||
@keyframes drift-a {
|
||||
0%, 100% { transform: translate3d(0, 0, 0); }
|
||||
50% { transform: translate3d(0, -14px, 0); }
|
||||
}
|
||||
@keyframes drift-b {
|
||||
0%, 100% { transform: translate3d(0, 0, 0); }
|
||||
50% { transform: translate3d(-6px, 10px, 0); }
|
||||
}
|
||||
@keyframes drift-c {
|
||||
0%, 100% { transform: translate3d(0, 0, 0); }
|
||||
50% { transform: translate3d(8px, -10px, 0); }
|
||||
}
|
||||
|
||||
/* ---------- HERO (center) ---------- */
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
width: 100%;
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: flex; flex-direction: column; align-items: center; gap: 22px;
|
||||
}
|
||||
|
||||
.pill {
|
||||
display: inline-flex; align-items: center; gap: 12px;
|
||||
padding: 6px 14px 6px 8px;
|
||||
background: var(--pill);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-pill);
|
||||
font-size: 13px; color: var(--ink-2);
|
||||
transition: background .2s var(--ease), transform .2s var(--ease);
|
||||
opacity: 0; transform: translateY(8px);
|
||||
animation: fade-up .8s var(--ease) .15s forwards;
|
||||
}
|
||||
.pill:hover { background: var(--pill-2); }
|
||||
.pill b { font-weight: 600; color: var(--ink); }
|
||||
.pill-avatars { display: inline-flex; }
|
||||
.av {
|
||||
width: 22px; height: 22px; border-radius: 50%;
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
font-size: 11px; font-weight: 600; color: #fff;
|
||||
border: 2px solid var(--pill);
|
||||
margin-left: -8px;
|
||||
}
|
||||
.av:first-child { margin-left: 0; }
|
||||
.av-1 { background: linear-gradient(135deg, #ff7a59, #ff3d7f); }
|
||||
.av-2 { background: linear-gradient(135deg, #4f8cff, #6a3dff); }
|
||||
.av-3 { background: linear-gradient(135deg, #2bd4a4, #1a9b78); }
|
||||
.pill-arrow { width: 14px; height: 14px; opacity: 0.6; transition: transform .2s var(--ease); }
|
||||
.pill:hover .pill-arrow { transform: translateX(2px); opacity: 1; }
|
||||
|
||||
.headline {
|
||||
font-weight: 800;
|
||||
font-size: clamp(40px, 6.2vw, 84px);
|
||||
line-height: 1.08;
|
||||
letter-spacing: -0.01em; /* very slight tightening; Chinese stays at 0 visually */
|
||||
color: var(--ink);
|
||||
/* zh-Hans rendering tweaks */
|
||||
font-feature-settings: "palt" 1;
|
||||
opacity: 0; transform: translateY(14px);
|
||||
animation: fade-up 1s var(--ease) .3s forwards;
|
||||
}
|
||||
.headline br { /* used as 词断 marker; no extra space */ }
|
||||
|
||||
.subhead {
|
||||
font-size: clamp(15px, 1.25vw, 18px);
|
||||
line-height: 1.7;
|
||||
color: var(--ink-2);
|
||||
max-width: 32em;
|
||||
opacity: 0; transform: translateY(10px);
|
||||
animation: fade-up 1s var(--ease) .5s forwards;
|
||||
}
|
||||
|
||||
.waitlist-form {
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
padding: 6px; background: var(--pill);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-pill);
|
||||
width: min(460px, 92vw);
|
||||
margin-top: 4px;
|
||||
transition: border-color .2s var(--ease), background .2s var(--ease);
|
||||
opacity: 0; transform: translateY(10px);
|
||||
animation: fade-up 1s var(--ease) .7s forwards;
|
||||
}
|
||||
.waitlist-form:focus-within {
|
||||
border-color: var(--line-strong);
|
||||
background: var(--pill-2);
|
||||
}
|
||||
.waitlist-form input {
|
||||
flex: 1; min-width: 0;
|
||||
background: transparent; border: 0; outline: 0;
|
||||
color: var(--ink); font-size: 14.5px;
|
||||
padding: 10px 14px;
|
||||
}
|
||||
.waitlist-form input::placeholder { color: var(--ink-4); }
|
||||
.waitlist-form button {
|
||||
position: relative;
|
||||
padding: 11px 18px;
|
||||
background: var(--pill-2);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 999px;
|
||||
color: var(--ink);
|
||||
font-size: 13.5px; font-weight: 500;
|
||||
transition: background .2s var(--ease), transform .2s var(--ease);
|
||||
min-width: 96px;
|
||||
}
|
||||
.waitlist-form button:hover { background: #2c2c33; }
|
||||
.waitlist-form button:active { transform: scale(0.97); }
|
||||
.waitlist-form.is-submitting button .btn-text { opacity: 0; }
|
||||
.waitlist-form.is-submitting button .btn-loader {
|
||||
position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.btn-loader { display: none; }
|
||||
.waitlist-form.is-submitting .btn-loader {
|
||||
display: flex;
|
||||
border: 2px solid rgba(255,255,255,0.2);
|
||||
border-top-color: var(--ink);
|
||||
border-radius: 50%; width: 16px; height: 16px;
|
||||
margin: auto;
|
||||
animation: spin .8s linear infinite;
|
||||
position: absolute; inset: 0;
|
||||
}
|
||||
@keyframes spin { to { transform: rotate(360deg); } }
|
||||
.waitlist-form.is-success {
|
||||
border-color: rgba(110,231,163,0.3);
|
||||
background: rgba(110,231,163,0.05);
|
||||
}
|
||||
.waitlist-form.is-success button {
|
||||
background: rgba(110,231,163,0.15);
|
||||
border-color: rgba(110,231,163,0.3);
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.form-hint {
|
||||
font-size: 12.5px; color: var(--ink-4);
|
||||
margin-top: 2px; line-height: 1.6;
|
||||
opacity: 0; transform: translateY(8px);
|
||||
animation: fade-up 1s var(--ease) .85s forwards;
|
||||
}
|
||||
.form-hint a { color: var(--ink-3); text-decoration: underline; text-underline-offset: 2px; }
|
||||
.form-hint a:hover { color: var(--ink-2); }
|
||||
.form-hint.is-success { color: var(--green); }
|
||||
.form-hint.is-error { color: #ff7a8c; }
|
||||
|
||||
@keyframes fade-up {
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
/* ---------- FEATURES SECTION (scroll reveal) ---------- */
|
||||
|
||||
.features {
|
||||
position: relative; z-index: 5;
|
||||
max-width: 1080px;
|
||||
margin: clamp(80px, 14vh, 160px) auto 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.feature-head { text-align: center; max-width: 680px; margin: 0 auto 64px; }
|
||||
.eyebrow {
|
||||
display: inline-block; font-size: 12px; letter-spacing: 0.18em;
|
||||
color: var(--ink-3); text-transform: uppercase;
|
||||
padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.feature-title {
|
||||
font-size: clamp(28px, 4.2vw, 56px);
|
||||
line-height: 1.18; font-weight: 700; color: var(--ink);
|
||||
letter-spacing: -0.005em;
|
||||
}
|
||||
.feature-sub {
|
||||
margin-top: 18px; color: var(--ink-2); font-size: 16px; line-height: 1.75;
|
||||
}
|
||||
|
||||
.feature-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 18px;
|
||||
}
|
||||
.feat {
|
||||
padding: 28px 24px;
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.012));
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 18px;
|
||||
transition: border-color .2s var(--ease), transform .3s var(--ease), background .2s var(--ease);
|
||||
}
|
||||
.feat:hover {
|
||||
border-color: var(--line-strong);
|
||||
transform: translateY(-2px);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
|
||||
}
|
||||
.feat-num {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 12px; color: var(--ink-4); letter-spacing: 0.1em;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.feat h3 {
|
||||
font-size: 18px; font-weight: 600; color: var(--ink);
|
||||
margin-bottom: 10px; line-height: 1.4;
|
||||
}
|
||||
.feat p {
|
||||
font-size: 14.5px; color: var(--ink-2); line-height: 1.75;
|
||||
}
|
||||
|
||||
/* reveal on scroll */
|
||||
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
|
||||
.reveal.in { opacity: 1; transform: translateY(0); }
|
||||
|
||||
/* ---------- SECOND CTA ---------- */
|
||||
|
||||
.cta-band {
|
||||
position: relative; z-index: 5;
|
||||
max-width: 900px;
|
||||
margin: clamp(100px, 16vh, 180px) auto 80px;
|
||||
padding: 64px 32px;
|
||||
text-align: center;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 28px;
|
||||
background:
|
||||
radial-gradient(600px 220px at 50% 0%, rgba(255,255,255,0.04), transparent 70%),
|
||||
linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
|
||||
}
|
||||
.cta-band h2 {
|
||||
font-size: clamp(26px, 3.6vw, 44px);
|
||||
line-height: 1.25; font-weight: 700;
|
||||
letter-spacing: -0.005em;
|
||||
}
|
||||
.cta-band-btn {
|
||||
display: inline-block; margin-top: 28px;
|
||||
padding: 13px 22px; border-radius: 999px;
|
||||
background: var(--ink); color: #0a0a0b;
|
||||
font-size: 14px; font-weight: 600;
|
||||
transition: transform .2s var(--ease), background .2s var(--ease);
|
||||
}
|
||||
.cta-band-btn:hover { transform: translateY(-1px); background: #fff; }
|
||||
|
||||
/* ---------- FOOTER ---------- */
|
||||
|
||||
.foot {
|
||||
padding: 24px;
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
.foot-inner {
|
||||
max-width: 1200px; margin: 0 auto;
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
font-size: 13px; color: var(--ink-3);
|
||||
}
|
||||
.foot-links { display: flex; gap: 20px; }
|
||||
.foot a:hover { color: var(--ink-2); }
|
||||
|
||||
/* ---------- RESPONSIVE ---------- */
|
||||
|
||||
/* Tablet */
|
||||
@media (max-width: 1024px) {
|
||||
.nav { padding: 18px 24px; }
|
||||
.nav-links { gap: 20px; }
|
||||
/* hide some cards on tighter widths */
|
||||
.card--3, .card--7 { display: none; }
|
||||
.card--1 { left: 4%; }
|
||||
.card--6 { right: 4%; }
|
||||
.card--5 { display: none; }
|
||||
.card--2 { top: 12%; }
|
||||
.card--4 { left: 28%; }
|
||||
.card--8 { right: 6%; }
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media (max-width: 720px) {
|
||||
.nav { grid-template-columns: auto auto; padding: 14px 18px; }
|
||||
.nav-links { display: none; }
|
||||
.nav-cta { padding: 7px 12px; font-size: 12.5px; }
|
||||
|
||||
.stage { padding: 0 16px 24px; }
|
||||
.hero-zone { min-height: 600px; height: 100vh; max-height: 760px; padding-top: 70px; }
|
||||
.hero { gap: 18px; padding: 0 4px; }
|
||||
|
||||
.pill { font-size: 12px; padding: 5px 12px 5px 6px; }
|
||||
.headline { font-size: clamp(32px, 9vw, 44px); }
|
||||
.subhead { font-size: 14px; }
|
||||
.waitlist-form { width: 100%; }
|
||||
|
||||
/* show only 4 cards as corner peeks */
|
||||
.card--3, .card--5, .card--7, .card--8 { display: none; }
|
||||
.card--1 { top: -3%; left: -10%; width: 120px; height: 175px; }
|
||||
.card--2 { top: -3%; left: auto; right: -10%; width: 120px; height: 175px; animation-delay: .12s; }
|
||||
.card--4 { top: 92%; left: -10%; width: 130px; height: 180px; }
|
||||
.card--6 { top: 90%; right: -10%; width: 130px; height: 180px; }
|
||||
|
||||
.features { margin-top: 60px; padding: 0 16px; }
|
||||
.feature-head { margin-bottom: 36px; }
|
||||
.feature-grid { gap: 12px; }
|
||||
.cta-band { margin: 60px 16px 40px; padding: 44px 22px; border-radius: 22px; }
|
||||
.foot-inner { flex-direction: column; gap: 10px; }
|
||||
}
|
||||
|
||||
/* respect reduced motion */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.card, .pill, .headline, .subhead, .waitlist-form, .form-hint, .reveal {
|
||||
animation: none !important; transition: none !important;
|
||||
opacity: 1 !important; transform: none !important;
|
||||
}
|
||||
.card[data-drift] { animation: none !important; }
|
||||
.badge-dot { animation: none !important; }
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="nav">
|
||||
<a class="brand" href="#" aria-label="层云">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M3 14c1.5-2 4-3 6-3s4 1 6 1 4-1 6-1"/><path d="M3 10c1.5-2 4-3 6-3s4 1 6 1 4-1 6-1"/><path d="M3 18c1.5-2 4-3 6-3s4 1 6 1 4-1 6-1"/></svg>
|
||||
</span>
|
||||
<span class="brand-name">层云<span class="brand-name-en"> Strata</span></span>
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<a href="#">智能创作平台</a>
|
||||
<a href="#">关于团队</a>
|
||||
<a href="#" class="nav-join">加入我们</a>
|
||||
</div>
|
||||
<a class="nav-cta" href="#">预约一次演示</a>
|
||||
</nav>
|
||||
|
||||
<main class="stage">
|
||||
|
||||
<div class="hero-zone">
|
||||
<!-- floating video cards (positioned around perimeter of the hero, not the whole page) -->
|
||||
<div class="card card--1" data-drift="a">
|
||||
<video src="data:video/mp4;base64,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 truncated
|
||||
</div>
|
||||
<div class="card card--2" data-drift="b">
|
||||
<video src="data:video/mp4;base64,AAAAHGZ0eXBtcDQyAAAAAG1wNDJpc29tYXZjMQAAGFRtb292AAAAeG12aGQBAAAAAAAAAN/q6i4AAAAA3+rqLgAAAlgAAAAAAAAipAABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAX1HRyYWsAAABodGtoZAEAAAcAAAAA3+rqLgAAAADf6uouAAAAAQAAAAAAAAAAAAAipAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAA8AAAAaoAAAAAACxlZHRzAAAAJGVsc3QBAAAAAAAAAQAAAAAAACKkAAAAAAAAC7sAAQAAAAAXOG1kaWEAAAAsbWRoZAEAAAAAAAAA3+rqLgAAAADf6uouAAB1MAAAAAAABsQIVcQAAAAAADpoZGxyAAAAAAAAAAB2aWRlAAAAAAAAAAAAAAAAVmltZW8gQXJ0YXggVmlkZW8gSGFuZGxlcgAAABbKbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAWinN0YmwAAACyc3RzZAAAAAAAAAABAAAAomF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAA8AGqAEgAAABIAAAAAAAAAAEKQVZDIENvZGluZwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAAA5YXZjQwFkABX/4QAcZ2QAFaxWJDw3+SagwMDIAAADAAgAB1MAeLFsTAEABmjojssiwP34+AAAAAATY29scm5jbHgABgAGAAYAAAAAGHN0dHMAAAAAAAAAAQAAAbsAAAPpAAANOGN0dHMAAAAAAAABpQAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAATjQAAAAIAAAfSAAAAAQAAC7sAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABONAAAAAgAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABONAAAAAgAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAgAAC7sAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAAEAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAADAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAC7sAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABONAAAAAgAAB9IAAAABAAATjQAAAAIAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAC7sAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAE40AAAACAAAH0gAAAAEAABONAAAAAgAAB9IAAAABAAATjQAAAAIAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAC7sAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfLine truncated
|
||||
</div>
|
||||
<div class="card card--3" data-drift="c">
|
||||
<video src="data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAAAAG1wNDJtcDQxaXNvbWF2YzEAABUQbW9vdgAAAGxtdmhkAAAAANzRPOTc0TzkAAAAGQAAAWIAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAACFpb2RzAAAAABCAgIAQAE////9//w6AgIAEAAAAAQAAFHt0cmFrAAAAXHRraGQAAAAH3NE85NzRPOQAAAABAAAAAAAAAWIAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAhwAAAPAAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEAAAFiAAAAAgABAAAAABPzbWRpYQAAACBtZGhkAAAAANzRPOTc0TzkAAAAGQAAAWJVxAAAAAAANmhkbHIAAAAAAAAAAHZpZGUAAAAAAAAAAAAAAABMLVNNQVNIIFZpZGVvIEhhbmRsZXIAAAATlW1pbmYAAAAUdm1oZAAAAAEAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAE1VzdGJsAAAAs3N0c2QAAAAAAAAAAQAAAKNhdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAhwDwABIAAAASAAAAAAAAAABCkFWQyBDb2RpbmcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAAAOmF2Y0MBZAAf/+EAHWdkAB+sViQIgee+agwMDIAAAAMAgAAAGQeMGMTAAQAGaOiOyyLA/fj4AAAAABNjb2xybmNseAAGAAYABgAAAAAYc3R0cwAAAAAAAAABAAABYgAAAAEAAAp4Y3R0cwAAAAAAAAFNAAAAAQAAAAIAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABAAAAAIAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAEAAAAAgAAAAEAAAABAAAAAwAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAEAAAAAgAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAAAwAAAAEAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAACAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAAAwAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAEAAAAAgAAAAEAAAABAAAABAAAAAIAAAABAAAAAQAAAAIAAAABAAAABAAAAAIAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABAAAAAIAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAEAAAAAgAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAEAAAAAgAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAEAAAAAgAAAAEAAAABAAAABAAAAAIAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAQAAAACAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAIAAAACAAAAAQAAAAMAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABQAAAAEAAAACAAAAAQAAAAAAAAABAAAAAQAAAAEAAAAFAAAAAQAAAAIAAAABAAAAAAAAAAEAAAABAAAAAQAAAAUAAAABAAAAAgAAAAEAAAAAAAAAAQAAAAEAAAABAAAABAAAAAIAAAABAAAAJHN0c3MAAAAAAAAABQAAAAEAAABNAAAAmQAAAOUAAAExAAABbnNkdHAAAAAAppaWmpqWlpqalpaampaWmpaWmpqWlpqalpaalpqWlpqalpaampaWmpaWmpqWlpqalpaalpaampaWmpqWmpaWmpaWmpqWlpqalpaamqaWlpqalpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqWlpqWlpqmlpaalpaalpaampaWmpqWlpqWlpqWlpqWlpqalpaalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqWlpqWlpqWlpqappaWmpqWlpqWlpqalpaampaWmpqWlpqalpaalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalqaLine truncated
|
||||
</div>
|
||||
<div class="card card--4" data-drift="a">
|
||||
<video src="data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAAAAG1wNDJtcDQxaXNvbWF2YzEAABSwbW9vdgAAAGxtdmhkAAAAANzTDdfc0w3XAAB1MAAFMXQAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAACFpb2RzAAAAABCAgIAQAE////9//w6AgIAEAAAAAQAAFBt0cmFrAAAAXHRraGQAAAAH3NMN19zTDdcAAAABAAAAAAAFMXQAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAtAAAAVWAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEABTF0AAAH0gABAAAAABOTbWRpYQAAACBtZGhkAAAAANzTDdfc0w3XAAB1MAAFMXRVxAAAAAAANmhkbHIAAAAAAAAAAHZpZGUAAAAAAAAAAAAAAABMLVNNQVNIIFZpZGVvIEhhbmRsZXIAAAATNW1pbmYAAAAUdm1oZAAAAAEAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAEvVzdGJsAAAAsXN0c2QAAAAAAAAAAQAAAKFhdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAtAFVgBIAAAASAAAAAAAAAABCkFWQyBDb2RpbmcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAAAOGF2Y0MBZAAg/+EAHGdkACCs2YC0Ct+aagICAoAAAAMAgAB1MAeMGM0BAAVo6Xssi/34+AAAAAATY29scm5jbHgAAQABAAEAAAAAGHN0dHMAAAAAAAAAAQAAAVQAAAPpAAAKeGN0dHMAAAAAAAABTQAAAAEAAAfSAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAH0gAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAH0gAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAA+kAAAAAgAAA+kAAAACAAAH0gAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAD6QAAAACAAAD6QAAAAEAAA+kAAAAAgAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAH0gAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAPpAAAAAIAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAALuwAAAAEAAAPpAAAAAgAAB9IAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAD6QAAAACAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAACBzdHNzAAAAAAAAAAQAAAABAAAAWwAAALUAAAEPAAABYHNkdHAAAAAAppaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpaampaWmpqWlpqalpaampaWmpqWlpqalpaappaWlpqalpaampaWmpqWlpqalpaampaWmpqWlpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpaampaWmpqWlpqalpaampaWmpqWlpqalpaalpaappaalpaampaWmpqWlpqalpaampaWmpqWlpqalpaWmpqWlpqalpaampaWmpqWlpqalpaampaWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaalpaampaappaWlpqalpaampaWmpqWlpqalpaampaWmpaWmpqWlpqalpaampaWmpqLine truncated
|
||||
</div>
|
||||
<div class="card card--5" data-drift="b">
|
||||
<video src="data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAAAAG1wNDJtcDQxaXNvbWF2YzEAAA+ObW9vdgAAAGxtdmhkAAAAANwOU8XcDlPFAABdwAADqnAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAACFpb2RzAAAAABCAgIAQAE////9//w6AgIAEAAAAAQAADvl0cmFrAAAAXHRraGQAAAAH3A5TxdwOU8UAAAABAAAAAAADqnAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAhwAAAPAAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEAA6pwAAAH0gABAAAAAA5xbWRpYQAAACBtZGhkAAAAANwOU8XcDlPFAABdwAADqnBVxAAAAAAANmhkbHIAAAAAAAAAAHZpZGUAAAAAAAAAAAAAAABMLVNNQVNIIFZpZGVvIEhhbmRsZXIAAAAOE21pbmYAAAAUdm1oZAAAAAEAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAADdNzdGJsAAAAs3N0c2QAAAAAAAAAAQAAAKNhdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAhwDwABIAAAASAAAAAAAAAABCkFWQyBDb2RpbmcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAAAOmF2Y0MBZAAf/+EAHWdkAB+sViQIgee+agwMDIAAAAMAgABdwAeMGMTAAQAGaOiOyyLA/fj4AAAAABNjb2xybmNseAAGAAYABgAAAAAYc3R0cwAAAAAAAAABAAAA8AAAA+kAAAdgY3R0cwAAAAAAAADqAAAAAQAAB9IAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAD6QAAAACAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAAfSAAAAAQAAD6QAAAACAAAD6QAAAAEAAAu7AAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAC7sAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAPpAAAAAIAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAA+kAAAAAgAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAAA+kAAAAAgAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAAH0gAAAAEAAA+kAAAAAgAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAAQAAE40AAAABAAAH0gAAAAEAAAAAAAAAAQAAA+kAAAABAAATjQAAAAEAAAfSAAAAAQAAAAAAAAABAAAD6QAAAAEAABONAAAAAQAAB9IAAAABAAAAAAAAAAEAAAPpAAAAIHN0c3MAAAAAAAAABAAAAAEAAABJAAAAkQAAANkAAAD8c2R0cAAAAACmlpaampaWmpqWlpqalpaampaWmpqWlpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqmlpaalpqWlpqalpaampaWmpqWlpqalpaampaalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqWlpqalpaampaWmpqmlpqWlpqalpaampaWmpqWlpqWlpqalpaampaWmpqWlpqalpaampaWmpaWmpqWlpqalpaampaWmpqWlpqWlpqalpaampaWmpqmlpaalpaampaWmpqWlpqalpaampaWmpoAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAwAAAABAAAD1HN0c3oAAAAAAAAAAAAAAPAAAZS+AABB6AAACs0AAANQAAAB8wAARL0AAAh+AAAEKwAAAb8AAEJUAAAIfQAAA/UAAAHjAAA0OQAABd8AAAP/AAABzgAALUIAAAWOAAADkwAAAZ4AADDMAAADRAAAAf4AACjqAAAEbgAAAygAAAGnAAArswAABF0AAAMoAAABYQAALzAAAAMSAAABcAAAAXAAADcMAAADtQAAAYEAAAFTAAA6dQAAA0wAAAFoAAABigAARR4AAARnAAABywAAAcQAAEDOAAAFMAAAAbsAAAHLAABDFQAABa8AAAGxAAAB9gAAQb8AAAWbAAAB8wAAAioAAEA9AAAF0QAAAc4AAAI7AAA/JgAABt8AAAJ0AAACVwAASoYAAAbjAAACvgAAAfIAAekZAABW4gAABd4AAAQdAABRoQAAAfsAAFEvAAAMvQAAAocAAAKQAABNAwAACqYAAAKVAAACUAAARUcAAAnCAAACfwAAAn4AAENOAAAJBQAAAqcAAAMQAAA+2QAAB6YAAAJJAAACqAAAPScAAAHzAAA5IQAABc4AAAKqAAAChAAAOjAAAAVaAAAC6QAAAo8AADqNAAAFxgAAAtQAAAKiAABIGgAABVwAAAM5AAACjwAAO78AAAUzAAAC0AAAAfYAAD2SAAAGewAAApwAAAKGAAA54wAABMkAAAJmAAACBwAAO94AAAYSAAACxwAAAfYAADhBAAAFmgAAAp8AAAJ5AABBfwAAB5YAAAKEAAACngAAQEcAAAkrAAAC1wAAAtAAAcF4AABQEAAAAfUAAEvWAAAKVQAAAo4AAAMvAABSeAAADOwAAANDAAAC4AAAWm4AAA2PAAAD/gAAAuIAAFHkAAAEugAAA0cAAE0qAAALtAAAAbwAAAIYAABNcQAACoQAAAIQAAAB8AAAStwAAAggAAABzwAAAdgAAEXJAAAGoQAAAaQAAAF7AABDdQAABEwAAAGEAAABqAAARcQAAAKiAAABrgAARfAAAAO0AAABlAAAAWwAAElgAAAC8QAAAZIAAAFeAAA/0QAAA0YAAAG4AAABfAAAP3oAAAMRAAABfwAAAVgAAEG8AAACAwALine truncated
|
||||
</div>
|
||||
<div class="card card--6" data-drift="c">
|
||||
<video src="data:video/mp4;base64,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 truncated
|
||||
</div>
|
||||
<div class="card card--7" data-drift="a">
|
||||
<video src="data:video/mp4;base64,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 truncated
|
||||
</div>
|
||||
<div class="card card--8" data-drift="b">
|
||||
<video src="data:video/mp4;base64,AAAAHGZ0eXBtcDQyAAAAAG1wNDJpc29tYXZjMQAADsltb292AAAAeG12aGQBAAAAAAAAAN776DMAAAAA3vvoMwAAAlgAAAAAAAAXdgABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAOSXRyYWsAAABodGtoZAEAAAcAAAAA3vvoMwAAAADe++gzAAAAAQAAAAAAAAAAAAAXdgAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAACHAAAA8AAAAAAACxlZHRzAAAAJGVsc3QBAAAAAAAAAQAAAAAAABd2AAAAAAAAC7sAAQAAAAANrW1kaWEAAAAsbWRoZAEAAAAAAAAA3vvoMwAAAADe++gzAABdwAAAAAAAA6pwVcQAAAAAADpoZGxyAAAAAAAAAAB2aWRlAAAAAAAAAAAAAAAAVmltZW8gQXJ0YXggVmlkZW8gSGFuZGxlcgAAAA0/bWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAM/3N0YmwAAACzc3RzZAAAAAAAAAABAAAAo2F2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAACHAPAAEgAAABIAAAAAAAAAAEKQVZDIENvZGluZwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAAA6YXZjQwFkAB//4QAdZ2QAH6xWJAiB575qDAwMgAAAAwCAAF3AB4wYxMABAAZo6I7LIsD9+PgAAAAAE2NvbHJuY2x4AAYABgAGAAAAABhzdHRzAAAAAAAAAAEAAADwAAAD6QAABzhjdHRzAAAAAAAAAOUAAAABAAALuwAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAD6QAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAATjQAAAAIAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAPpAAAAAEAAAfSAAAAAQAAE40AAAACAAAH0gAAAAIAAAu7AAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAE40AAAACAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAXdgAAAAEAAAu7AAAAAQAAA+kAAAABAAAH0gAAAAEAABd2AAAAAQAAC7sAAAABAAAD6QAAAAEAAAfSAAAAAQAAF3YAAAABAAALuwAAAAEAAAPpAAAAAQAAB9IAAAABAAAX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 truncated
|
||||
</div>
|
||||
|
||||
<!-- center column -->
|
||||
<section class="hero">
|
||||
<a class="pill" href="#waitlist">
|
||||
<span class="pill-avatars" aria-hidden="true">
|
||||
<span class="av av-1">林</span>
|
||||
<span class="av av-2">姚</span>
|
||||
<span class="av av-3">川</span>
|
||||
</span>
|
||||
<span class="pill-text">已有<b> 820+ </b>位创作者加入候补</span>
|
||||
<svg class="pill-arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 4l4 4-4 4"/></svg>
|
||||
</a>
|
||||
|
||||
<h1 class="headline">
|
||||
你的创意系统。<br>终于到了。
|
||||
</h1>
|
||||
|
||||
<p class="subhead">
|
||||
我们正在悄悄进行内测,少量名额,先到先得。
|
||||
</p>
|
||||
|
||||
<form class="waitlist-form" id="waitlist" novalidate>
|
||||
<label class="sr-only" for="email">输入邮箱</label>
|
||||
<input id="email" type="email" inputmode="email" autocomplete="email" placeholder="输入你的邮箱" required>
|
||||
<button type="submit">
|
||||
<span class="btn-text">加入候补</span>
|
||||
<span class="btn-loader" aria-hidden="true"></span>
|
||||
</button>
|
||||
</form>
|
||||
<p class="form-hint" role="status" aria-live="polite">
|
||||
<span class="hint-default">提交即代表你同意我们的<a href="#">隐私政策</a>,名额释放时会用邮件通知你。</span>
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- secondary section (scroll reveal) -->
|
||||
<section class="features">
|
||||
<div class="feature-head">
|
||||
<span class="eyebrow">为什么是层云</span>
|
||||
<h2 class="feature-title">
|
||||
创意,不该被工具<br>切成一格一格。
|
||||
</h2>
|
||||
<p class="feature-sub">
|
||||
层云把灵感、素材、协作、发布串成一条河。<br>
|
||||
从一行想法到一支成片,留在同一片云里。
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-grid">
|
||||
<article class="feat">
|
||||
<div class="feat-num">01</div>
|
||||
<h3>一条河式工作流</h3>
|
||||
<p>素材、剪辑、配色、文案、字幕,都在同一张画布上往下走。不再来回切五个软件。</p>
|
||||
</article>
|
||||
<article class="feat">
|
||||
<div class="feat-num">02</div>
|
||||
<h3>会读你脑子的助手</h3>
|
||||
<p>把"想要的感觉"用大白话写出来,层云给你三个落地版本,挑一个继续改,或者全部丢掉重来。</p>
|
||||
</article>
|
||||
<article class="feat">
|
||||
<div class="feat-num">03</div>
|
||||
<h3>团队像在一张桌子上</h3>
|
||||
<p>评论钉在帧上,版本不再"最终_final_v8"。谁改了什么、为什么,整条河看得清。</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- second CTA -->
|
||||
<section class="cta-band">
|
||||
<h2>
|
||||
第一批名额,<br>留给会"看"的人。
|
||||
</h2>
|
||||
<a class="cta-band-btn" href="#waitlist">加入候补 →</a>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="foot">
|
||||
<div class="foot-inner">
|
||||
<span class="foot-brand">© 2026 层云 Strata</span>
|
||||
<div class="foot-links">
|
||||
<a href="#">条款</a>
|
||||
<a href="#">隐私</a>
|
||||
<a href="#">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// 层云 Strata — Waitlist interactions
|
||||
|
||||
(() => {
|
||||
// ---------- Waitlist form ----------
|
||||
const form = document.getElementById('waitlist');
|
||||
const input = form.querySelector('input[type="email"]');
|
||||
const button = form.querySelector('button');
|
||||
const hint = document.querySelector('.form-hint');
|
||||
const defaultHintHTML = hint.innerHTML;
|
||||
let counterStart = 820;
|
||||
|
||||
const setHint = (msg, state) => {
|
||||
hint.classList.remove('is-success', 'is-error');
|
||||
if (state) hint.classList.add(`is-${state}`);
|
||||
hint.innerHTML = msg;
|
||||
};
|
||||
|
||||
const validEmail = (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
|
||||
|
||||
form.addEventListener('submit', (e) => {
|
||||
e.preventDefault();
|
||||
if (form.classList.contains('is-success')) return;
|
||||
const email = input.value.trim();
|
||||
if (!validEmail(email)) {
|
||||
setHint('看起来这个邮箱地址不太对,再检查一下。', 'error');
|
||||
input.focus();
|
||||
return;
|
||||
}
|
||||
form.classList.add('is-submitting');
|
||||
button.disabled = true;
|
||||
|
||||
// simulate API
|
||||
setTimeout(() => {
|
||||
form.classList.remove('is-submitting');
|
||||
form.classList.add('is-success');
|
||||
const nextNum = counterStart + 1 + Math.floor(Math.random() * 3);
|
||||
button.querySelector('.btn-text').textContent = '✓ 已加入';
|
||||
setHint(
|
||||
`你是第 <b style="color:#fff">#${nextNum}</b> 位排队的人,名额释放时我们会通过邮件通知你。`,
|
||||
'success'
|
||||
);
|
||||
// tiny celebratory bump on the pill counter
|
||||
bumpPill(nextNum);
|
||||
}, 900);
|
||||
});
|
||||
|
||||
// ---------- Pill counter live bump ----------
|
||||
const pillText = document.querySelector('.pill-text');
|
||||
const bumpPill = (n) => {
|
||||
pillText.innerHTML = `已有<b> ${n}+ </b>位创作者加入候补`;
|
||||
pillText.animate(
|
||||
[{ transform: 'translateY(-2px)' }, { transform: 'translateY(0)' }],
|
||||
{ duration: 400, easing: 'cubic-bezier(0.22,0.61,0.36,1)' }
|
||||
);
|
||||
};
|
||||
|
||||
// ---------- Reveal-on-scroll for feature/cta sections ----------
|
||||
const revealTargets = document.querySelectorAll('.feature-head, .feat, .cta-band h2, .cta-band-btn');
|
||||
revealTargets.forEach((el, i) => {
|
||||
el.classList.add('reveal');
|
||||
el.style.transitionDelay = `${i * 60}ms`;
|
||||
});
|
||||
|
||||
if ('IntersectionObserver' in window) {
|
||||
const io = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((en) => {
|
||||
if (en.isIntersecting) {
|
||||
en.target.classList.add('in');
|
||||
io.unobserve(en.target);
|
||||
}
|
||||
});
|
||||
},
|
||||
{ rootMargin: '0px 0px -10% 0px', threshold: 0.12 }
|
||||
);
|
||||
revealTargets.forEach((el) => io.observe(el));
|
||||
} else {
|
||||
revealTargets.forEach((el) => el.classList.add('in'));
|
||||
}
|
||||
|
||||
// ---------- Card hover playback boost ----------
|
||||
// pause cards while user clearly isn't looking (tab hidden) to save battery
|
||||
document.addEventListener('visibilitychange', () => {
|
||||
document.querySelectorAll('.card video').forEach((v) => {
|
||||
if (document.hidden) v.pause();
|
||||
else v.play().catch(() => {});
|
||||
});
|
||||
});
|
||||
|
||||
// ---------- Subtle parallax on cards (desktop, non-touch) ----------
|
||||
const supportsHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
|
||||
const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||||
|
||||
if (supportsHover && !reduceMotion) {
|
||||
const cards = document.querySelectorAll('.card');
|
||||
let raf;
|
||||
let tx = 0, ty = 0;
|
||||
|
||||
const onMove = (e) => {
|
||||
const x = (e.clientX / window.innerWidth - 0.5) * 2; // -1..1
|
||||
const y = (e.clientY / window.innerHeight - 0.5) * 2;
|
||||
tx = x; ty = y;
|
||||
if (raf) return;
|
||||
raf = requestAnimationFrame(() => {
|
||||
cards.forEach((c, i) => {
|
||||
const depth = (i % 3 + 1) * 2.2; // px
|
||||
c.style.setProperty('--px', `${(-tx * depth).toFixed(2)}px`);
|
||||
c.style.setProperty('--py', `${(-ty * depth).toFixed(2)}px`);
|
||||
});
|
||||
raf = null;
|
||||
});
|
||||
};
|
||||
window.addEventListener('mousemove', onMove, { passive: true });
|
||||
|
||||
// layer the parallax onto the existing drift via translate
|
||||
const style = document.createElement('style');
|
||||
style.textContent = `
|
||||
.card { transition: translate .4s cubic-bezier(0.22,0.61,0.36,1); translate: var(--px,0) var(--py,0); }
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
|
||||
// ---------- Reset on input focus after success (let them try another) ----------
|
||||
input.addEventListener('focus', () => {
|
||||
if (form.classList.contains('is-success')) {
|
||||
form.classList.remove('is-success');
|
||||
button.disabled = false;
|
||||
button.querySelector('.btn-text').textContent = '加入候补';
|
||||
input.value = '';
|
||||
hint.innerHTML = defaultHintHTML;
|
||||
hint.classList.remove('is-success', 'is-error');
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user