:root{--bg: #070b14;--bg-elevated: #0c1220;--surface: #121a2b;--surface-2: #182236;--surface-3: #1e2a42;--text: #f1f5f9;--secondary: #b6c2d6;--muted: #8490a8;--faint: #5c6a84;--accent: #38bdf8;--accent-2: #818cf8;--accent-bright: #7dd3fc;--accent-dim: rgba(56, 189, 248, .14);--accent-ink: #0a1628;--link: #7dd3fc;--link-hover: #bae6fd;--ok: #34d399;--warn: #fbbf24;--danger: #f87171;--magenta: #f472b6;--amber: #fbbf24;--cyan: #22d3ee;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--glow: rgba(56, 189, 248, .28);--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--wrap: min(1100px, calc(100% - 2.5rem) );--wrap-wide: min(1180px, calc(100% - 2.5rem) );--ease: .16s cubic-bezier(.22, 1, .36, 1);--header-h: 3.6rem;--measure: 64ch}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;overflow-x:clip}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(780px 420px at 48% -12%,rgba(56,189,248,.1),transparent 58%),radial-gradient(560px 360px at 92% 18%,rgba(129,140,248,.1),transparent 55%),var(--bg)}a{color:var(--link);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:.16em}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:var(--wrap);max-width:100%;margin-inline:auto}.wrap-wide{width:var(--wrap-wide);max-width:100%;margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;min-height:var(--header-h);border-bottom:1px solid var(--border);background:#070b14eb;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.header-inner{min-height:var(--header-h);display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.55rem 0}.logo{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-weight:700;font-size:.98rem;letter-spacing:-.03em;text-decoration:none;flex-shrink:0}.logo:hover{color:var(--text);text-decoration:none}.logo img{width:1.7rem;height:1.7rem;border-radius:8px;border:1px solid var(--border)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 1rem;margin-inline:auto}.nav>a{color:var(--secondary);font-size:.9rem;font-weight:500;text-decoration:none;padding:.2rem 0}.nav>a:hover,.nav>a[aria-current=page]{color:var(--text);text-decoration:none}.header-end{display:flex;align-items:center;gap:.65rem;margin-left:auto}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}.lang-opt{padding:.28rem .55rem;font-size:.75rem;font-weight:600;color:var(--muted);text-decoration:none}.lang-opt:hover{color:var(--text);text-decoration:none}.lang-opt.is-on{background:var(--accent-dim);color:var(--accent-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:999px;font-weight:650;font-size:.95rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--ease),background var(--ease),box-shadow var(--ease)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#061018;box-shadow:0 8px 28px var(--glow)}.btn-primary:hover{color:#061018;box-shadow:0 12px 36px var(--glow)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.site-footer{margin-top:4rem;border-top:1px solid var(--border);padding:2.5rem 0 2rem;color:var(--muted);font-size:.9rem}.footer-grid{display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr 1fr 1fr}@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.footer-grid{grid-template-columns:1fr}.nav{width:100%;order:3}.header-end{margin-left:0}}.footer-grid h3{margin:0 0 .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}.footer-grid a{color:var(--muted);display:block;margin-bottom:.35rem}.footer-grid a:hover{color:var(--text)}.disclaimer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--faint);max-width:78ch}.hero{padding:3.5rem 0 2rem;text-align:center}.hero .eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(56,189,248,.28);color:var(--accent-bright);font-size:.8rem;font-weight:600;margin-bottom:1.1rem}.hero h1{margin:0 0 .85rem;font-size:clamp(2rem,5vw,3.05rem);line-height:1.12;letter-spacing:-.035em;font-weight:780}.hero h1 .grad{background:linear-gradient(120deg,#7dd3fc,#a5b4fc 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede{margin:0 auto 1.6rem;max-width:44rem;color:var(--secondary);font-size:1.1rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.section{padding:2.5rem 0}.section h2{margin:0 0 .5rem;font-size:clamp(1.45rem,3vw,1.85rem);letter-spacing:-.025em}.section .sub{color:var(--muted);margin:0 0 1.5rem;max-width:56ch}.page-head{padding:2.5rem 0 .5rem}.page-head h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);max-width:52ch}.card-grid{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.3rem;box-shadow:var(--shadow)}.card h3{margin:0 0 .45rem;font-size:1.05rem}.card p{margin:0;color:var(--secondary);font-size:.95rem}.template-wall{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.template-wall{grid-template-columns:1fr}}.template-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:border-color var(--ease),transform var(--ease)}.template-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.template-preview{aspect-ratio:9 / 14;max-height:280px;display:flex;align-items:flex-end;justify-content:center;padding:1rem;position:relative;border-bottom:1px solid var(--border)}.template-preview.magenta{background:linear-gradient(160deg,rgba(244,114,182,.22),transparent 50%),linear-gradient(20deg,rgba(168,85,247,.18),var(--surface-2))}.template-preview.amber{background:linear-gradient(160deg,rgba(251,191,36,.2),transparent 50%),linear-gradient(20deg,rgba(245,158,11,.12),var(--surface-2))}.template-preview.cyan{background:linear-gradient(160deg,rgba(34,211,238,.2),transparent 50%),linear-gradient(20deg,rgba(56,189,248,.12),var(--surface-2))}.template-preview .dur{position:absolute;top:.85rem;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--secondary);background:#0006;padding:.2rem .55rem;border-radius:999px}.template-body{padding:1.15rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.65rem;flex:1}.template-body h3{margin:0;font-size:1.15rem;letter-spacing:-.02em}.template-body .alias{font-size:.78rem;color:var(--muted)}.template-body p{margin:0;color:var(--secondary);font-size:.92rem;flex:1}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:650;background:var(--accent-dim);color:var(--accent-bright);border:1px solid rgba(56,189,248,.25)}.badge.photos-2{background:#fbbf241f;color:#fcd34d;border-color:#fbbf244d}.template-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.checklist{list-style:none;padding:0;margin:0}.checklist li{position:relative;padding:.65rem 0 .65rem 1.85rem;border-bottom:1px solid var(--border);color:var(--secondary)}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}.callout{border-radius:var(--radius);padding:1rem 1.15rem;border:1px solid var(--border);background:var(--surface);margin-bottom:1.25rem;font-size:.95rem;color:var(--secondary)}.callout.warn{border-color:#fbbf2459;background:#fbbf2414;color:#fde68a}.callout.info{border-color:#38bdf84d;background:#38bdf814}.callout strong{color:var(--text)}.credits-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);font-size:.92rem}.studio{display:grid;gap:1.25rem;grid-template-columns:1.2fr .9fr}@media(max-width:820px){.studio{grid-template-columns:1fr}}.upload-zone{display:block;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:1.5rem;text-align:center;cursor:pointer;min-height:200px;position:relative}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone .hint{color:var(--muted);font-size:.85rem;margin-top:.4rem}.preview-img{max-width:100%;max-height:280px;border-radius:var(--radius-sm);display:block;margin:0 auto}.upload-slots{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;overflow:hidden;text-align:center;padding:.75rem}.slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.slot-label{color:var(--secondary);font-size:.9rem;pointer-events:none}.slot-label small{color:var(--muted)}.slot.has-file{border-style:solid;border-color:#38bdf866;background-size:cover;background-position:center}.slot.has-file .slot-label{display:none}.status-box{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font-family:var(--mono);font-size:.78rem;white-space:pre-wrap;color:var(--secondary)}.status-box.cfg{border-color:#38bdf859}.status-box.err{border-color:#f8717173;color:#fecaca}.status-box.ok{border-color:#34d39973;color:#a7f3d0}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.3rem;position:relative}.price-card.popular{border-color:#38bdf873;box-shadow:0 0 0 1px #38bdf833,var(--shadow)}.price-card .amount{font-size:2rem;font-weight:780;letter-spacing:-.03em;margin:.4rem 0}.price-card .meta{color:var(--muted);font-size:.88rem}.table-wrap{overflow-x:auto;margin:1rem 0 1.5rem}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;background:var(--surface)}td{color:var(--secondary)}td strong,th{color:var(--text)}.faq details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:.85rem 1.05rem;margin-bottom:.65rem}.faq summary{cursor:pointer;font-weight:650;color:var(--text)}.faq details[open] summary{margin-bottom:.55rem}.faq details p{margin:.4rem 0;color:var(--secondary);font-size:.95rem}.prose{max-width:var(--measure)}.prose.wide,.prose.wrap{max-width:none}.prose h1{margin-top:0;letter-spacing:-.03em}.prose h2{margin-top:2rem;letter-spacing:-.02em}.prose h3{margin-top:1.4rem}.prose p,.prose li{color:var(--secondary)}.prose .meta{color:var(--muted);font-size:.88rem}.prose ul,.prose ol{padding-left:1.25rem}.blog-list{display:grid;gap:1rem}.blog-item{display:block;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit}.blog-item:hover{border-color:var(--border-strong);text-decoration:none}.blog-item h3{margin:0 0 .35rem;color:var(--text)}.blog-item p{margin:0;color:var(--muted);font-size:.92rem}.blog-item .meta{font-size:.8rem;color:var(--faint);margin-bottom:.35rem}.steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));counter-reset:step}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.2rem;position:relative}.step:before{counter-increment:step;content:counter(step);display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-dim);color:var(--accent-bright);font-weight:700;font-size:.85rem;margin-bottom:.65rem}.step h3{margin:0 0 .35rem;font-size:1rem}.step p{margin:0;color:var(--muted);font-size:.9rem}code{font-family:var(--mono);font-size:.86em;background:var(--surface-2);padding:.1em .35em;border-radius:5px}