.home-page[data-v-4dad6fcf]{display:flex;flex-direction:column;align-items:center;min-height:100vh}.home-banner[data-v-4dad6fcf]{width:100%;position:relative;overflow:hidden}.banner-bg[data-v-4dad6fcf]{width:100%;display:block}.home-header[data-v-4dad6fcf]{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:60px 20px 24px;background:linear-gradient(transparent,#fffffff2 60%)}.app-title[data-v-4dad6fcf]{font-size:36px;font-weight:800;color:#6366f1;letter-spacing:2px;text-shadow:0 1px 4px rgba(255,255,255,.8)}.app-subtitle[data-v-4dad6fcf]{font-size:17px;color:#888;margin-top:8px}.home-intro[data-v-4dad6fcf]{width:100%;text-align:center;margin-bottom:32px}.intro-text[data-v-4dad6fcf]{font-size:15px;color:#555;margin-bottom:12px;line-height:1.7}.intro-detail[data-v-4dad6fcf]{font-size:13px;color:#999;line-height:1.6}.home-actions[data-v-4dad6fcf]{width:100%;display:flex;flex-direction:column;gap:12px}.start-btn[data-v-4dad6fcf]{font-size:18px;min-height:54px}.history-divider[data-v-4dad6fcf]{text-align:center;color:#bbb;font-size:14px;margin:4px 0}.home-footer[data-v-4dad6fcf]{margin-top:auto;padding:32px 0 16px;font-size:12px;color:#ccc}.test-page[data-v-2fdca1ec]{padding-top:16px}.test-header[data-v-2fdca1ec]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.back-btn[data-v-2fdca1ec]{flex-shrink:0}.progress-text[data-v-2fdca1ec]{font-size:14px;color:#888;font-weight:500}.question-card[data-v-2fdca1ec]{margin-bottom:20px}.question-text[data-v-2fdca1ec]{font-size:17px;color:#333;line-height:1.7;margin-bottom:24px;text-align:center}.options[data-v-2fdca1ec]{display:flex;flex-direction:column;gap:14px}.test-nav[data-v-2fdca1ec]{display:flex;justify-content:center;margin-top:8px}.result-page[data-v-70f12c02]{min-height:100vh;background:#f5f0eb;padding:40px 20px 32px}.result-header[data-v-70f12c02]{text-align:center;margin-bottom:20px}.result-type-label[data-v-70f12c02]{font-size:42px;font-weight:800;color:#333;letter-spacing:6px;margin-bottom:4px}.result-name-label[data-v-70f12c02]{font-size:20px;font-weight:600;color:#888}.result-image-card[data-v-70f12c02]{width:100%;border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:0 2px 12px #00000014;background:#e8e5f0}.hero-image[data-v-70f12c02]{width:100%;display:none}.hero-image.loaded[data-v-70f12c02]{display:block}.hero-placeholder[data-v-70f12c02]{width:100%;height:200px}.result-desc-card[data-v-70f12c02]{margin-bottom:20px}.result-desc[data-v-70f12c02]{font-size:15px;color:#444;line-height:1.8;text-align:center}.result-dimensions[data-v-70f12c02]{margin-bottom:28px}.section-title[data-v-70f12c02]{font-size:16px;font-weight:700;color:#333;margin-bottom:16px;text-align:center}.dimension-label[data-v-70f12c02]{font-size:14px;color:#999;font-weight:600;transition:color .3s}.dimension-label.active[data-v-70f12c02]{color:#6366f1;font-weight:800}.result-actions[data-v-70f12c02]{display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f5f0eb;color:#333;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh}.app-container{max-width:480px;margin:0 auto;min-height:100vh;background:#f5f0eb;position:relative}.page{padding:24px 20px;min-height:100vh}.card{background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 2px 12px #0000000f}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;min-height:48px;padding:12px 28px;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:#6366f1;color:#fff;width:100%}.btn-secondary{background:#e8e5ff;color:#6366f1}.btn-outline{background:transparent;border:2px solid #6366f1;color:#6366f1}.btn-sm{min-height:40px;padding:8px 20px;font-size:14px;border-radius:10px}.option-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:16px 20px;border:2px solid #e5e0d8;border-radius:14px;background:#fff;font-size:16px;color:#333;cursor:pointer;transition:all .2s;text-align:center;line-height:1.5;user-select:none;-webkit-user-select:none}.option-btn:active{background:#6366f1;color:#fff;border-color:#6366f1}.progress-bar{width:100%;height:6px;background:#e5e0d8;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s}.dimension-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dimension-label{font-weight:700;font-size:15px;width:40px;text-align:center}.dimension-track{flex:1;height:10px;background:#e5e0d8;border-radius:5px;overflow:hidden;display:flex}.dimension-fill-left{height:100%;background:#6366f1;border-radius:5px 0 0 5px;transition:width .5s}.dimension-fill-right{height:100%;background:#f59e0b;border-radius:0 5px 5px 0;transition:width .5s}.image-placeholder{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 16px;color:#fff}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:10px;font-size:15px;z-index:1000;animation:toastFade 2s ease-in-out}@keyframes toastFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@media (min-width: 481px){.app-container{box-shadow:0 0 30px #00000014}}