:root{--bg-color:#f9f6f0;--primary-green:#d1dfd3;--accent-pink:#f4e0e0;--text-color:#5a5e5b;--transition-speed:.5s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);justify-content:center;align-items:center;margin:0;padding:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex;overflow:hidden}#app{width:100%;height:100%}.wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.decoration{z-index:0;pointer-events:none;opacity:.6;position:absolute}.decor-1{width:80px;top:5%;right:5%}.decor-2{width:100px;bottom:5%;left:5%;transform:rotate(15deg)}.container{z-index:1;flex-direction:column;width:100%;max-width:500px;height:100%;padding:40px 30px;display:flex;position:relative}.page{width:100%;animation:fadeIn var(--transition-speed) ease-in-out;flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-container{background-color:#eee;border-radius:2px;width:100%;height:4px;margin-bottom:40px}.progress-bar{background-color:var(--primary-green);border-radius:2px;width:0%;height:100%;transition:width .3s}h1{text-align:center;margin-bottom:10px;font-size:24px;font-weight:500}p.subtitle{text-align:center;color:#888;margin-bottom:40px;font-size:14px}.question-text{margin-bottom:30px;font-size:18px;line-height:1.5}.btn{background-color:var(--primary-green);color:#5a5e5b;cursor:pointer;border:none;border-radius:25px;margin:0 auto;padding:15px 30px;font-size:16px;transition:transform .2s;display:block;box-shadow:0 4px 10px #0000000d}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.6;cursor:not-allowed}.option-card{cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:15px;margin-bottom:15px;padding:20px;transition:all .2s;box-shadow:0 2px 8px #00000008}.option-card:hover,.option-card:active{background-color:var(--accent-pink);border-color:#eee}.input-area{border:none;border-bottom:2px solid var(--primary-green);text-align:center;background:0 0;outline:none;width:100%;margin-bottom:30px;padding:12px 5px;font-size:16px}.result-img{color:#aaa;background-color:#efefef;border-radius:15px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:20px;display:flex}.result-title{color:#5a5e5b;text-align:center;margin-bottom:15px;font-size:22px;font-weight:700}.result-desc{text-align:center;color:#777;line-height:1.8}