:root{--sage:#d2ddd6;--paper:#f8f3ec;--ink:#202622;--brown:#5d3d3d;--muted:#657168}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;background:#93a59a;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}.phone{position:relative;width:min(100%,430px);min-height:100dvh;margin:auto;background:var(--sage);overflow:hidden}.content{min-height:100dvh;padding:25px 18px 111px;overflow:auto}.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.brand{font-weight:700;letter-spacing:.1em;font-size:17px}.back{color:var(--muted);font-size:14px;text-decoration:none}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.12em;color:#6a796e;margin:0 0 8px}.title{margin:0;font-size:31px;line-height:1.25;letter-spacing:-.04em}.subtitle{margin:10px 0 0;color:#526056;font-size:16px;line-height:1.65}.card{margin-top:25px;padding:23px 20px;background:rgba(248,243,236,.94);border-radius:23px;border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 23px rgba(55,67,59,.12)}.pill{display:inline-block;padding:5px 10px;border-radius:99px;background:#e3ebe5;color:#5c695f;font:12px Arial}.info{display:grid;gap:18px;margin-top:20px}.info b{display:block;font-size:17px;margin-bottom:5px}.info span{font-size:15px;color:#566159;line-height:1.6}.cta{display:block;margin-top:18px;background:var(--brown);border-radius:16px;color:#fff;text-decoration:none;text-align:center;padding:15px;font-size:17px}.bottom{position:absolute;bottom:0;left:0;width:100%;height:88px;display:flex;justify-content:space-around;align-items:center;background:rgba(239,243,239,.97);border-top:1px solid #c5d0c7}.nav{display:flex;flex-direction:column;align-items:center;gap:3px;color:#5a675e;text-decoration:none;font-size:13px}.nav img{width:25px;height:25px}.nav.active{color:var(--brown);font-weight:600}.nav.active img{background:#d9e5dc;border-radius:10px}.progress{margin:26px 0 22px}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:9px}.track{height:7px;border-radius:99px;background:#b9c9bd}.fill{height:100%;border-radius:99px;background:var(--brown);transition:.25s}.question{display:none}.question.active{display:block}.question h2{font-size:23px;line-height:1.45;margin:18px 0 21px}.options{display:grid;gap:10px}.option{display:flex;gap:12px;align-items:center;min-height:54px;padding:12px 14px;background:#fffdfa;border:1px solid #d8ded9;border-radius:14px;font-size:16px;line-height:1.4}.option:has(input:checked){background:#f1e8dc;border-color:var(--brown);box-shadow:inset 0 0 0 1px var(--brown)}input{accent-color:var(--brown);width:17px;height:17px}.hint{min-height:21px;margin:15px 0;color:#993d3d;font-size:13px}.actions{display:flex;gap:10px}.button{border:0;border-radius:15px;padding:14px 17px;font:inherit;font-size:16px;cursor:pointer}.button.main{background:var(--brown);color:#fff;flex:1}.button.alt{background:#e4ece6;color:#46534a}.button[hidden]{display:none}.result-top{display:flex;justify-content:space-between;align-items:center}.result-label{margin:0;color:var(--muted);font-size:15px}.number{font:bold 50px Arial;color:var(--brown);margin:6px 0}.number small{font-size:22px}.orb{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffbe0 0 10%,#e8c66f 42%,#bd8769 72%,#86675e 100%)}.energy{height:13px;background:#dbe2dc;border-radius:99px;overflow:hidden;margin:15px 0 24px}.energy div{height:100%;background:linear-gradient(90deg,#709582,#c7a659,#ae6759);transition:1s}.status{font-size:24px;margin:0 0 10px}.advice{margin:0;color:#515b54;font-size:16px;line-height:1.75}.note{margin-top:20px;padding:14px;border-radius:14px;background:#e7ede8;color:#59665d;font-size:13px;line-height:1.65}.again{margin-top:18px;width:100%;background:var(--brown);color:#fff}@media(min-width:431px){body{padding:18px 0;background:linear-gradient(135deg,#788f83,#b8c7bd)}.phone{min-height:calc(100dvh - 36px);border-radius:28px;box-shadow:0 16px 50px rgba(35,49,41,.24)}.content{min-height:calc(100dvh - 36px)}}
.panda-result{width:84px;height:84px;object-fit:contain;animation:panda-cheer 1.8s ease-in-out infinite;transform-origin:center bottom}@keyframes panda-cheer{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.panda-result{animation:none}}
.dimension-list{display:grid;gap:9px;margin-top:18px}.dimension-list>div{padding:11px 12px;border-radius:12px;background:#e7ede8}.dimension-list b{display:block;font-size:13px}.dimension-list span{display:block;margin-top:4px;color:#59665d;font-size:12px;line-height:1.55}
@media(min-width:431px){body{padding:15px 0}.phone{width:375px;height:calc(100dvh - 30px);min-height:calc(100dvh - 30px);border-radius:26px}.content{min-height:calc(100dvh - 30px)}}
.phone{width:min(100%,375px)}
a,a:visited,a:hover,a:active{text-decoration:none}
body a,body a:visited,body a:hover,body a:active{text-decoration:none!important}