/* 原图作为可配置背景，表单与答题组件独立还原。作者：hjw */
.quiz-actions{display:flex;gap:12px;align-items:stretch;margin-top:22px}.quiz-actions>button{flex:0 0 calc((100% - 12px)/2);min-width:0}.quiz-actions .primary{width:auto;margin:0;background:#ffcf45;color:#9b4e10}.quiz-previous{min-height:48px;border:1px solid #ad6125;border-radius:13px;background:#fff;color:#9b4e10;font-size:18px;font-weight:600;cursor:pointer}.quiz-actions.first-question .primary{flex-basis:100%;width:100%}@media(min-width:600px){.quiz-previous{min-height:60px;font-size:22px}}
.card.is-result{padding:0;border:8px solid #a5d9fb;border-radius:25px}.is-result .result{position:relative;overflow:hidden;border-radius:19px;padding:32px 12px 38px}.is-result .score-gauge{width:205px;margin:0 auto;background:radial-gradient(ellipse at 50% 58%,#ffe4dd 0,transparent 45%)}.is-result .score-number{top:65px;font-size:57px;color:#080808;line-height:1}.is-result .score-number small{display:block;font-size:17px;margin:15px 0 0}.is-result h2{font-size:20px;font-weight:600;margin:8px 0 16px}.is-result .result-note{color:#999}.confetti{position:absolute;width:8px;height:4px;transform:rotate(20deg);background:#ffd851}.confetti.c1,.confetti.c4{background:#20b5be;transform:rotate(-20deg)}.confetti.c2,.confetti.c3{background:#f3444a;transform:rotate(60deg)}.confetti.c6{background:#43c54b;width:5px;height:10px;transform:rotate(-20deg)}
*{box-sizing:border-box}html{background:#48a8fa}body{margin:0;color:#171717;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-text-size-adjust:100%}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}.activity{position:relative;max-width:600px;min-height:100vh;margin:0 auto;padding:0 4% max(22px,env(safe-area-inset-bottom));background-color:#48a8fa;background-position:center top;background-size:100% auto;background-repeat:no-repeat}.hero{height:101vw;max-height:606px;display:flex;align-items:center;justify-content:center}.hero h1{font-size:30px;color:white;text-align:center;max-width:85%;text-shadow:0 2px 5px #267bc8}.has-background .hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.card{background:#fff;border-radius:22px;padding:19px 18px 22px;box-shadow:0 1px 0 rgba(255,255,255,.2);min-height:180px}.profile-row{display:flex;align-items:center;min-height:66px;border-bottom:1px solid #efefef;gap:8px}.profile-label{width:92px;flex-shrink:0;font-size:16px}.required{color:#df4850;padding-right:2px}.profile-row input,.profile-row select{min-width:0;flex:1;width:100%;border:0;outline:none;border-radius:0;color:#111;background:transparent;padding:17px 3px;font-size:16px}.profile-row select{appearance:none;-webkit-appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath fill='%239b9b9b' d='M1 1h14L8 9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:14px 9px}.profile-row input::placeholder{color:#999}.primary{display:block;width:100%;min-height:48px;border:0;border-radius:13px;background:#ffcf45;color:#fff;font-weight:600;font-size:18px;cursor:pointer;text-align:center;text-decoration:none;padding:12px 10px;margin-top:22px}.profile-submit{border-radius:28px;background:#ffe45c;margin-top:28px}.primary:disabled{opacity:.55;cursor:default}.secondary{display:block;margin:18px auto 0;border:0;background:none;color:#396b99;font-size:14px;text-decoration:underline;cursor:pointer}.timer{background:#fff8ed;color:#df5e43;text-align:center;font-size:13px;font-weight:600;line-height:1.5;padding:10px 3px;margin:1px 0 24px}.progress{font-size:20px;margin-bottom:20px}.progress span{color:#aaa}.question-title{font-size:17px;line-height:1.65;margin:0 0 16px;font-weight:600;overflow-wrap:anywhere}.question-type{color:#8c8c8c;font-size:12px;font-weight:normal;margin-left:6px}.options{display:flex;flex-direction:column;gap:13px}.option{position:relative;display:flex;align-items:center;gap:7px;text-align:left;min-height:44px;width:100%;border:1px solid transparent;border-radius:3px;padding:9px 12px;background:#f8f8f8;color:#333;line-height:1.5;font-size:16px;cursor:pointer;overflow-wrap:anywhere}.option:disabled{cursor:default;opacity:1;color:#333}.option .mark{width:26px;height:26px;flex:0 0 26px;border:1px solid #d7d7d7;border-radius:50%;background:#fff;text-align:center;line-height:24px;font-size:18px}.option.multiple .mark{border-radius:5px}.option.chosen{border-color:#ffd04b;background:#fff9e5}.option.chosen .mark{background:#ffd04b;border-color:#ffd04b;color:#fff}.option.correct{color:#239b65;border-color:#37b47e;background:#f1fcf6}.option.correct .mark{border-color:#37b47e;background:#37b47e;color:white}.option.wrong{color:#de534f;border-color:#e46b63;background:#fff4f2}.option.wrong .mark{border-color:#e46b63;background:#e46b63;color:white}.answer-feedback{font-size:13px;line-height:1.6;color:#737373;margin:12px 0 0}.result{text-align:center;padding-top:14px;padding-bottom:38px}.score-gauge{position:relative;width:230px;max-width:100%;margin:12px auto 0}.score-gauge svg{display:block;width:100%;height:auto;overflow:visible}.score-number{position:absolute;top:73px;left:0;right:0;color:#e74443;font-size:50px;font-weight:500}.score-number small{font-size:17px;margin-left:5px}.result h2{font-size:22px;font-weight:500;margin:12px 0 6px}.result p{font-size:14px;color:#888}.success-icon{margin:20px auto;width:70px;height:70px;line-height:70px;border-radius:50%;color:white;background:#39b877;font-size:40px}.loading,.message{text-align:center;padding:20px 5px;line-height:1.8}.message h2{font-size:20px}.message p{color:#666;font-size:14px;white-space:pre-line}.form-error{font-size:13px;color:#d84c3e;line-height:1.6}.storage-note{font-size:12px;color:white;text-align:center;line-height:1.5;padding:10px}.result-note{font-size:12px!important}.card:focus{outline:none}@media(min-width:600px){.activity{padding-left:24px;padding-right:24px}.card{padding:28px;border-radius:28px}.profile-row{min-height:85px}.profile-label{width:125px}.profile-row input,.profile-row select,.profile-label{font-size:21px}.option{font-size:21px;min-height:60px}.question-title{font-size:22px}.timer{font-size:17px}.primary{min-height:60px;font-size:22px}.hero{height:606px}}@media(prefers-reduced-motion:no-preference){.card{animation:appear .18s ease-out}@keyframes appear{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}}}
