.app{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top left,rgba(255,204,221,.8),transparent 28%),radial-gradient(circle at bottom right,rgba(255,228,191,.75),transparent 30%),linear-gradient(180deg,#fff7fb,#fff1f5 52%,#fffaf2);display:flex;flex-direction:column}.app-main{flex:1;padding:2rem 1rem;max-width:640px;margin:0 auto;width:100%;display:flex;justify-content:center;align-items:center}.landing-card{position:relative;width:100%;padding:52px 32px 36px;border-radius:32px;background:#ffffffd1;border:1px solid rgba(255,204,221,.7);box-shadow:0 22px 60px #f4a4c42e,0 10px 25px #ffd6e059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hub-card{width:100%;padding:48px 32px 36px;border-radius:32px;background:#ffffffd6;border:1px solid rgba(255,210,225,.75);box-shadow:0 22px 60px #f4a4c429,0 10px 25px #ffd6e04d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-card{width:100%;padding:52px 32px 36px;border-radius:32px;background:#ffffffdb;border:1px solid rgba(255,210,225,.75);box-shadow:0 22px 60px #f4a4c429,0 10px 25px #ffd6e04d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-card{width:100%;padding:40px 32px 36px;border-radius:32px;background:#ffffffdb;border:1px solid rgba(255,210,225,.75);box-shadow:0 22px 60px #f4a4c429,0 10px 25px #ffd6e04d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.1rem;padding:.35rem .9rem;border-radius:999px;background:linear-gradient(135deg,#ffe2ec,#ffeeda);color:#d16f96;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin-bottom:1.4rem}.hero{position:relative;text-align:center;margin-bottom:2rem}.hero-ornament{position:absolute;top:-10px;font-size:1.4rem;color:#f29abd;opacity:.75}.hero-ornament-left{left:8px}.hero-ornament-right{right:8px}.main-title{font-size:clamp(2rem,7vw,3rem);line-height:1.25;color:#5e3d51;font-weight:700;letter-spacing:.01em;margin-bottom:1rem}.subtitle{max-width:28rem;margin:0 auto;font-size:clamp(.98rem,2.8vw,1.05rem);line-height:1.75;color:#866879}.hub-title{font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.3;color:#5e3d51;margin-bottom:.9rem}.hub-subtitle{color:#866879;line-height:1.75;font-size:.98rem;margin-bottom:1.4rem}.hub-list{display:flex;flex-direction:column;gap:.9rem}.hub-item{width:100%;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.05rem;border:1px solid #ffd6e3;border-radius:22px;background:linear-gradient(135deg,#fff9fb,#fff5f8);text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hub-item:hover{transform:translateY(-1px);border-color:#f5b8cd;box-shadow:0 12px 22px #f4a4c424}.hub-item-disabled{cursor:default;opacity:.78}.hub-item__title{color:#5e3d51;font-size:1rem;font-weight:700}.hub-item__desc{color:#8b7080;font-size:.93rem;line-height:1.6}.highlights{display:flex;flex-direction:column;gap:.9rem}.highlight-item{display:flex;align-items:flex-start;gap:.8rem;padding:.95rem 1rem;border-radius:20px;background:linear-gradient(135deg,#fff8fb,#fff4f7);border:1px solid #ffd9e5;color:#6b5362;line-height:1.65;font-size:.97rem}.checkmark{color:#eb7da8;font-weight:700;flex-shrink:0}.actions{margin-top:1.8rem;display:flex;justify-content:center}.quiz-topbar{margin-bottom:1.8rem}.quiz-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.progress-text{color:#b07d97;font-size:.9rem;font-weight:600}.progress-track{width:100%;height:10px;border-radius:999px;background:#ffe8f0;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,#f6a7c8,#f7bf8d);transition:width .25s ease}.question-panel{margin-bottom:1.7rem}.question-title{font-size:clamp(1.55rem,5vw,2.1rem);line-height:1.45;color:#5e3d51;margin-bottom:1.2rem}.option-list{display:flex;flex-direction:column;gap:.85rem}.option-btn{width:100%;padding:1rem;border-radius:20px;border:1px solid #ffd6e3;background:linear-gradient(135deg,#fff9fb,#fff5f8);color:#6b5362;font-size:.98rem;line-height:1.6;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.option-btn:hover{transform:translateY(-1px);border-color:#f7b5cb;box-shadow:0 10px 20px #f4a4c41f}.option-btn-selected{border-color:#ef92b5;background:linear-gradient(135deg,#ffeef5,#ffe7f1);box-shadow:0 12px 24px #f4a4c42e}.quiz-actions{display:flex;justify-content:space-between;gap:.9rem;margin-top:1.4rem}.start-btn{min-width:190px;border:none;border-radius:999px;padding:1rem 1.8rem;background:linear-gradient(135deg,#f7a4c3,#f7b996);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #f494b652;transition:transform .2s ease,box-shadow .2s ease}.start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #f494b661}.start-btn:active{transform:translateY(0)}.start-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.results-header{margin-bottom:1.5rem}.results-title{font-size:clamp(1.7rem,6vw,2.4rem);color:#5e3d51;margin-bottom:.55rem}.results-summary{display:inline-flex;padding:.38rem .8rem;border-radius:999px;background:#ffffffb8;color:#c26d93;font-size:.86rem;font-weight:700;margin-bottom:.8rem}.results-subtitle{color:#866879;line-height:1.7;font-size:.98rem}.result-preview-card{padding:1.15rem 1rem;border-radius:24px;background:#ffffffb3;border:1px solid rgba(255,216,229,.9);box-shadow:0 14px 28px #f4a4c41a;margin-bottom:1rem}.preview-label{display:inline-flex;padding:.35rem .75rem;border-radius:999px;background:linear-gradient(135deg,#ffe8f1,#fff1df);color:#d27298;font-size:.82rem;font-weight:700;margin-bottom:.9rem}.preview-text{color:#6e5664;line-height:1.85;font-size:.98rem}.unlock-card{padding:1.15rem 1rem;border-radius:24px;background:linear-gradient(135deg,#fff4f8,#fffaf3);border:1px solid #ffdbe7}.unlock-title{color:#5e3d51;font-size:1.05rem;margin-bottom:.9rem}.unlock-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.unlock-item{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem .9rem;border-radius:18px;background:#ffffffb8;color:#6b5362;line-height:1.65}.unlock-dot{color:#eb7da8;font-weight:700;flex-shrink:0}.unlock-btn{width:100%;border:none;border-radius:18px;padding:.95rem 1rem;background:linear-gradient(135deg,#f49ac0,#f7b384);color:#fff;font-size:.98rem;font-weight:700;cursor:pointer;box-shadow:0 14px 28px #f494b633;transition:transform .2s ease,box-shadow .2s ease}.unlock-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #f494b63d}.result-detail-a{background:linear-gradient(180deg,#ffffffe6,#fffaf4e6),#ffffffdb}.result-detail-b{background:linear-gradient(180deg,#ffffffe6,#fcf7ffeb),#ffffffdb}.result-detail-c{background:linear-gradient(180deg,#ffffffe6,#fff6f2eb),#ffffffdb}.result-detail-d{background:linear-gradient(180deg,#ffffffeb,#fff2f6f5),#ffffffdb}.secondary-btn{min-width:160px;border:1px solid #f7bfd1;border-radius:999px;padding:.9rem 1.6rem;background:#fff7fae6;color:#b46387;font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease}.secondary-btn:hover{transform:translateY(-1px);background:#fff3f8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#5b374942;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(100%,420px);padding:1.6rem 1.3rem 1.3rem;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,226,236,.95),transparent 28%),linear-gradient(180deg,#fffdfd,#fff6fa);border:1px solid rgba(246,190,213,.95);box-shadow:0 24px 60px #7a4d632e,0 10px 28px #f4a4c42e}.modal-badge{display:inline-flex;padding:.35rem .72rem;border-radius:999px;background:linear-gradient(135deg,#ffe4ee,#fff0e1);color:#cf6d95;font-size:.8rem;font-weight:700;margin-bottom:.95rem}.modal-title{color:#5e3d51;font-size:clamp(1.35rem,4vw,1.7rem);line-height:1.35;margin-bottom:.85rem}.modal-text{color:#715868;line-height:1.75;font-size:.96rem}.modal-text-soft{margin-top:.6rem;color:#947788}.modal-btn{width:100%;margin-top:1.2rem;border:none;border-radius:18px;padding:.95rem 1rem;background:linear-gradient(135deg,#f49ac0,#f7b384);color:#fff;font-size:.98rem;font-weight:700;cursor:pointer;box-shadow:0 14px 28px #f494b633}@media (max-width: 640px){.landing-card,.hub-card,.results-card{padding:40px 20px 28px;border-radius:28px}.quiz-card{padding:32px 20px 28px;border-radius:28px}.hero-ornament-left{left:0}.hero-ornament-right{right:0}.highlight-item{font-size:.94rem}.quiz-progress-copy{align-items:flex-start;flex-direction:column}.quiz-actions{flex-direction:column}.quiz-actions .start-btn,.quiz-actions .secondary-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--line-height: 1.5;--font-weight: 400;--color: #5e3d51;--bg-color: #fff7fb}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}