*{box-sizing:border-box}body{margin:0;background:#fdf0dc;color:#2c1204;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.app{min-height:100vh;padding-bottom:40px}.hero{position:relative;height:220px;overflow:hidden;background:url(https://chama-1314862403.cos.ap-guangzhou.myqcloud.com/chama/mini-config/logobg.webp) center / cover}.hero-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2c120459,#7f000bf2)}.hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:18px;width:min(900px,100%);height:100%;margin:0 auto;padding:34px 20px}.seal{display:flex;align-items:center;justify-content:center;width:74px;height:74px;flex:0 0 auto;border:3px solid #e49e22;border-radius:14px;background:#7f000b;box-shadow:0 10px 30px #2c120459;color:#ffc74a;font-family:STSong,serif;font-size:32px;font-weight:900}.eyebrow,.subtitle{margin:0;color:#fdecd1}.eyebrow{font-size:12px;letter-spacing:2px}h1{margin:8px 0;color:#ffc74a;font-family:STSong,serif;font-size:36px;line-height:1.05}.subtitle{font-size:13px;line-height:1.5}.tabs{position:sticky;top:0;z-index:5;display:flex;width:min(900px,calc(100% - 32px));margin:-28px auto 18px;padding:6px;border:2px solid #e49e22;border-radius:18px;background:#7f000b;box-shadow:0 10px 32px #2c120440}.tab{flex:1;height:46px;border:0;border-radius:12px;background:transparent;color:#f4dfbd;font-weight:800}.tab.active{background:#ffc05a;color:#7f000b}main{width:min(900px,calc(100% - 32px));margin:0 auto}.panel{margin-bottom:18px;padding:24px;border:3px solid #e49e22;border-radius:18px;background:#7f000b;box-shadow:0 8px 30px #2c12042e;color:#fdecd1}.panel-head,.quiz-top,.rank-row,.stats{display:flex;align-items:center;justify-content:space-between;gap:14px}h2{margin:0 0 18px;color:#ffc05a;font-family:STSong,serif;font-size:24px}.panel-head h2{margin:0;font-size:18px}.ghost-btn,.primary-btn{border:0;border-radius:999px;font-weight:900}.ghost-btn{padding:10px 18px;border:1px solid #e49e22;background:#ffc05a14;color:#ffc05a}.panel-head .ghost-btn{padding:7px 12px;font-size:12px}.ghost-btn.wide{width:100%;margin-top:12px}.primary-btn{width:100%;padding:15px 20px;background:linear-gradient(135deg,#e49e22,#ffc05a);color:#5b0007;font-size:16px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 24px}.rule-grid div,.score-box,.stats div{padding:16px 10px;border:1px solid rgba(228,158,34,.55);border-radius:12px;background:#5b0007;text-align:center}.rule-grid strong,.stats strong{display:block;color:#ffc05a;font-size:18px}.rule-grid span,.stats span,.score-box span{display:block;margin-top:6px;color:#d8bd92;font-size:12px}.rank-list{display:grid;gap:10px;margin-top:18px}.top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.top-card{min-width:0;padding:16px 10px;border:1px solid #9a1c2e;border-radius:16px;background:#8e0711;text-align:center}.top-card.first{border-color:#e49e22;background:linear-gradient(180deg,#a80b15,#7f000b);box-shadow:inset 0 0 0 1px #ffc05a47}.medal{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:30px;line-height:1}.top-name{overflow:hidden;margin-top:10px;color:#fff1d6;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.top-score{margin-top:8px;color:#ffc74a;font-family:Georgia,serif;font-size:21px;font-weight:900;line-height:1}.top-score span{margin-left:2px;color:#d8bd92;font-family:inherit;font-size:11px}.rank-row{padding:16px;border:1px solid #9a1c2e;border-radius:14px;background:#8e0711}.rank-no{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#5b0007;color:#ffc05a;font-weight:900}.rank-main{flex:1;min-width:0}.rank-name{display:block;overflow:hidden;color:#fff1d6;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.rank-sub{display:block;margin-top:4px;color:#c9a973;font-size:12px}.rank-score{color:#ffc74a;font-family:Georgia,serif;font-size:20px;font-weight:900}.row-score{display:grid;justify-items:end;min-width:78px;color:#ffc74a}.row-value{font-family:Georgia,serif;font-size:20px;font-weight:900;line-height:1}.row-unit{margin-top:4px;color:#c9a973;font-size:12px}.rank-tip{margin-top:14px;color:#c9a973;font-size:12px;line-height:1.6}.empty{padding:40px 0;color:#c9a973;text-align:center}.timer{padding:6px 12px;border-radius:999px;background:#ffc05a;color:#7f000b;font-weight:900}.progress{height:8px;margin:14px 0 24px;overflow:hidden;border-radius:999px;background:#5b0007}.progress div{height:100%;background:#ffc05a;transition:width .2s ease}.question-card h2{font-size:14px;line-height:1.5}.question-image{width:100%;margin:0 0 18px;border-radius:12px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:2px solid #9a1c2e;border-radius:14px;background:#8e0711;color:#fdecd1;text-align:left}.option.selected{border-color:#ffc05a;background:#9b141e}.option.correct{border-color:#77d66f;background:#1f6d35;color:#fff8e8}.option.wrong{border-color:#ff7a7a;background:#7a1118;color:#fff8e8}.option-key{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#ffc05a;color:#7f000b;font-weight:900}.analysis{margin-top:16px;padding:14px;border-radius:12px;background:#5b0007;color:#f4dfbd;line-height:1.6}.analysis strong,.analysis span{display:block}.analysis.correct{border:1px solid rgba(119,214,111,.7)}.analysis.wrong{border:1px solid rgba(255,122,122,.7)}.analysis span{margin-top:6px;color:#d8bd92}.next-btn{margin-top:18px}.complete-card{text-align:center}.score-box strong{display:block;margin-top:6px;color:#ffc74a;font-family:Georgia,serif;font-size:20px;line-height:1}.stats{margin:18px 0}.stats div{flex:1}.field{display:block;margin-top:14px;text-align:left}.field span{display:block;margin-bottom:6px;color:#d8bd92}.field input{width:100%;height:46px;padding:0 14px;border:2px solid #e49e22;border-radius:12px;background:#fffaf0;color:#2c1204;outline:none}.field-hint{display:block;margin-top:6px;color:#c9a973;font-size:12px;line-height:1.4}.profile-form{margin-bottom:18px}.complete-card .primary-btn{margin-top:20px}.toast{position:fixed;left:50%;bottom:36px;z-index:20;max-width:calc(100% - 48px);padding:12px 18px;border-radius:999px;background:#2c1204db;color:#fffaf0;transform:translate(-50%)}@media (max-width: 520px){.app{padding-bottom:12px}.hero{height:132px}.hero-content{padding:18px 16px 28px}.eyebrow{font-size:11px}.subtitle{font-size:12px;line-height:1.35}h1{margin:4px 0;font-size:28px}.tabs{width:calc(100% - 24px);margin:-18px auto 12px;padding:4px;border-radius:14px}.tab{height:36px;border-radius:10px;font-size:13px}main{width:calc(100% - 24px)}.panel{margin-bottom:10px;padding:14px;border-width:2px;border-radius:14px}h2{margin-bottom:10px;font-size:19px}.rule-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 12px}.rule-grid div,.score-box,.stats div{padding:9px 8px;border-radius:10px}.rule-grid strong,.stats strong{font-size:16px}.rule-grid span,.stats span,.score-box span{margin-top:3px;font-size:11px}.top-card{padding:12px 6px}.medal{width:32px;height:32px;font-size:24px}.top-name{font-size:13px}.top-score{font-size:18px}.stats{flex-direction:column}.stats div{width:100%}.field{margin-top:10px}.field span{margin-bottom:4px;font-size:12px}.field input{height:38px;padding:0 12px;border-width:1px;border-radius:10px}.field-hint{margin-top:4px;font-size:11px;line-height:1.25}.profile-form{margin-bottom:12px}.primary-btn{padding:11px 16px;font-size:14px}}