:root{--color-china-red:#b7281e;--color-china-red-dark:#8c1c18;--color-gold-orange:#df9429;--color-gold-light:#f5d99d;--color-warm-ivory:#fbf3df;--color-ivory-deep:#f4e6c7;--color-ink:#35231e;--color-muted:#746059;--color-border:#ddcba8;--color-paper:#fffaf0;color:var(--color-ink);background:var(--color-warm-ivory);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-rounded,Avenir Next,Avenir,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;background:#efe0c0}body{background:radial-gradient(circle at 10% 12%, #df942917, transparent 24rem), var(--color-warm-ivory);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{background:linear-gradient(90deg, #b7281e05 1px, transparent 1px) 0 0 / 26px 26px, var(--color-warm-ivory);width:100%;min-height:100vh;overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--color-china-red-dark);border-radius:0 0 10px 10px;padding:.7rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:0}.experience-header{z-index:20;width:100%;min-height:56px;padding:max(10px, env(safe-area-inset-top)) 20px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf3dfe0;border-bottom:1px solid #b7281e1a;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{max-width:53%;color:var(--color-ink);letter-spacing:.08em;align-items:center;gap:8px;font-size:9px;font-weight:780;line-height:1.15;text-decoration:none;display:flex}.brand-mark{width:27px;height:27px;color:var(--color-warm-ivory);background:var(--color-china-red);border:1px solid var(--color-china-red-dark);border-radius:5px;flex:none;place-items:center;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:17px;line-height:1;display:grid;transform:rotate(-2deg);box-shadow:inset 0 0 0 2px #ffffff24}.language-switcher{align-items:center;gap:2px;display:flex}.language-switcher button{min-width:34px;min-height:34px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 6px;font-size:11px;font-weight:760}.language-switcher button.active{color:var(--color-china-red-dark);background:var(--color-gold-light)}.language-switcher button:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b7281e52}.landing,.result,.reveal{width:100%;max-width:500px;margin:0 auto;padding:30px 20px 50px;position:relative}.intro-block{z-index:2;max-width:390px;position:relative}.section-kicker{color:var(--color-china-red);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:820}h1,h2,h3,p{margin-top:0}.intro-block h1{letter-spacing:-.045em;max-width:340px;margin-bottom:12px;font-family:Avenir Next,Inter,system-ui,sans-serif;font-size:clamp(32px,9.2vw,43px);line-height:1.04}.app:lang(zh) h1,.app:lang(zh) h2,:lang(zh) h1,:lang(zh) h2{letter-spacing:-.025em}.subtitle{max-width:330px;color:var(--color-muted);margin-bottom:31px;font-size:16px;line-height:1.5}.landing-decoration{z-index:0;color:#b7281e38;-webkit-user-select:none;user-select:none;border:2px solid #df94294d;border-radius:50%;place-items:center;font-family:Songti SC,serif;display:grid;position:absolute}.landing-decoration--top{width:112px;height:112px;font-size:66px;top:4px;right:-38px;transform:rotate(9deg)}.landing-decoration--bottom{width:80px;height:80px;font-size:44px;bottom:17px;right:-28px;transform:rotate(-8deg)}form{z-index:2;position:relative}fieldset{border:0;margin:0;padding:0}legend{color:var(--color-ink);letter-spacing:.09em;text-transform:uppercase;margin-bottom:11px;padding:0;font-size:12px;font-weight:820}.date-fields{grid-template-columns:.8fr .8fr 1.45fr;gap:9px;display:grid}.date-fields--zh{grid-template-columns:1.45fr .8fr .8fr}.date-field{text-align:center;gap:6px;display:grid}.date-field input{width:100%;height:58px;color:var(--color-ink);border:1px solid var(--color-border);text-align:center;caret-color:var(--color-china-red);background:#fffaf0cc;border-radius:12px;padding:0 8px;font-size:20px;font-weight:720;transition:border-color .18s,box-shadow .18s,background .18s}.date-field input::placeholder{color:#a99281;font-size:16px;font-weight:650}.date-field input:focus{border-color:var(--color-china-red);background:var(--color-paper);outline:0;box-shadow:0 0 0 4px #b7281e12}.date-field input[aria-invalid=true]{border-color:#c75b50}.date-field>span{color:var(--color-muted);font-size:11px}.form-error{min-height:19px;color:var(--color-china-red-dark);margin:7px 0 9px;font-size:12px;line-height:1.4}.primary-button{color:#fffaf1;border:1px solid var(--color-china-red-dark);background:var(--color-china-red);width:100%;min-height:56px;box-shadow:0 5px 0 var(--color-china-red-dark);cursor:pointer;border-radius:15px;justify-content:space-between;align-items:center;padding:0 18px;font-weight:780;transition:transform .16s,box-shadow .16s,background .16s;display:flex}.primary-button:hover{background:#c33226}.primary-button:active{box-shadow:0 1px 0 var(--color-china-red-dark);transform:translateY(4px)}.primary-button span{font-size:20px;font-weight:500}.primary-button:disabled{color:#fffaf1d1;box-shadow:none;cursor:not-allowed;background:#9d625c;border-color:#84504b}.primary-button:disabled:hover{background:#9d625c}.primary-button:disabled:active{transform:none}.privacy-note{z-index:2;margin:17px 2px 22px;position:relative}.privacy-note summary{color:var(--color-muted);cursor:pointer;align-items:center;gap:7px;font-size:12px;list-style:none;display:flex}.privacy-note summary::-webkit-details-marker{display:none}.privacy-note svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.privacy-link{color:var(--color-china-red-dark);text-underline-offset:3px;margin-left:auto;-webkit-text-decoration:underline #b7281e47;text-decoration:underline #b7281e47}.privacy-note p{color:var(--color-muted);margin:10px 23px 0;font-size:12px;line-height:1.5}.cultural-fact{z-index:2;background:#f8e3ad6e;border:1px solid #e2bf75;border-radius:16px;padding:17px 17px 16px;position:relative;overflow:hidden}.cultural-fact--ivory{background:var(--color-paper);border-color:var(--color-border)}.cultural-fact .fact-title{color:var(--color-china-red);letter-spacing:.12em;margin-bottom:6px;font-size:10px;font-weight:850}.cultural-fact p:last-child{margin-bottom:0;font-size:14px;line-height:1.52}.fact-knot{border:8px double #b7281e1a;border-radius:50%;width:54px;height:54px;position:absolute;top:-17px;right:-17px}footer{width:100%;padding:18px 20px max(20px, env(safe-area-inset-bottom));color:#35231e9e;letter-spacing:.08em;border-top:1px solid #b7281e1a;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:8px;font-weight:720;display:flex}.app--reveal{background:radial-gradient(circle at 50% 42%, #fff8e8 0, var(--color-warm-ivory) 48%, #efdcae 100%);min-height:100vh}.reveal{text-align:center;place-items:center;min-height:calc(100vh - 145px);padding-top:35px;display:grid}.reveal-ring{border:3px solid var(--color-gold-orange);border-radius:50%;place-items:center;width:206px;height:206px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 9px #df94291a,inset 0 0 35px #df942924}.animal-strip{color:#b7281e4d;white-space:nowrap;gap:36px;font-family:Songti SC,serif;font-size:60px;animation:.82s cubic-bezier(.12,.72,.27,1) both animal-strip;display:flex;position:absolute;left:50%}.reveal-center{z-index:2;opacity:0;width:136px;height:168px;animation:.33s ease-out .69s forwards reveal-center;position:relative;transform:scale(.78)}.reveal-center .zodiac-medallion__crop{width:130px;height:161px;-webkit-mask-position:top,50% 119px;mask-position:top,50% 119px;-webkit-mask-size:130px 130px,100px 39px;mask-size:130px 130px,100px 39px}.reveal-center .zodiac-banner-art{width:130px}.reveal-center .zodiac-art-label{border-radius:7px;width:100px;height:33px;font-size:11px;top:122px}.reveal-center.zodiac-medallion--monkey .zodiac-medallion__crop,.reveal-center.zodiac-medallion--rooster .zodiac-medallion__crop,.reveal-center.zodiac-medallion--dog .zodiac-medallion__crop,.reveal-center.zodiac-medallion--pig .zodiac-medallion__crop{height:143px;top:9px;-webkit-mask-image:radial-gradient(64px at 50% 61px,#000 98%,#0000 100%),linear-gradient(#000,#000);mask-image:radial-gradient(64px at 50% 61px,#000 98%,#0000 100%),linear-gradient(#000,#000);-webkit-mask-position:top,50% 107px;mask-position:top,50% 107px}.reveal-center.zodiac-medallion--monkey .zodiac-art-label,.reveal-center.zodiac-medallion--rooster .zodiac-art-label,.reveal-center.zodiac-medallion--dog .zodiac-art-label,.reveal-center.zodiac-medallion--pig .zodiac-art-label{top:113px}.reveal>p{color:var(--color-muted);opacity:0;margin:22px 0 6px;font-size:13px;animation:.22s ease-out .76s forwards fade-up}.reveal>h1{color:var(--color-china-red-dark);text-transform:uppercase;opacity:0;margin:0;font-size:36px;line-height:1;animation:.23s ease-out .835s forwards fade-up}@keyframes animal-strip{0%{transform:translate(0)}to{transform:translate(-1580px)}}@keyframes reveal-center{to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.result{padding-top:27px}.result-hero{text-align:center}.result-hero>.section-kicker{margin-bottom:1px}.zodiac-medallion{width:176px;height:185px;position:relative}.zodiac-medallion__crop{width:150px;height:185px;display:block;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:radial-gradient(74px at 50% 74px,#000 98%,#0000 100%),linear-gradient(#000,#000);mask-image:radial-gradient(74px at 50% 74px,#000 98%,#0000 100%),linear-gradient(#000,#000);-webkit-mask-position:top,50% 137px;mask-position:top,50% 137px;-webkit-mask-size:150px 150px,116px 46px;mask-size:150px 150px,116px 46px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.zodiac-banner-art{width:150px;max-width:none;height:auto;display:block}.zodiac-art-label{z-index:2;color:#fff8ea;background:linear-gradient(#cd1717,#b7070d);border:1px solid #ffffff40;border-radius:8px;place-items:center;width:116px;height:39px;font-size:13px;font-weight:850;line-height:1;display:grid;position:absolute;top:142px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #5b0c0a2e}.zodiac-medallion--monkey .zodiac-medallion__crop,.zodiac-medallion--rooster .zodiac-medallion__crop,.zodiac-medallion--dog .zodiac-medallion__crop,.zodiac-medallion--pig .zodiac-medallion__crop{height:165px;top:10px;-webkit-mask-image:radial-gradient(74px at 50% 70px,#000 98%,#0000 100%),linear-gradient(#000,#000);mask-image:radial-gradient(74px at 50% 70px,#000 98%,#0000 100%),linear-gradient(#000,#000);-webkit-mask-position:top,50% 123px;mask-position:top,50% 123px}.zodiac-medallion--monkey .zodiac-art-label,.zodiac-medallion--rooster .zodiac-art-label,.zodiac-medallion--dog .zodiac-art-label,.zodiac-medallion--pig .zodiac-art-label{top:132px}.result-hero>.zodiac-medallion{margin:15px auto 13px}.result-hero h1{color:var(--color-china-red-dark);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:42px;line-height:1}.app:lang(zh) .result-hero h1{text-transform:none;font-family:Songti SC,serif;font-size:56px}.compound-name{justify-content:center;align-items:center;gap:9px;margin-top:10px;display:flex}.compound-name h2{margin:0;font-size:18px;font-weight:720}.element-badge{width:34px;height:34px;color:var(--color-china-red-dark);border:2px solid var(--color-china-red);box-shadow:inset 0 0 0 2px var(--color-warm-ivory), inset 0 0 0 3px #b7281e2e;background:#b7281e0a;border-radius:5px;place-items:center;font-family:Songti SC,serif;font-size:20px;font-weight:700;line-height:1;display:grid;transform:rotate(-2deg)}.keywords{color:#7f332b;letter-spacing:.035em;text-transform:uppercase;margin:14px 0 9px;font-size:12px;font-weight:790}.app:lang(zh) .keywords{letter-spacing:.11em}.result-description{max-width:360px;color:var(--color-muted);margin:0 auto 21px;font-size:14px;line-height:1.52}.boundary-explanation{border:1px solid var(--color-border);background:#fffaf0a6;border-radius:13px;margin:0 0 15px;padding:12px 14px}.boundary-explanation summary{color:var(--color-china-red-dark);cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:740;list-style:none;display:flex}.boundary-explanation summary::-webkit-details-marker{display:none}.boundary-explanation summary span{border:1px solid;border-radius:50%;place-items:center;width:18px;height:18px;font-family:Georgia,serif;font-size:12px;font-weight:700;display:grid}.boundary-explanation p{color:var(--color-muted);margin:10px 26px 1px;font-size:12px;line-height:1.55}.onsite-action{text-align:center;padding:23px 1px 20px}.ornamental-rule{color:var(--color-gold-orange);align-items:center;gap:10px;margin:0 0 22px;display:flex}.ornamental-rule:before,.ornamental-rule:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold-orange));flex:1;height:1px}.ornamental-rule:after{transform:rotate(180deg)}.ornamental-rule span{font-size:8px;transform:rotate(45deg)}.onsite-action h2{letter-spacing:-.025em;max-width:340px;margin:0 auto 8px;font-size:25px;line-height:1.12}.onsite-intro{max-width:345px;color:var(--color-muted);margin:0 auto 17px;font-size:14px;line-height:1.5}.onsite-steps{grid-template-columns:1fr 22px 1fr;align-items:stretch;gap:5px;display:grid}.onsite-step{background:#f8e3ad5c;border:1px solid #e2bf75;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:17px 10px 12px;display:flex;position:relative}.onsite-step p{margin:8px 0 0;font-size:11px;font-weight:760;line-height:1.35}.step-number{width:20px;height:20px;color:var(--color-paper);background:var(--color-china-red);border-radius:50%;place-items:center;font-size:10px;font-weight:850;display:grid;position:absolute;top:8px;left:9px}.step-arrow{color:var(--color-gold-orange);align-self:center;font-size:20px}.animal-target{width:62px;height:62px;color:var(--color-china-red-dark);border:2px solid var(--color-gold-orange);background:var(--color-paper);border-radius:50%;place-items:center;font-family:Songti SC,serif;font-size:30px;font-weight:750;display:grid;box-shadow:0 0 0 4px #df94291a}.camera-icon{width:62px;height:62px;color:var(--color-china-red);place-items:center;display:grid}.camera-icon svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:58px;height:58px}.camera-icon .camera-light{fill:var(--color-gold-orange);stroke:none}.zodiac-details{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:3px}.zodiac-details>summary{min-height:56px;color:var(--color-china-red-dark);cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;font-weight:740;list-style:none;display:flex}.zodiac-details>summary::-webkit-details-marker{display:none}.zodiac-details[open]>summary span{transform:rotate(180deg)}.details-grid{padding:2px 0 18px}.detail-card{border:1px solid var(--color-border);background:var(--color-paper);border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:13px;padding:17px;display:flex}.detail-seal{width:48px;height:48px;color:var(--color-china-red);border:2px solid;border-radius:7px;flex:0 0 48px;place-items:center;font-family:Songti SC,serif;font-size:28px;display:grid}.detail-card h3{margin-bottom:6px;font-size:15px;line-height:1.25}.detail-card p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.55}.cycle-note{color:var(--color-muted);text-align:center;margin:13px 8px 0;font-size:11px;font-style:italic;line-height:1.5}.stay-connected{background:linear-gradient(150deg,#fffaf0f5,#f8e3ad7a);border:1px solid #dfb45e;border-radius:17px;margin-top:28px;padding:25px 17px 18px;position:relative;overflow:hidden}.stay-connected:after{content:"邀";color:#b7281e0d;pointer-events:none;font-family:Songti SC,serif;font-size:120px;line-height:1;position:absolute;top:-25px;right:-11px;transform:rotate(8deg)}.stay-connected>*{z-index:1;position:relative}.stay-org{align-items:center;gap:10px;margin-bottom:16px;display:flex}.stay-org>img{object-fit:contain;flex:none;width:42px;height:42px}.stay-org>span{text-align:left;gap:1px;display:grid}.stay-org b{color:var(--color-ink);letter-spacing:.08em;font-size:12px}.stay-org small{max-width:250px;color:var(--color-muted);font-size:8px;line-height:1.3}.stay-connected .section-kicker{margin-bottom:7px}.stay-connected h2{letter-spacing:-.025em;max-width:330px;margin-bottom:8px;font-size:25px;line-height:1.12}.stay-intro{max-width:350px;color:var(--color-muted);margin-bottom:15px;font-size:13px;line-height:1.5}.stay-open{color:#fffaf1;border:1px solid var(--color-china-red-dark);background:var(--color-china-red);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:45px;padding:0 13px;font-size:12px;font-weight:780;display:flex}.stay-open b{font-size:17px;transition:transform .18s}.stay-open[aria-expanded=true] b{transform:rotate(180deg)}.stay-teaser{color:var(--color-muted);text-align:center;margin-top:8px;font-size:9px;display:block}.stay-preview{border-top:1px solid #b7281e21;gap:14px;margin-top:18px;padding-top:17px;display:grid}.preview-status{color:#6e544d;border:1px solid var(--color-border);letter-spacing:.035em;background:#fffaf0bf;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:-3px 0 0;padding:5px 8px;font-size:9px;font-weight:760;display:flex}.preview-status span{background:var(--color-gold-orange);border-radius:50%;width:6px;height:6px}.preview-status--idle span,.preview-status--success span,.preview-status--updated span{background:#4d8b5b}.preview-status--success,.preview-status--updated{color:#315b3b;background:#eff9efd1;border-color:#4d8b5b59}.preview-status--submitting span,.preview-status--checking span{animation:.85s ease-in-out infinite alternate status-pulse}.preview-status--pending{color:#78524a;background:#fff8e2e0;border-color:#df942973}.preview-status--invalid_email,.preview-status--age_required,.preview-status--consent_required,.preview-status--too_fast,.preview-status--rate_limited,.preview-status--unavailable{color:var(--color-china-red-dark);background:#fff4eed9;border-color:#b7281e4d}.email-preview{color:var(--color-ink);gap:7px;font-size:11px;font-weight:780;display:grid}.email-preview input{width:100%;height:52px;color:var(--color-ink);border:1px solid var(--color-border);background:#fffaf0eb;border-radius:12px;padding:0 13px}.email-preview input:focus{outline-offset:2px;border-color:var(--color-china-red);outline:2px solid #b7281e38}.email-preview input::placeholder{color:#9d8b7f}.interest-preview{gap:8px;display:grid}.interest-preview legend{letter-spacing:.035em;text-transform:none;margin-bottom:8px;font-size:10px}.interest-preview>div{flex-wrap:wrap;gap:7px;display:flex}.interest-preview label{position:relative}.interest-preview input{opacity:0;pointer-events:none;position:absolute}.interest-preview span{color:#78524a;background:#fffaf0b3;border:1px solid #dfbf80;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:690;display:block}.interest-preview input:checked+span{color:#fffaf1;border-color:var(--color-china-red-dark);background:var(--color-china-red)}.interest-preview input:focus-visible+span{outline-offset:2px;outline:2px solid #b7281e47}.consent-preview{color:var(--color-muted);grid-template-columns:17px 1fr;align-items:flex-start;gap:8px;font-size:10px;line-height:1.45;display:grid}.consent-preview input{width:16px;height:16px;accent-color:var(--color-china-red);margin:0}.stay-button{min-height:52px;font-size:13px}.website-trap{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-10000px!important}.optin-response-frame{clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;position:absolute}.stay-note{color:var(--color-muted);text-align:center;margin:11px 2px 0;font-size:9px;line-height:1.45}.reset-button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #74605959;margin:21px auto 0;padding:8px 10px;font-size:12px;display:block}@keyframes status-pulse{to{opacity:.35}}@media (width>=640px){body{padding:28px 0}.app{border:1px solid #71482e2e;border-radius:24px;max-width:460px;min-height:calc(100vh - 56px);margin:0 auto;box-shadow:0 20px 70px #58341c21}.experience-header{border-radius:24px 24px 0 0}footer{border-radius:0 0 24px 24px}}@media (width<=350px){.experience-header,.landing,.result{padding-left:15px;padding-right:15px}.brand{max-width:46%}.brand span:last-child{display:none}.intro-block h1{font-size:30px}.date-fields{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}