@font-face{font-family:FZ LanTingHei;src:url(/assets/FZLTHJW-CUW0BZAc.TTF) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-sans: "FZ LanTingHei", -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-serif-display: "FZ LanTingHei", "Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif;--rose-ink: #3a2b2e;--rose-wine: #963f4d;--rose-wine-dark: #7f3442;--rose-pink: #f6e3e5;--rose-paper: #fffaf4;--rose-gold: #d8a85a;color:var(--rose-ink);background:#eadde0;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#eadde0}body{min-width:320px;min-height:100vh;margin:0;background:#eadde0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.mobile-shell{position:relative;width:min(100vw,430px);min-height:100vh;margin:0 auto;overflow:hidden;background-color:#f7e7e8;background-image:url(/assets/background-top-2026-07-30-B1s2XcBN.webp),url(/assets/background-bottom-2026-07-30-D-a7kmIs.webp),linear-gradient(180deg,#f4dfe3,#fff3ee 44%,#f6dfe4);background-position:top center,bottom center,center;background-repeat:no-repeat;background-size:100% auto,100% auto,100% 100%;box-shadow:0 0 36px #5e414933}.mobile-shell:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:repeating-linear-gradient(0deg,rgba(131,78,90,.018) 0,rgba(131,78,90,.018) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,rgba(255,255,255,.13),transparent 30%,rgba(255,255,255,.16))}.result-capture-shell{position:fixed;top:0;left:-10000px;overflow:visible;margin:0;box-shadow:none}.result-capture-shell:before{position:absolute}.screen{position:relative;z-index:1;min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.intro-screen,.loading-screen{display:grid;min-height:100vh;min-height:100dvh;place-items:center;overflow:hidden;padding:0;background:#f4dfe3}.intro-design-image,.loading-visual,.loading-video{display:block;width:100%;height:100vh;height:100dvh;object-fit:cover;object-position:center top}.loading-video{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .18s ease}.loading-video.is-ready{opacity:1}.loading-visual{animation:loading-background-breathe 4.8s ease-in-out infinite alternate}.loading-content{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:min(82%,340px);justify-items:center;color:var(--rose-ink);text-align:center;transform:translate(-50%,-35%)}.loading-sparkles{display:flex;min-height:38px;align-items:center;justify-content:center;gap:12px;color:#c99b47}.loading-sparkles span{display:block;font-size:18px;line-height:1;animation:loading-sparkle 1.35s ease-in-out infinite}.loading-sparkles span:nth-child(2){font-size:27px;animation-delay:.15s}.loading-sparkles span:nth-child(3){animation-delay:.3s}.loading-content h2{margin:16px 0 0;color:var(--rose-wine);font-family:var(--font-serif-display);font-size:29px;font-weight:400;line-height:1.35}.loading-intro{margin:12px 0 0;color:#59494c;font-size:14px;line-height:1.6}.loading-status{min-height:24px;margin:24px 0 0;color:#8f4653;font-size:16px;line-height:1.5;animation:loading-status-in .42s ease-out both}.loading-progress{width:168px;height:2px;overflow:hidden;margin-top:13px;background:#ab772a33}.loading-progress span{display:block;width:42%;height:100%;background:#c89c4f;animation:loading-progress-sweep 1.35s ease-in-out infinite}@keyframes loading-background-breathe{0%{opacity:.92;transform:scale(1)}to{opacity:1;transform:scale(1.018)}}@keyframes loading-sparkle{0%,to{opacity:.38;transform:translateY(1px) scale(.88)}50%{opacity:1;transform:translateY(-3px) scale(1)}}@keyframes loading-status-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-progress-sweep{0%{transform:translate(-110%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.loading-video,.loading-visual,.loading-sparkles span,.loading-status,.loading-progress span{animation:none}.loading-progress span{width:100%}.loading-video{display:none}}.intro-start-hotspot{position:absolute;right:14%;bottom:calc(21.8% + env(safe-area-inset-bottom));left:14%;height:7.6%;min-height:54px;max-height:82px;border:0;padding:0;color:transparent;background:transparent}.intro-start-hotspot:focus-visible{border-radius:999px;outline:2px solid #7f3442;outline-offset:4px}.intro-auth-error,.intro-auth-status{position:absolute;right:10%;bottom:calc(31% + env(safe-area-inset-bottom));left:10%;z-index:2;margin:0;border:1px solid rgba(150,63,77,.32);border-radius:6px;padding:10px 12px;color:#6e2d39;font-size:13px;line-height:1.5;text-align:center;background:#fffaf6e6;box-shadow:0 8px 22px #5b353f29}.intro-auth-status{border-color:#b4823966}.primary-button,.secondary-button{min-height:54px;border:1px solid #e1b46c;border-radius:999px;padding:0 22px;color:#fffaf5;font-family:var(--font-serif-display);font-size:20px;line-height:1;background:var(--rose-wine);box-shadow:inset 0 0 0 1px #fff0cf47,0 8px 18px #7838472e}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.primary-button:focus-visible,.secondary-button:focus-visible{background:var(--rose-wine-dark)}.quiz-screen{display:flex;height:100vh;height:100dvh;min-height:100vh;flex-direction:column;overflow:hidden;padding:48px 25px 112px}.quiz-progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:38px;color:#2f2929;font-size:21px;font-weight:400;line-height:1}.quiz-progress span{min-width:42px}.quiz-progress div{height:7px;border-radius:999px;background:#e9c9cd;box-shadow:inset 0 1px 2px #81445221}.quiz-progress i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d3a04b,#f4d79b);transition:width .18s ease}.quiz-progress i:after{position:absolute;top:50%;right:-8px;width:16px;height:16px;border:1px solid #ba8435;border-radius:50%;content:"";background:linear-gradient(45deg,transparent 46%,rgba(120,71,20,.36) 48%,transparent 52%),linear-gradient(-45deg,transparent 46%,rgba(255,246,210,.72) 48%,transparent 52%),#e1b35e;box-shadow:0 2px 6px #754b1f38;transform:translateY(-50%)}.inline-error{margin:-20px 0 18px;border:1px solid rgba(150,63,77,.28);border-radius:6px;padding:9px 11px;color:#7b2f3d;font-size:13px;line-height:1.5;background:#fff9f5e0}.question-block{display:grid;min-height:0;overflow-y:auto;align-content:start;gap:12px;padding:0 1px 16px;scrollbar-width:none}.question-block::-webkit-scrollbar{display:none}.question-block h2{max-width:10em;margin:0;color:var(--rose-wine);font-family:var(--font-serif-display);font-size:36px;font-weight:400;line-height:1.18}.question-block p{max-width:23em;margin:0;color:#3c3334;font-size:15px;line-height:1.65}.option-list{display:grid;gap:12px;margin-top:24px}.feedback-field{display:grid;gap:8px}.feedback-field small{color:#756467;font-size:12px;text-align:right}.feedback-textarea{width:100%;min-height:190px;resize:vertical;border:1px solid rgba(150,63,77,.22);border-radius:6px;padding:16px;color:#312b2c;font:inherit;font-size:16px;line-height:1.65;background:#fffaf6eb;box-shadow:inset 0 1px 4px #714c5214}.feedback-textarea:focus{border-color:#963f4d85;outline:2px solid rgba(150,63,77,.1);outline-offset:1px}.feedback-textarea::placeholder{color:#9a8589}.quiz-option{position:relative;display:grid;width:100%;min-height:70px;overflow:hidden;align-content:center;gap:4px;border:0;border-radius:1px;padding:14px 28px 14px 32px;color:#312b2c;text-align:left;background-color:#fffaf6;background-image:url(/assets/option-default-texture-2026-07-30-owRAvHAX.webp);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 0 0 1px #ffffff80,-1px 5px 10px #714c5224;transition:color .16s ease,box-shadow .16s ease,transform .16s ease}.quiz-option:before{position:absolute;top:0;bottom:0;left:0;width:6px;pointer-events:none;content:"";background:linear-gradient(#e1b8c2c7,#e1b8c2c7) left center / 5px 100% no-repeat,repeating-linear-gradient(180deg,rgba(225,184,194,.78) 0,rgba(225,184,194,.78) 2px,transparent 2px,transparent 5px) right top / 1px 100% no-repeat}.quiz-option:hover:not(:disabled),.quiz-option:focus-visible{box-shadow:inset 0 0 0 1px #963f4d29,-1px 6px 12px #714c522b}.quiz-option:active:not(:disabled){transform:translateY(1px)}.quiz-option span{font-size:19px;line-height:1.35}.quiz-option small{color:#756467;font-size:12px;line-height:1.45}.quiz-option.is-selected{color:var(--rose-wine);background-color:#e5c78f;background-image:url(/assets/option-selected-texture-2026-07-30-FgmCn9Pa.webp);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 0 0 1px #8f652b1f,-1px 5px 10px #80563029}.quiz-option.is-selected:before{background:linear-gradient(#b2894abd,#b2894abd) left center / 5px 100% no-repeat,repeating-linear-gradient(180deg,rgba(178,137,74,.74) 0,rgba(178,137,74,.74) 2px,transparent 2px,transparent 5px) right top / 1px 100% no-repeat}.quiz-option.is-selected small{color:#8c4a54}.bottom-actions{position:fixed;right:50%;bottom:0;z-index:8;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:min(100vw,430px);padding:16px 26px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#f7e1e500,#f7e1e5f0 38%);transform:translate(50%)}.bottom-actions .primary-button{grid-column:2;width:100%}.bottom-actions .secondary-button{grid-column:1;min-width:86px}.bottom-actions .primary-button:only-child{grid-column:1 / -1}.result-screen{padding:58px 24px 260px}.result-header{display:grid;gap:14px;padding-bottom:36px}.result-eyebrow{margin:0;color:#392f31;font-size:17px;line-height:1.4}.result-type-title{display:flex;flex-wrap:wrap;width:100%;max-width:100%;margin:0;color:var(--rose-wine);font-family:var(--font-serif-display);font-size:40px;font-weight:400;line-height:1.12;white-space:normal}.result-type-name,.result-type-suffix{flex:0 0 auto;white-space:nowrap}.keyword-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.keyword-list span{min-width:0;border:1px solid rgba(150,63,77,.16);border-radius:3px;padding:7px 3px;color:#9a4856;font-size:12px;line-height:1;text-align:center;white-space:nowrap;background:#f0cdd3b8;box-shadow:0 3px 8px #76495214}.result-section{display:grid;gap:8px;margin-top:20px}.result-section+.result-section{margin-top:42px}.result-section>h2,.empty-result h2{margin:0;color:#352b2d;font-family:var(--font-serif-display);font-size:28px;font-weight:400;line-height:1.25}.result-section>p,.empty-result p{margin:0;color:#4a3d3f;font-size:14px;line-height:1.6}.top-offer-list{display:grid;gap:16px;margin-top:18px}.secondary-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.offer-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(135,99,91,.2);border-radius:3px;color:#332b2c;background:repeating-linear-gradient(0deg,rgba(123,93,76,.026) 0,rgba(123,93,76,.026) 1px,transparent 1px,transparent 3px),#fffbf6f5;box-shadow:0 8px 16px #68484d21}.offer-card.is-featured{display:grid;padding:14px}.offer-card.is-grid{display:flex;flex-direction:column;padding:14px}.offer-card.is-compact{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(112px,.9fr);grid-template-areas:"content image";gap:12px;align-items:stretch;padding:12px}.offer-image-wrap{position:relative;min-width:0;overflow:hidden;border-radius:2px;background:#f3dfe0}.offer-image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.offer-card.is-featured .offer-image-wrap,.offer-card.is-grid .offer-image-wrap{aspect-ratio:1 / 1}.offer-card.is-compact .offer-image-wrap{grid-area:image;aspect-ratio:1 / 1;align-self:center}.offer-content{position:relative;display:grid;min-width:0;align-content:start}.offer-card.is-featured .offer-content{gap:9px;padding:16px 4px 2px}.offer-card.is-compact .offer-content{grid-area:content;grid-template-rows:auto auto auto minmax(28px,1fr);gap:8px;padding:2px 0}.offer-card.is-grid .offer-content{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:7px;padding:12px 2px 2px}.offer-rank{display:inline-flex;min-height:25px;align-items:center;justify-content:center;justify-self:start;border:1px solid rgba(183,131,52,.44);border-radius:999px;padding:0 13px;color:var(--rose-wine);font-size:12px;line-height:1;white-space:nowrap;background:linear-gradient(90deg,#f7d99a,#fff1cb)}.offer-content h3{margin:0;color:#32292b;font-family:var(--font-serif-display);font-size:23px;font-weight:400;line-height:1.25;overflow-wrap:anywhere}.offer-reason{margin:0;color:#5b4b4e;font-size:14px;line-height:1.55}.offer-action{display:grid;width:28px;height:28px;place-items:center;justify-self:end;border:1px solid rgba(150,63,77,.24);border-radius:50%;color:var(--rose-wine);font-family:var(--font-sans);font-size:25px;line-height:1;text-decoration:none;background:#f4d9dc}.offer-action span{display:block;margin-top:-2px}.offer-action.is-disabled{opacity:.48}.offer-card.is-featured .offer-action{margin-top:-2px}.offer-card.is-compact .offer-content h3{font-size:20px}.offer-card.is-compact .offer-reason{font-size:13px}.offer-card.is-compact .offer-action{position:static;align-self:end}.offer-card.is-grid .offer-rank{align-self:flex-start;min-height:23px;padding-inline:10px;font-size:11px}.offer-card.is-grid .offer-content h3{font-size:18px}.offer-card.is-grid .offer-reason{font-size:12px;line-height:1.5}.offer-card.is-grid .offer-action{flex:0 0 auto;align-self:flex-end;width:25px;height:25px;margin-top:auto;font-size:22px}.save-panel{display:grid;gap:18px;margin-top:62px;text-align:center}.save-panel h2{display:grid;gap:2px;margin:0;color:var(--rose-wine);font-family:var(--font-serif-display);font-size:30px;font-weight:400;line-height:1.24}.save-panel h2 span{display:block}.save-panel>p{margin:0;color:#493b3e;font-size:15px;line-height:1.7}.save-panel .primary-button,.save-panel .secondary-button{width:82%;min-height:58px;justify-self:center;font-size:23px}.save-panel .primary-button{margin-top:10px}.save-message{width:82%;justify-self:center;border-radius:4px;padding:9px 11px;font-size:13px;line-height:1.5}.save-message.is-saved{color:#355345;background:#cce6d5c7}.save-message.is-error{color:#7b2f3d;background:#f4d2d8e0}.empty-result{display:grid;gap:14px;border:1px solid rgba(150,63,77,.18);border-radius:4px;padding:24px 18px;text-align:center;background:#fffaf6e6}.save-preview-overlay{position:fixed;inset:0;z-index:20;overflow-y:auto;background:#191516;-webkit-overflow-scrolling:touch}.save-preview-panel{display:grid;align-content:start;width:min(100vw,430px);min-height:100dvh;margin:0 auto;padding:0 0 calc(20px + env(safe-area-inset-bottom));color:var(--rose-ink);background:#f7e7e8}.save-preview-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#f7e7e8f5;box-shadow:0 1px #963f4d29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.save-preview-header>div{min-width:0}.save-preview-header h2{margin:0;color:var(--rose-wine);font-family:var(--font-serif-display);font-size:21px;font-weight:400;line-height:1.35}.save-preview-close{flex:0 0 auto;min-height:36px;border:1px solid rgba(150,63,77,.26);border-radius:999px;padding:0 14px;color:var(--rose-wine);font-size:14px;background:#fffbf6d1}.save-preview-tip{margin:3px 0 0;color:#5d4c4f;font-size:13px;line-height:1.55}.save-preview-image-wrap{overflow:visible;background:#fff}.save-preview-image{display:block;width:100%;height:auto;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}.save-preview-download{display:grid;min-height:48px;margin:16px 16px 0;place-items:center;border:1px solid #d6a960;border-radius:999px;color:#fffaf5;font-size:16px;text-decoration:none;background:var(--rose-wine)}.is-exporting-result .offer-action{box-shadow:none}@media(max-width:360px){.quiz-screen{padding-inline:18px}.question-block h2{font-size:31px}.result-type-title{font-size:34px}.question-block p{font-size:14px}.quiz-option{min-height:64px;padding-inline:27px 20px}.quiz-option span{font-size:17px}.bottom-actions{padding-inline:19px}.result-screen{padding-inline:18px}.result-type-title{font-size:35px}.secondary-offer-grid{gap:9px}.offer-card.is-featured,.offer-card.is-grid{padding:10px}.offer-card.is-compact{grid-template-columns:minmax(0,1.25fr) minmax(98px,.85fr);gap:9px;padding:10px}.offer-card.is-grid .offer-content h3{font-size:16px}.offer-card.is-grid .offer-reason{font-size:11px}.save-panel h2{font-size:27px}}