/* 尺寸以 560px 参考稿按 0.7 缩放到 390px 手机视口。 */
:root{--blue:#003bc6;--ink:#090f25}body{font-family:Arial,"Microsoft YaHei",sans-serif}.page{background:linear-gradient(155deg,#fff 0%,#fff 50%,#f4f7ff 100%);padding:38px 16px 88px}.btn{background:linear-gradient(110deg,#0034b7,#0045d2);box-shadow:none;border-radius:12px;font-size:18px;height:46px}.btn.outline{border-width:1px}.nav{position:fixed;width:min(100%,430px);left:50%;transform:translateX(-50%);height:72px;padding:10px 60px 18px}.home-page .home-head:before,.home-page .home-head:after,.quiz:before{display:none}.home-page{padding:38px 16px 90px}.home-page .home-head{margin:0;gap:12px}.home-head h2{font-size:21px;letter-spacing:-.8px;margin:0;line-height:1.3}.home-head .avatar{flex-shrink:0;width:36px;height:36px;background:#e7efff;color:#003bc6;border:0;box-shadow:none}.welcome{margin-top:20px;position:relative;z-index:2}.welcome strong{font-size:18px}.welcome p{margin:6px 0 0;font-size:11px;letter-spacing:1px;color:#657087}.hero{margin:-39px -16px 0;padding:68px 16px 22px;height:166px;background:linear-gradient(100deg,#f5f8ff 0%,#f2f6ff 55%,#d9e8ff 100%)}.hero h1{max-width:100%;font-size:27px;letter-spacing:-1px;white-space:nowrap;margin-bottom:10px}.hero p{max-width:240px;font-size:12px;line-height:1.55}.hero .eyebrow{display:none}.hero:before{height:142px;width:81px;right:66px;top:5px;border:6px solid #8eb9ff;transform:rotate(4deg);opacity:.65;box-shadow:inset 0 0 0 4px #fff,0 0 0 4px #e8f2ff,0 0 0 7px #ffffffa0}.hero:after{right:-36px;bottom:18px;height:90px;width:160px;transform:skewY(-6deg)}.video{margin:0;border:1px solid #003bc6;border-radius:13px}.video-stage{aspect-ratio:var(--ratio)}.video-caption{font-size:10px;padding:5px 10px}.play{margin-top:38px;width:43px;height:43px;border:0}.video-stage:before{font-size:21px;top:25px}.video-stage small{font-size:11px;bottom:8px}.actions{margin:16px 0;gap:13px}.actions .btn{height:40px;font-size:15px;border-radius:5px}.stats{margin:0 0 15px;border:0;padding:7px 0 12px}.stat{text-align:center}.stat span{font-size:12px}.stat b{font-size:30px;margin-top:9px}.rule{position:relative;padding:18px 17px 12px 76px;border:0;border-radius:14px}.rule:before{content:'✓';position:absolute;left:18px;top:29px;display:grid;place-items:center;width:39px;height:45px;background:linear-gradient(130deg,#e4edff,#c0d3ff);color:#175be5;border-radius:5px;font-size:26px}.rule h3{font-size:16px}.rule p{font-size:12px}.rule .btn{font-size:12px;height:30px}.quiz{padding:44px 18px 40px}.quiz-brand{margin-bottom:24px;font-size:20px}.quiz-brand i{width:29px;height:31px;font-size:9px}.quiz .back{top:48px;right:19px}.quiz-top{margin-bottom:25px}.quiz-top>div:first-child{width:60%;font-size:13px}.quiz-top b{font-size:24px}.quiz-top>div:last-child b{font-size:28px}.meter{margin-top:8px;height:6px}.q-card{padding:24px 21px;min-height:550px;border-radius:18px;box-shadow:0 1px 9px #17295513}.q-card h2{font-size:23px;line-height:1.65;margin:20px 0 28px}.pill{padding:6px 13px;font-size:13px}.option{min-height:62px;font-size:18px;margin:17px 0;padding:12px;border-radius:11px;gap:15px}.option i{width:33px;height:33px;font-size:21px;flex-shrink:0}.quiz-actions{margin:30px 0 0}.quiz-actions .btn{height:46px;font-size:19px;min-width:150px}.quiz-actions .ghost{min-width:0;padding:0}.result-page{padding:73px 23px 38px}.result .brand,.result .eyebrow{display:none}.result .title{margin:0 0 25px;font-size:27px;letter-spacing:1px}.score-ring{width:280px;height:280px;margin:0 auto 28px;border-width:23px;background:#fff;border-color:#e8eeff;border-right-color:#c4d2ff;box-shadow:0 15px 25px #214fd512}.score-ring b{font-size:128px;letter-spacing:-6px}.score-ring span{font-size:18px;margin-top:14px}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px -4px}.result-grid .card{min-height:112px;padding:10px 2px;border-radius:10px;box-shadow:0 3px 12px #1d45bb12}.result-grid small{font-size:10px;white-space:nowrap}.result-grid b{font-size:22px;margin-top:15px}.win{margin:23px 25px;font-size:14px;padding:12px}.result>.btn{margin-top:3px}.result>.ghost{margin-top:8px;color:#5d6983}.profile-page{padding:40px 16px 88px;background:#f7f9fe}.profile{padding:0}.profile>.brand{display:none}.profile-head{padding:0 8px 23px;margin:0 0 20px;background:#fff;gap:21px}.profile-head .avatar{width:94px;height:94px;font-size:30px;background:#e7efff;color:#1852bd;box-shadow:none}.profile-head h1{font-size:27px}.profile-head p{font-size:13px}.profile-stats{grid-template-columns:1fr 1fr;padding:14px;gap:11px}.profile-stats div{min-height:95px;padding:16px}.profile-stats div:last-child{display:none}.profile-stats div:nth-child(3){grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:70px}.profile-stats b{font-size:24px}.profile-stats span{font-size:13px}.menu{margin-top:24px}.menu button{align-items:center;height:47px;min-height:47px;font-size:16px;padding:0 18px}.profile>.btn{color:#647087;margin-top:10px}.login-page,.select-page{padding:70px 39px 40px;background:linear-gradient(160deg,#fff,#fff 65%,#f5f8ff)}.login-page .brand,.select-page .brand{font-size:0;gap:10px}.login-page .brand i,.select-page .brand i{width:44px;height:49px;font-size:14px}.login-page .brand:after,.select-page .brand:after{font-size:14px}.login-page .eyebrow,.select-page .eyebrow{margin-top:24px;font-size:0}.login-page .login-title,.select-page .title{font-size:27px;line-height:1.35;margin:8px -18px 10px}.login-page .sub{font-size:14px;color:#606a81}.form{margin-top:28px}.field{margin:16px 0}.field input,.field select{height:51px;border-radius:9px;background:#f9faff;font-size:14px}.field label{font-size:12px;font-weight:400;color:#58667f}.login-page .back{top:-44px;left:-18px;font-size:12px}.form>.btn{margin-top:19px;height:54px}.select-page>.content>.sub{margin-bottom:25px}.choice-card{background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #dce6f6;padding:24px 0;min-height:160px}.choice-card h2{font-size:24px}.choice-card:after{right:-38px;bottom:-15px}.choice-card p{width:80%}.select-page .note{text-align:center;margin-top:30px}
 .nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.nav .active svg{fill:currentColor}.home-page .welcome{margin-top:20px}.home-page .hero{margin-top:-39px}.profile-stats div:nth-child(3) b{margin-top:0}