@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;700;800&display=swap";:root{--common-bg:#fff5f7;--common-text:#4a3f55;--muted-text:#7a6b8a;--border-light:#ffe0eb;--bg-soft:#ffffffeb;--shadow-card:0 16px 36px #ff8fab1f;--shadow-modal:0 28px 70px #c8648c38;--shadow-hover:0 14px 28px #ff8fab2e;--btn-gradient:linear-gradient(180deg, #ff8fab 0%, #ff6b8a 100%);--btn-shadow:0 12px 22px #ff6b8a4d;--radius-card:24px;--radius-option:18px;--radius-button:14px;--radius-pill:999px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--common-text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 20% 0,#ffe0eb99,#0000 25%),radial-gradient(circle at 84% 10%,#ffc8d780,#0000 22%),linear-gradient(#fff5f7 0%,#fff0f5 100%)}.page-shell{min-height:100vh;padding:28px 16px 40px}.home-page,.quiz-page,.result-page{width:min(100%,860px);margin:0 auto}.hero-card,.content-card{border-radius:var(--radius-card);background:var(--bg-soft);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.hero-card{text-align:center;padding:34px 26px 28px}.content-card{margin-top:18px;padding:20px 24px 24px}.consent-card{box-shadow:none;background:0 0;border:none;margin-top:0;padding:8px 0 0}.hero-mark{color:#ff6b8a;background:linear-gradient(#ffe0eb 0%,#ffd0e0 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;font-size:30px;display:flex;box-shadow:0 10px 26px #ff6b8a33}.hero-kicker{color:var(--muted-text);letter-spacing:.01em;margin-top:16px;font-size:18px;font-weight:700}.hero-card h1{margin-top:8px;font-size:clamp(32px,4.2vw,44px);font-weight:800;line-height:1.3}.hero-card p{color:var(--muted-text);margin-top:12px;font-size:15px;line-height:1.7}.hero-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.hero-pills span{border-radius:var(--radius-pill);color:#b85a7a;background:#fff0f5;border:1px solid #ffd0e0;align-items:center;min-height:38px;padding:0 14px;font-size:13px;display:inline-flex}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.style-card{border-radius:var(--radius-option);text-align:center;background:linear-gradient(#fff5f7 0%,#ffe8ef 100%);border:1px solid #ffe0eb;flex-direction:column;align-items:center;gap:8px;min-height:150px;padding:16px 14px;display:flex}.style-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.style-icon svg{width:26px;height:26px}.style-card .style-label{font-size:15px;font-weight:700}.style-card .style-sub{color:var(--muted-text);font-size:12px}h2{margin-top:0;font-size:24px;font-weight:600}h3{font-size:16px;font-weight:600}.intro-card p,.flow-card p,.consent-card p{color:#3a4660;margin-top:8px;font-size:15px;line-height:1.8}.flow-steps{flex-direction:column;gap:12px;margin-top:14px;display:flex}.flow-step{align-items:flex-start;gap:14px;display:flex}.flow-step-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.flow-step-text{color:#3a4660;padding-top:3px;font-size:15px;line-height:1.6}.notices-list{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.notices-list li{color:#5e6c8c;padding-left:20px;font-size:14px;line-height:1.6;position:relative}.notices-list li:before{content:"•";color:#ff8fab;font-weight:700;position:absolute;left:6px}.consent-row{justify-content:center;align-items:flex-start;gap:10px;margin-top:14px;display:flex}.consent-row input[type=checkbox]{accent-color:#ff6b8a;cursor:pointer;width:18px;height:18px;margin-top:2px}.consent-row label{color:#3a4660;text-align:center;font-size:14px;line-height:1.6}.terms-link{color:#5c7fd2;cursor:pointer;text-decoration:underline}.consent-row label a{color:#ff6b8a;cursor:pointer;text-decoration:underline}.button-group{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.start-button{border-radius:var(--radius-button);background:var(--btn-gradient);color:#fff;cursor:pointer;min-height:44px;box-shadow:var(--btn-shadow);border:0;padding:0 18px;font-size:15px;font-weight:700;transition:opacity .18s,transform .18s}.start-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.start-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ghost-button{border-radius:var(--radius-button);color:#8a5a70;cursor:pointer;background:#ffffffbf;border:1px solid #ffd0e0;min-height:44px;padding:0 18px;font-size:15px;font-weight:700;transition:background .18s}.ghost-button:hover{background:#fff0f5}.ghost-button:disabled{opacity:.4;cursor:not-allowed}.quiz-hero-top{justify-content:space-between;align-items:center;display:flex}.quiz-question-flow{color:var(--muted-text);text-align:left;margin-bottom:8px;font-size:14px;font-weight:600}.quiz-question-header{align-items:baseline;margin-bottom:16px;display:flex}.quiz-question-num{color:var(--common-text);font-size:clamp(28px,4vw,36px);font-weight:800}.quiz-question-total{color:var(--muted-text);margin-left:4px;font-size:15px;font-weight:400}.quiz-progress-text{color:var(--muted-text);font-size:15px;font-weight:700}.progress-track{border-radius:var(--radius-pill);background:#ffe8ef;height:10px;margin-top:16px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ffb3c6 0%,#ff8fab 100%);height:100%;transition:width .22s;display:block}.question-card .question-prompt{margin-bottom:18px;font-size:19px;font-weight:600;line-height:1.7}.quiz-subtitle{color:var(--muted-text);margin-bottom:10px;font-size:13px;font-weight:600}.quiz-hint{color:#8a96b0;text-align:center;margin-top:16px;font-size:13px}.option-list{flex-direction:column;gap:10px;display:flex}.option-card{border-radius:var(--radius-option);color:#5a4a60;text-align:left;cursor:pointer;background:linear-gradient(#fffafcfa 0%,#fff5f7f5 100%);border:1px solid #ffe0eb;align-items:center;gap:12px;width:100%;padding:14px 16px 14px 14px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.option-card:hover{box-shadow:var(--shadow-hover);border-color:#ffd0e0;transform:translateY(-1px)}.option-card.is-selected{background:linear-gradient(#fff0f5 0%,#ffe6eefa 100%);border-color:#ff8fab;box-shadow:0 16px 32px #ff8fab33}.option-badge{color:#ff6b8a;background:#ffe8ef;border-radius:12px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.question-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex;position:relative}.question-actions-left{align-items:center;gap:12px;display:flex;position:relative}.result-hero-card .result-mark{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;display:flex}.result-hero-card .result-mark svg{width:36px;height:36px}.result-hero-card h1{margin-top:12px}.result-hero-card .result-sub{color:var(--muted-text);margin-top:4px;font-size:16px}.result-pill-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.result-pill{border-radius:var(--radius-pill);border:1px solid;padding:4px 14px;font-size:13px;font-weight:600}.distribution-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.distribution-item{background:linear-gradient(#fffafb 0%,#fff5f7 100%);border:1px solid #ffe0eb;border-radius:20px;padding:16px}.distribution-head{justify-content:space-between;align-items:center;display:flex}.distribution-label{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.distribution-value{font-size:16px;font-weight:800}.distribution-bar{border-radius:var(--radius-pill);background:#ffe8ef;height:10px;margin-top:14px;overflow:hidden}.distribution-fill{border-radius:inherit;height:100%;transition:width .6s;display:block}.result-about{color:#3a4660;margin-top:10px;font-size:15px;line-height:1.8}.traits-list,.advice-list{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.traits-list li,.advice-list li{color:#3a4660;padding-left:20px;font-size:14px;line-height:1.7;position:relative}.traits-list li:before{content:"→";color:#ff8fab;position:absolute;left:2px}.advice-list li:before{content:"✦";color:#ff6b8a;position:absolute;left:2px}.footer-disclaimer{color:#8a96b0;text-align:center;margin-top:10px;font-size:13px;line-height:1.7}.result-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;pointer-events:none;z-index:100;background:#26314d00;justify-content:center;align-items:center;padding:20px;transition:opacity .28s,background-color .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;display:flex;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26314d47}.announcement-modal{border-radius:var(--radius-card);width:min(100%,600px);max-height:min(80vh,600px);box-shadow:var(--shadow-modal);opacity:0;background:#fff;padding:28px 24px;transition:opacity .24s,transform .24s;overflow:auto;transform:translateY(18px)scale(.98)}.announcement-modal.is-open{opacity:1;transform:translateY(0)scale(1)}.announcement-modal h2{margin-bottom:14px}.announcement-modal p{color:#3a4660;white-space:pre-wrap;font-size:15px;line-height:1.8}.announcement-modal .close-btn{margin-top:18px}.terms-modal{border-radius:var(--radius-card);width:min(100%,760px);max-height:min(80vh,760px);box-shadow:var(--shadow-modal);opacity:0;background:#fff;padding:28px 24px;transition:opacity .28s,transform .28s;overflow:auto;transform:translateY(18px)scale(.98)}.terms-modal.is-open{opacity:1;transform:translateY(0)scale(1)}.terms-modal-header{justify-content:space-between;align-items:center;display:flex}.terms-modal-header h2{margin-bottom:0}.terms-close-btn{color:#b85a7a;cursor:pointer;background:#fff0f5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s,color .18s;display:flex}.terms-close-btn:hover{color:#4a3f55;background:#ffe0eb}.terms-modal-divider{background:#ffe0eb;height:1px;margin:18px 0}.terms-modal-body p{color:#5e6c8c;margin-bottom:14px;font-size:14px;line-height:1.8}.terms-modal-body p:last-child{margin-bottom:0}.confirm-bubble{z-index:20;background:#fffffff5;border:1px solid #ffe0eb;border-radius:18px;width:min(320px,100vw - 56px);padding:16px;animation:.18s confirmBubbleIn;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 18px 40px #ff6b8a2e}.confirm-bubble:before{content:"";background:#fffffff5;border-top:1px solid #ffe0eb;border-left:1px solid #ffe0eb;width:14px;height:14px;position:absolute;top:-7px;left:98px;transform:rotate(45deg)}.confirm-bubble-title{color:#3a4660;margin-bottom:4px;font-size:15px;font-weight:600}.confirm-bubble-subtitle{color:var(--muted-text);margin-bottom:12px;font-size:13px}.confirm-bubble-actions{gap:10px;display:flex}.confirm-bubble-actions .ghost-button,.confirm-bubble-actions .start-button{flex:1;min-height:40px}@keyframes confirmBubbleIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:.4s fadeInUp}@media (width<=820px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-hero-top,.distribution-head{flex-direction:column;align-items:stretch}.question-actions{flex-direction:column;align-items:center}.question-actions-left{justify-content:center;width:100%}.confirm-bubble{left:50%;transform:translate(-50%)}.confirm-bubble:before{left:50%;transform:translate(-50%)rotate(45deg)}}@media (width<=560px){.page-shell{padding:20px 12px 32px}.hero-card,.content-card{border-radius:20px;padding:18px}.hero-card h1{font-size:30px}.style-grid{grid-template-columns:1fr}.style-card{min-height:auto}.confirm-bubble{--confirm-bubble-x:-50%;left:50%}}.style-accent-RL{color:#ff6b8a}.style-bg-RL{background:#fff0f5}.style-fill-RL{background:linear-gradient(90deg,#ffb3c6 0%,#ff6b8a 100%)}.style-border-RL{border-color:#ffb3c6}.style-accent-SC{color:#ffb347}.style-bg-SC{background:#fff5e6}.style-fill-SC{background:linear-gradient(90deg,#ffd699 0%,#ffb347 100%)}.style-border-SC{border-color:#ffd699}.style-accent-AN{color:#ff8fab}.style-bg-AN{background:#ffe8ef}.style-fill-AN{background:linear-gradient(90deg,#ffd0e0 0%,#ff8fab 100%)}.style-border-AN{border-color:#ffd0e0}.style-accent-OB{color:plum}.style-bg-OB{background:#f8f0f8}.style-fill-OB{background:linear-gradient(90deg,#e8c8e8 0%,plum 100%)}.style-border-OB{border-color:#e8c8e8}.style-accent-DE{color:#98d8c8}.style-bg-DE{background:#f0faf6}.style-fill-DE{background:linear-gradient(90deg,#c0e8dc 0%,#98d8c8 100%)}.style-border-DE{border-color:#c0e8dc}.style-accent-SO{color:#b8a9c9}.style-bg-SO{background:#f5f0fa}.style-fill-SO{background:linear-gradient(90deg,#d0c8e0 0%,#b8a9c9 100%)}.style-border-SO{border-color:#d0c8e0}