:root{--wine:#51152f;--wine2:#782647;--rose:#ef7d8d;--blush:#f7d8d8;--cream:#fff8f4;--paper:#fffdf9;--gold:#b48b4c;--ink:#321d25;--muted:#7c6870;--line:rgba(81,21,47,.16);--shadow:0 24px 70px rgba(69,22,40,.13)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body{overflow-x:hidden;background-image:linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)),radial-gradient(circle at 8% 3%,rgba(239,125,141,.19),transparent 24%),radial-gradient(circle at 94% 76%,rgba(180,139,76,.11),transparent 25%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}
button,input{font:inherit}.app-shell{position:relative;width:100%;min-height:100vh;min-height:100dvh}.screen{display:none;min-height:100vh;min-height:100dvh}.screen.is-active{display:flex}.ambient i{position:fixed;border:1px solid rgba(81,21,47,.08);border-radius:50%;pointer-events:none}.ambient i:nth-child(1){width:240px;height:240px;left:-130px;top:22%}.ambient i:nth-child(2){width:340px;height:340px;right:-230px;top:52%}.ambient i:nth-child(3){width:110px;height:110px;right:-45px;top:12%}
.welcome{max-width:600px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 24px calc(26px + env(safe-area-inset-bottom));flex-direction:column}.topline,.result-top{display:flex;align-items:center;justify-content:space-between}.brand{font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;color:var(--wine)}.brand span{color:var(--rose);font-size:14px}.date-mark{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:10px;letter-spacing:.08em;color:var(--wine);background:rgba(255,255,255,.4)}
.hero-visual{height:240px;position:relative;display:grid;place-items:center;margin:8px 0 2px}.moon{width:148px;height:148px;border-radius:50%;background:linear-gradient(145deg,#fff8ef 15%,#efcbd0 82%);position:relative;box-shadow:inset -18px -15px 35px rgba(101,35,59,.09),0 22px 45px rgba(81,21,47,.13)}.moon:after{content:"七夕";position:absolute;inset:0;display:grid;place-items:center;font-family:STKaiti,KaiTi,serif;font-size:38px;letter-spacing:.13em;color:var(--wine);transform:translateX(3px)}.moon-glow{position:absolute;inset:-14px;border:1px solid rgba(180,139,76,.35);border-radius:50%}.ribbon{position:absolute;border:1px solid var(--wine);background:var(--wine);color:#fff9f5;font:700 9px ui-monospace,monospace;letter-spacing:.2em;padding:7px 20px;box-shadow:0 8px 22px rgba(81,21,47,.13)}.ribbon-a{left:8%;top:56px;transform:rotate(-12deg)}.ribbon-b{right:7%;bottom:54px;transform:rotate(10deg);background:var(--paper);color:var(--wine)}.pearl{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#ebcdd0 60%,#ba8792);box-shadow:0 6px 16px rgba(81,21,47,.15)}.pearl-a{width:21px;height:21px;right:18%;top:34px}.pearl-b{width:11px;height:11px;left:17%;bottom:39px}.heart-line{position:absolute;font:300 50px/1 Georgia,serif;color:var(--rose);right:20%;top:74px;transform:rotate(12deg)}
.hero-copy{position:relative}.eyebrow{font:800 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--gold);margin:0 0 11px}.welcome h1,.result h1{font-family:STSong,Songti SC,serif;font-size:clamp(38px,10.2vw,57px);font-weight:800;line-height:1.14;letter-spacing:-.045em;margin:0;color:var(--wine)}.welcome h1 em,.result h1 em{font-style:normal;color:var(--rose);position:relative}.welcome h1 em:after{content:"";position:absolute;left:3%;right:0;bottom:-3px;height:6px;background:rgba(239,125,141,.24);border-radius:50%;transform:rotate(-2deg)}.intro{font-size:14px;line-height:1.8;color:var(--muted);margin:17px 0 20px;max-width:470px}.name-field{display:block;margin-bottom:13px;position:relative}.name-field span{display:block;font-size:11px;font-weight:700;color:var(--wine);margin:0 0 7px 3px}.name-field input{width:100%;height:55px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.76);padding:0 17px;outline:none;font-size:16px;color:var(--ink);box-shadow:inset 0 1px 0 #fff}.name-field input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(81,21,47,.06)}
.primary-btn,.secondary-btn{width:100%;min-height:58px;border-radius:14px;cursor:pointer}.primary-btn{border:1px solid var(--wine);background:var(--wine);color:white;padding:0 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 28px rgba(81,21,47,.2);font-weight:800}.primary-btn b{font:700 9px ui-monospace,monospace;letter-spacing:.08em;opacity:.72}.primary-btn:active{transform:translateY(2px);box-shadow:0 5px 15px rgba(81,21,47,.18)}.secondary-btn{border:1px solid var(--line);background:rgba(255,255,255,.35);color:var(--wine);font-weight:700}.trust-row{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:10px;margin-top:15px}.trust-row i{width:3px;height:3px;border-radius:50%;background:var(--rose)}
.quiz{max-width:700px;margin:auto;flex-direction:column;padding:env(safe-area-inset-top) 20px calc(20px + env(safe-area-inset-bottom))}.quiz-header{display:flex;align-items:center;gap:12px;padding:18px 0 10px}.icon-btn{border:0;background:transparent;width:38px;height:38px;padding:0;font-size:22px;color:var(--wine);cursor:pointer}.close-btn{font-size:25px}.progress-wrap{flex:1}.progress-meta{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.progress-meta>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--gold)}.progress-meta strong{font:800 19px ui-monospace,monospace;color:var(--wine)}.progress-meta small{font-size:9px;color:var(--muted)}.progress-track{height:3px;background:rgba(81,21,47,.11);border-radius:9px;overflow:hidden}.progress-track span{display:block;width:5%;height:100%;background:linear-gradient(90deg,var(--wine),var(--rose));border-radius:9px;transition:width .35s ease}.question-card{flex:1;display:flex;flex-direction:column;justify-content:center;padding:12px 0 25px}.question-ornament{height:73px;display:flex;align-items:center;margin-bottom:20px}.question-ornament span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f8d6d8,#fffaf5);border:1px solid rgba(81,21,47,.2);color:var(--wine);font:300 28px Georgia,serif;box-shadow:0 12px 30px rgba(81,21,47,.1)}.question-ornament i{height:1px;flex:1;background:linear-gradient(90deg,rgba(81,21,47,.22),transparent);margin-left:13px}.question-hint{font:700 9px ui-monospace,monospace;letter-spacing:.16em;color:var(--rose);margin:0 0 9px}.question-card h2{font-family:STSong,Songti SC,serif;font-size:clamp(27px,7.5vw,40px);font-weight:800;line-height:1.32;letter-spacing:-.025em;color:var(--wine);margin:0 0 25px}.answers{display:grid;gap:10px}.answer-btn{min-height:61px;text-align:left;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.82);color:var(--ink);padding:13px 46px 13px 17px;position:relative;font-size:14px;line-height:1.45;cursor:pointer;box-shadow:0 7px 20px rgba(81,21,47,.035);transition:.15s ease}.answer-btn:after{content:'○';position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--rose)}.answer-btn:active,.answer-btn.selected{border-color:var(--wine);background:var(--blush);transform:scale(.988)}.answer-btn.selected:after{content:'●';color:var(--wine)}.quiz-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font:700 8px ui-monospace,monospace;letter-spacing:.12em}
.result{max-width:700px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(36px + env(safe-area-inset-bottom));flex-direction:column}.result-top{margin-bottom:56px}.text-btn{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:var(--wine);cursor:pointer}.result-hero{position:relative;padding-bottom:28px}.result-stamp{position:absolute;right:0;top:-16px;width:64px;height:64px;border:1px solid rgba(180,139,76,.55);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--gold);font:700 9px/1.5 serif;transform:rotate(9deg)}.result-stamp b{letter-spacing:.18em;font-size:8px}.result h1{font-size:clamp(33px,9vw,53px);padding-right:28px}.result h1 em{display:inline-block;margin-top:4px}.result-summary{font-size:14px;line-height:1.82;color:var(--muted);margin:18px 0 13px}.confidence{display:inline-flex;align-self:flex-start;border:1px solid rgba(180,139,76,.35);background:#fff8e8;color:#846229;padding:7px 10px;border-radius:99px;font-size:10px;font-weight:800}.result-card{background:rgba(255,253,249,.9);border:1px solid var(--line);border-radius:18px;padding:19px;margin-bottom:13px;box-shadow:0 16px 45px rgba(81,21,47,.07)}.card-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.card-heading span{font-family:STSong,Songti SC,serif;font-size:18px;font-weight:800;color:var(--wine)}.card-heading small{font:700 8px ui-monospace,monospace;letter-spacing:.13em;color:var(--gold)}.bar-row{display:grid;grid-template-columns:78px 1fr 34px;gap:9px;align-items:center;margin:14px 0;font-size:11px;font-weight:700}.bar-track{height:7px;background:rgba(81,21,47,.08);border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--wine),var(--rose));border-radius:20px}.bar-row:nth-child(2) .bar-fill{background:linear-gradient(90deg,#b48b4c,#e2c287)}.bar-row:nth-child(3) .bar-fill{background:linear-gradient(90deg,#a56a78,#dba9b1)}.bar-row strong{text-align:right;color:var(--wine)}.gift-card{padding-bottom:8px}.gift-item{display:grid;grid-template-columns:39px 1fr;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line)}.gift-item:last-child{border-bottom:0}.gift-rank{width:36px;height:36px;border-radius:50%;border:1px solid rgba(81,21,47,.18);display:grid;place-items:center;color:var(--wine);font:800 11px Georgia,serif;background:#fff9f5}.gift-item:first-child .gift-rank{background:var(--wine);color:white}.gift-item h3{font-size:14px;color:var(--wine);margin:0 0 5px}.gift-item p{font-size:11.5px;line-height:1.65;color:var(--muted);margin:0}.formula-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;border-radius:18px;background:var(--wine);color:white;padding:18px;margin-bottom:13px;box-shadow:0 15px 35px rgba(81,21,47,.18)}.formula-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;color:#f2c8ce}.formula-card small{font-size:9px;letter-spacing:.1em;color:#e6c2cb}.formula-card p{font-size:12px;line-height:1.65;margin:5px 0 0}.warning-card{background:#fff5f2}.warning-card p{font-size:12px;line-height:1.72;color:var(--muted);margin:0}.share-note{text-align:center;font-family:STSong,Songti SC,serif;font-size:13px;color:var(--wine);margin:21px 0 13px}.actions{display:grid;gap:10px}.disclaimer{text-align:center;font-size:9px;line-height:1.6;color:var(--muted);margin:17px 15px}.toast{position:fixed;z-index:5;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%,18px);background:var(--wine);color:white;padding:11px 16px;border-radius:99px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;box-shadow:0 12px 25px rgba(81,21,47,.25)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:720px){.app-shell{padding:24px}.screen{min-height:calc(100vh - 48px);border:1px solid rgba(81,21,47,.09);border-radius:28px;background:rgba(255,248,244,.72);box-shadow:var(--shadow)}.welcome,.quiz,.result{padding-left:42px;padding-right:42px}.answers{grid-template-columns:1fr 1fr}.answer-btn{min-height:76px}.hero-visual{height:260px}.result{padding-top:35px}}
@media (max-height:700px){.hero-visual{height:180px}.moon{width:120px;height:120px}.moon:after{font-size:31px}.welcome h1{font-size:35px}.intro{margin:12px 0 14px;line-height:1.6}.ribbon-a{top:37px}.ribbon-b{bottom:31px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* 最后一题后的恶搞揭晓 */
.prank-result{max-width:700px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));align-items:stretch;justify-content:center;overflow:hidden}.result-loading{width:100%;margin:auto}.loading-orbit{width:164px;height:164px;margin:55px auto 46px;border:1px solid rgba(81,21,47,.22);border-radius:50%;display:grid;place-items:center;position:relative;animation:spin 5s linear infinite}.loading-orbit:before,.loading-orbit:after{content:"";position:absolute;border:1px solid rgba(239,125,141,.35);border-radius:50%}.loading-orbit:before{inset:18px}.loading-orbit:after{inset:-13px}.loading-orbit span{font:300 54px Georgia,serif;color:var(--rose);animation:pulse 1.2s ease-in-out infinite}.loading-orbit i{position:absolute;width:11px;height:11px;background:var(--wine);border-radius:50%;top:7px;left:27px;box-shadow:97px 124px 0 var(--gold)}.result-loading h1{text-align:center;font-size:clamp(35px,9vw,50px);padding:0}.result-loading .eyebrow{text-align:center}.fake-steps{max-width:330px;margin:35px auto 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.fake-steps p{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin:10px 0}.fake-steps span{color:#589261;font-weight:900}.fake-steps .pending span{color:var(--rose)}.loading-track{height:4px;background:rgba(81,21,47,.1);border-radius:8px;overflow:hidden}.loading-track span{display:block;height:100%;width:86%;background:linear-gradient(90deg,var(--wine),var(--rose));animation:loadfake 2.2s ease-in-out forwards}.result-loading>small{display:block;text-align:center;margin-top:10px;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.1em}.prank-reveal{display:none;text-align:center;width:100%;margin:auto;animation:slam .45s cubic-bezier(.18,.85,.3,1.3)}.prank-reveal.is-visible{display:block}.prank-tape{margin:0 -50px 31px;padding:8px;background:var(--wine);color:white;font:800 9px ui-monospace,monospace;letter-spacing:.18em;transform:rotate(-3deg);white-space:nowrap}.dog-face{width:120px;height:120px;margin:0 auto 20px;border:2px solid var(--wine);border-radius:46% 46% 48% 48%;background:#f5c8ab;display:grid;place-items:center;position:relative;box-shadow:8px 8px 0 var(--rose);transform:rotate(-2deg)}.dog-face b{font-size:70px;position:relative;z-index:2}.dog-face .ear{position:absolute;width:43px;height:65px;background:#a86149;border:2px solid var(--wine);top:-20px;z-index:0}.dog-face .left{left:-10px;border-radius:35px 10px 30px 15px;transform:rotate(-24deg)}.dog-face .right{right:-10px;border-radius:10px 35px 15px 30px;transform:rotate(24deg)}.prank-kicker{font:800 10px ui-monospace,monospace;letter-spacing:.14em;color:var(--gold);margin:0 0 9px}.prank-reveal h1{font-size:clamp(40px,12vw,66px);padding:0;margin:0 0 4px;color:var(--wine)}.prank-reveal h2{font-family:STSong,Songti SC,serif;font-size:clamp(30px,8.6vw,47px);line-height:1.2;margin:0;color:var(--ink)}.prank-reveal h2 em{font-style:normal;color:var(--rose);text-decoration:underline;text-decoration-thickness:5px;text-decoration-color:rgba(81,21,47,.18);text-underline-offset:-1px}.prank-copy{font-size:13px;line-height:1.75;color:var(--muted);margin:20px 0}.prank-stats{display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:14px;padding:13px 8px;margin:0 0 19px;font-size:9px;color:var(--muted)}.prank-stats span{display:grid;gap:2px}.prank-stats b{font:900 17px ui-monospace,monospace;color:var(--wine)}.prank-stats i{width:1px;height:30px;background:var(--line)}.prank-share,.prank-restart{width:100%;min-height:55px;border-radius:14px;cursor:pointer;font-weight:800}.prank-share{background:var(--wine);border:1px solid var(--wine);color:white;box-shadow:0 10px 25px rgba(81,21,47,.2)}.prank-restart{background:transparent;border:0;color:var(--muted);font-size:12px;text-decoration:underline}.prank-foot{font-size:9px;color:var(--muted);margin:8px 0 0}.result-loading.is-hidden{display:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.15);color:var(--wine)}}@keyframes loadfake{0%{width:8%}55%{width:72%}100%{width:96%}}@keyframes slam{0%{opacity:0;transform:scale(1.2) rotate(2deg)}100%{opacity:1;transform:scale(1)}}
@media (max-height:700px){.loading-orbit{width:115px;height:115px;margin:30px auto}.dog-face{width:90px;height:90px;margin-bottom:13px}.dog-face b{font-size:53px}.prank-tape{margin-bottom:20px}.prank-copy{margin:13px 0}.prank-reveal h2{font-size:29px}}