#page-landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#e8f6fc 0,#fff0f7 50%,#e8f6fc 100%);padding:45px 24px 40px;position:relative;overflow:hidden}#page-landing::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(91,206,250,.12) 0,transparent 70%);pointer-events:none}.landing-logo{width:128px;height:128px;margin-bottom:12px;filter:saturate(.7) brightness(1.1) drop-shadow(0 0 12px rgba(255,160,200,.5)) drop-shadow(0 0 30px rgba(255,140,185,.3)) drop-shadow(0 0 50px rgba(255,120,170,.15));animation:float 3s ease-in-out infinite;will-change:transform}#page-landing>:not(.sakura-petals){position:relative;z-index:1}.sakura-svg{width:100%;height:100%;overflow:visible}.petal-1{transform-origin:16px 15.5px;animation:petalSway1 10s ease-in-out infinite;will-change:transform}.petal-veins{transform-origin:16px 15.5px;animation:petalSway1 10s ease-in-out infinite;will-change:transform}.stamen{transform-origin:16px 15.5px;animation:stamenWobble 8s ease-in-out infinite;will-change:transform}@keyframes petalSway1{0%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}50%{transform:rotate(0)}75%{transform:rotate(2.5deg)}100%{transform:rotate(0)}}@keyframes stamenWobble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.015)}50%{transform:rotate(0) scale(1.03)}75%{transform:rotate(3deg) scale(1.015)}100%{transform:rotate(0) scale(1)}}.sakura-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sakura-petal{position:absolute;width:12px;height:12px;background:radial-gradient(ellipse at 30% 30%,#ffb6c1 0,#ff9aaf 50%,rgba(255,154,175,0) 100%);border-radius:50% 0 50% 50%;opacity:0;animation-name:petalFall;animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}@keyframes petalFall{0%{opacity:0;transform:translateY(-30px) translateX(0) rotate(0) scale(.5)}5%{opacity:.85}20%{transform:translateY(20vh) translateX(calc(var(--drift-x,0) * .25)) rotate(var(--rotate1,0deg)) scale(.72)}40%{transform:translateY(40vh) translateX(calc(var(--drift-x,0) * .6)) rotate(var(--rotate2,0deg)) scale(.68)}60%{transform:translateY(60vh) translateX(calc(var(--drift-x,0) * .45)) rotate(var(--rotate3,0deg)) scale(.63)}80%{opacity:.5;transform:translateY(80vh) translateX(calc(var(--drift-x,0) * .8)) rotate(var(--rotate4,0deg)) scale(.58)}92%{opacity:.25}100%{opacity:0;transform:translateY(calc(100vh + 40px)) translateX(calc(var(--drift-x,0) * .55)) rotate(var(--rotate5,0deg)) scale(.52)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.5deg)}}.landing-title{font-size:clamp(36px, 8vw, 64px);font-weight:900;background:linear-gradient(135deg,#5bcefa,#f5a9b8,#5bcefa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}.landing-subtitle{font-size:clamp(14px, 3vw, 18px);color:var(--text-sub);margin-bottom:32px;font-style:italic}.landing-desc{max-width:520px;font-size:16px;color:var(--text-main);margin-bottom:32px;line-height:1.8}.landing-stats{display:flex;gap:32px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-num{font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--blue-primary),var(--pink-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:var(--text-sub);white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:rgba(26,42,58,.6);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;padding:20px;animation:fadeIn .3s ease;overflow-y:auto;overscroll-behavior:contain}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:var(--radius);padding:40px 36px;max-width:520px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.2);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);position:relative;border:2px solid var(--blue-primary);margin:auto}@keyframes slideUp{from{transform:translateY(40px) scale(.96);opacity:0}to{transform:none;opacity:1}}.modal-emoji{font-size:56px;display:block;text-align:center;margin-bottom:16px}.modal-title{font-size:22px;font-weight:800;text-align:center;margin-bottom:20px;color:var(--dark)}.disclaimer-text{font-size:14px;color:var(--text-sub);line-height:1.9;text-align:left;background:#e8f6fc;border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:24px;border-left:4px solid var(--blue-primary)}.disclaimer-text p{margin-bottom:8px}.disclaimer-text p:last-child{margin-bottom:0}.modal-actions{display:flex;gap:12px;justify-content:center}#page-quiz{min-height:100vh;background:linear-gradient(160deg,#e8f6fc 0,#fff0f7 100%);padding:32px 0 60px}.quiz-header{padding:0 0 24px 0;border-bottom:1px solid var(--border);margin-bottom:32px}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quiz-brand{display:inline-flex;align-items:center;gap:4px;font-size:20px;font-weight:900;background:linear-gradient(135deg,var(--blue-primary),var(--pink-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-brand-icon{width:20px;height:20px;flex-shrink:0}.quiz-counter{font-size:14px;color:var(--text-sub);font-weight:600}.question-card{background:#fff;border-radius:var(--radius);padding:36px 40px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:24px}.question-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue-primary),var(--pink-primary));color:#fff;font-weight:800;font-size:14px;margin-bottom:16px}.question-text{font-size:clamp(17px, 2.5vw, 20px);font-weight:700;color:var(--dark);margin-bottom:28px;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fff;text-align:left;width:100%;font-size:15px;color:var(--text-main);line-height:1.6}.option-item:hover{border-color:var(--blue-primary);background:#e8f6fc;transform:translateX(4px)}.option-item.selected{border-color:var(--blue-primary);background:linear-gradient(135deg,#e8f6fc,#fff0f7);box-shadow:0 0 0 3px rgba(91,206,250,.15)}.option-label{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--text-sub);transition:var(--transition);margin-top:1px}.option-item.selected .option-label{background:linear-gradient(135deg,var(--blue-primary),var(--pink-primary));color:#fff}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.quiz-footer-info{font-size:13px;color:var(--text-sub)}#page-result{min-height:100vh;background:linear-gradient(160deg,#e8f6fc 0,#fff0f7 50%,#e8f6fc 100%);padding:40px 0 40px}.result-hero{text-align:center;margin-bottom:40px}.result-avatar{width:180px;height:180px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(91,206,250,.3);border:6px solid #fff;position:relative;overflow:hidden;background:#fff}.result-avatar svg{width:100%;height:100%;border-radius:50%}.result-code{font-size:clamp(48px, 10vw, 80px);font-weight:900;letter-spacing:.05em;background:linear-gradient(135deg,var(--blue-primary),var(--pink-primary),var(--blue-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.result-name-zh{font-size:clamp(22px, 5vw, 32px);font-weight:800;color:var(--dark);margin-bottom:4px}.result-name-en{font-size:16px;color:var(--text-sub);font-style:italic;margin-bottom:12px}.result-subtitle{font-size:14px;color:var(--text-sub);background:#e8f6fc;padding:6px 16px;border-radius:99px;display:inline-block;margin-bottom:20px}.result-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.result-desc-card{background:#fff;border-radius:var(--radius);padding:36px 40px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:28px;font-size:15px;line-height:1.9;color:var(--text-main)}.result-desc-card h3{font-size:18px;font-weight:800;color:var(--dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.result-desc-card strong{color:var(--blue-primary);font-weight:700}.dimensions-card{background:#fff;border-radius:var(--radius);padding:36px 40px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:28px}.dimensions-card h3{font-size:18px;font-weight:800;color:var(--dark);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border)}.dimension-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.dim-label{width:160px;font-size:13px;font-weight:700;color:var(--text-sub);white-space:nowrap;flex-shrink:0}.dim-bar-wrap{flex:1;background:var(--border);border-radius:99px;height:10px;overflow:hidden;position:relative;min-width:100px}.dim-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue-primary),var(--pink-primary));transition:width 1s cubic-bezier(.4,0,.2,1)}.dim-score{width:40px;text-align:right;font-size:13px;font-weight:800;color:var(--blue-primary);flex-shrink:0}.dim-desc{width:120px;font-size:11px;color:var(--text-sub);text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}#page-calculating{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(160deg,#e8f6fc 0,#fff0f7 100%)}.calc-spinner{width:80px;height:80px;border:6px solid var(--border);border-top-color:var(--blue-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calc-text{font-size:18px;font-weight:700;color:var(--text-sub)}.calc-subtext{font-size:14px;color:var(--text-sub);opacity:.6}.hidden{display:none!important}@media (prefers-color-scheme:dark){#page-landing{background:linear-gradient(160deg,#0a1520 0,#151020 50%,#0a1520 100%)}#page-quiz{background:linear-gradient(160deg,#0a1520 0,#151020 100%)}#page-result{background:linear-gradient(160deg,#0a1520 0,#151020 50%,#0a1520 100%)}#page-calculating{background:linear-gradient(160deg,#0a1520 0,#151020 100%)}#page-all-personalities{background:linear-gradient(160deg,#0a1520 0,#151020 100%)}.modal-box{background:var(--card-bg);border-color:var(--border)}.modal-title{color:var(--text-main)}.disclaimer-text{background:#203040;border-color:var(--border)}.question-card{background:var(--card-bg)}.question-text{color:var(--text-main)}.option-item{background:var(--card-bg)}.option-item:hover{background:#203040}.option-item.selected{background:linear-gradient(135deg,#152030,#201525)}.result-desc-card{background:var(--card-bg)}.result-desc-card h3{color:var(--text-main)}.dimensions-card{background:var(--card-bg)}.dimensions-card h3{color:var(--text-main)}.result-name-zh{color:var(--text-main)}.result-subtitle{background:var(--card-bg)}.result-avatar{background:var(--card-bg);border-color:var(--card-bg)}.btn-secondary{background:var(--card-bg)}.btn-secondary:hover{background:#203040}.personality-tag{background:var(--card-bg);color:var(--text-sub)}.result-tags .tag{background:var(--card-bg);color:var(--blue-primary);border-color:var(--blue-primary)}}@media (max-width:600px){.question-card{padding:24px 20px}.dimensions-card,.result-desc-card{padding:24px 20px}.dimension-row{flex-wrap:wrap}.dim-desc{display:none}.modal-box{padding:28px 20px}}