:root{--card-w:320px;--card-h:480px;--qr-size:200px;--qr-quiet:28px;--qr-plate:calc(var(--qr-size) + var(--qr-quiet) * 2);--qr-offset-y:60px;--ink:#f3ecff;--ink-dim:#a99cc4;--rose:#ff9ec7;--violet:#9d7bff;--leaf:#6ee7a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#0a0713;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}.bg-glow{pointer-events:none;filter:blur(2px);background:radial-gradient(60vw 60vw at 18% 12%,#9d7bff47,#0000 62%),radial-gradient(50vw 50vw at 84% 78%,#ff9ec738,#0000 60%),radial-gradient(70vw 40vw at 50% 108%,#6ee7a81f,#0000 65%);position:fixed;inset:0}.page{grid-template-rows:auto 1fr auto;gap:24px;max-width:1080px;min-height:100vh;margin:0 auto;padding:48px 24px 32px;display:grid;position:relative}.page__head{text-align:center;max-width:620px;margin:0 auto}.page__eyebrow{letter-spacing:.42em;color:var(--ink-dim);margin:0 0 10px;font-size:11px}.page__title{letter-spacing:.06em;background:linear-gradient(100deg, #fff 10%, var(--rose) 52%, var(--violet) 92%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(30px,5vw,46px);font-weight:800}.page__lead{color:var(--ink-dim);margin:0;font-size:14px;line-height:1.85}.page__foot{text-align:center;color:var(--ink-dim);font-size:12px}.page__foot-label{letter-spacing:.3em;opacity:.7;margin:0 0 6px;font-size:10px}.page__foot-url{overflow-wrap:anywhere;max-width:90vw;color:var(--ink);background:#f3ecff0d;border:1px solid #f3ecff29;border-radius:999px;padding:7px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-decoration:none;transition:border-color .2s,background .2s;display:inline-block}.page__foot-url:hover{background:#ff9ec71a;border-color:#ff9ec799}.page__foot-note{opacity:.55;margin:10px 0 0;font-size:11px}.stage{perspective:1200px;perspective-origin:50% 45%;touch-action:none;min-height:calc(var(--card-h) + 120px);place-items:center;display:grid;position:relative}.card{width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;cursor:grab;will-change:transform;-webkit-user-select:none;user-select:none;position:relative}.card.is-dragging{cursor:grabbing}.card__face{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,0 24px 60px #0000008c}.card__face--front{background:radial-gradient(120% 80% at 50% -10%,#ff9ec759,#0000 60%),radial-gradient(100% 70% at 10% 110%,#6ee7a838,#0000 62%),linear-gradient(158deg,#2a1c48 0%,#171029 55%,#241540 100%)}.card__face--back{background:radial-gradient(110% 80% at 50% 110%,#9d7bff66,#0000 62%),linear-gradient(200deg,#1d1433 0%,#120c22 60%,#2a1a3f 100%);transform:rotateY(180deg)}.card__frame{z-index:1;position:absolute;inset:0}.card__corner{border:1px solid #ff9ec773;width:22px;height:22px;position:absolute}.card__corner--tl{border-bottom:0;border-right:0;border-top-left-radius:8px;top:14px;left:14px}.card__corner--tr{border-bottom:0;border-left:0;border-top-right-radius:8px;top:14px;right:14px}.card__corner--bl{border-top:0;border-right:0;border-bottom-left-radius:8px;bottom:14px;left:14px}.card__corner--br{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:14px;right:14px}.card__brand{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:34px;left:0;right:0}.card__brand-mark{background:var(--rose);width:7px;height:7px;box-shadow:0 0 12px var(--rose);border-radius:50%}.card__brand-text{letter-spacing:.34em;color:#f3ecffb8;font-size:9px}.card__headline{text-align:center;letter-spacing:.1em;background:linear-gradient(120deg, #fff, var(--rose) 70%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px;font-weight:800;line-height:1.18;position:absolute;top:62px;left:0;right:0}.card__qr{left:50%;top:calc(50% + var(--qr-offset-y));z-index:3;width:var(--qr-plate);height:var(--qr-plate);padding:var(--qr-quiet);background:#fff;border-radius:10px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 26px #00000059}.card__qr svg{width:var(--qr-size);height:var(--qr-size);shape-rendering:crispedges;display:block}.card__qr-fallback{color:#7c7391;letter-spacing:.1em;font-size:11px}.card__hint{text-align:center;letter-spacing:.2em;color:#f3ecffb3;margin:0;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.card__frame--back{place-content:center;gap:26px;display:grid}.card__petals{width:150px;height:150px;margin:0 auto;position:relative}.card__petals span{transform-origin:50% 100%;opacity:.75;background:linear-gradient(#ff9ec7bf,#9d7bff40);border-radius:50% 50% 46% 46%/62% 62% 38% 38%;width:34px;height:82px;margin:-82px 0 0 -17px;position:absolute;top:50%;left:50%}.card__petals span:first-child{transform:rotate(0)}.card__petals span:nth-child(2){transform:rotate(45deg)}.card__petals span:nth-child(3){transform:rotate(90deg)}.card__petals span:nth-child(4){transform:rotate(135deg)}.card__petals span:nth-child(5){transform:rotate(180deg)}.card__petals span:nth-child(6){transform:rotate(225deg)}.card__petals span:nth-child(7){transform:rotate(270deg)}.card__petals span:nth-child(8){transform:rotate(315deg)}.card__back-text{text-align:center;letter-spacing:.28em;color:#f3ecffe6;margin:0;font-size:20px;font-weight:700;line-height:1.6}.card__back-sub{text-align:center;letter-spacing:.24em;color:#f3ecff73;margin:0;font-size:10px}.card__sheen{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(var(--sheen-angle,110deg), transparent 32%, #ffffff6b 48%, #ffd6ec3d 56%, transparent 72%);mix-blend-mode:soft-light;position:absolute;inset:0}.stage__shadow{left:50%;top:calc(50% + var(--card-h) / 2 + 26px);width:calc(var(--card-w) * .86);filter:blur(8px);will-change:transform, opacity;background:radial-gradient(closest-side,#0000009e,#0000);border-radius:50%;height:30px;position:absolute;transform:translate(-50%,-50%)}.stage__tip{text-align:center;letter-spacing:.28em;color:#f3ecff6b;margin:0;font-size:11px;transition:opacity .4s;position:absolute;bottom:6px;left:0;right:0}.stage__tip.is-hidden{opacity:0}@media (width<=480px){.page{padding:30px 16px 24px}.stage{min-height:calc(var(--card-h) + 80px)}}