.challenge-page[data-v-18bc5ff5]{min-height:100vh;color:#17231d;background:#f6f7f2;font-family:PingFang SC,Microsoft YaHei,sans-serif;padding-bottom:80px}header[data-v-18bc5ff5]{height:72px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;border-bottom:1px solid #e1e5df;background:rgba(246,247,242,.92)}.brand[data-v-18bc5ff5],header[data-v-18bc5ff5]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand[data-v-18bc5ff5]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:9px;color:#17231d;text-decoration:none}.brand-mark[data-v-18bc5ff5]{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#195d45;color:#fff;font-family:Georgia,serif;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.brand-mark span[data-v-18bc5ff5]{color:#d9f55f}.progress[data-v-18bc5ff5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:11px;color:#68736d}.progress i[data-v-18bc5ff5]{width:110px;height:5px;border-radius:5px;background:#dfe3de;overflow:hidden}.progress em[data-v-18bc5ff5]{display:block;width:100%;height:100%;background:#195d45}.progress b[data-v-18bc5ff5]{font-size:11px}.login[data-v-18bc5ff5]{justify-self:end;color:#17231d;text-decoration:none;font-size:13px;font-weight:700}main[data-v-18bc5ff5]{max-width:960px;margin:auto;padding:38px 24px}.back[data-v-18bc5ff5]{color:#68736d;text-decoration:none;font-size:13px}.challenge-meta[data-v-18bc5ff5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-top:42px;font-size:12px}.challenge-meta span[data-v-18bc5ff5]{padding:6px 10px;border-radius:7px;background:#195d45;color:#fff;font-weight:700}.challenge-meta b[data-v-18bc5ff5]{color:#195d45}.challenge-meta i[data-v-18bc5ff5]{margin-left:auto;color:#89938d;font-style:normal}h1[data-v-18bc5ff5]{margin:18px 0 10px;font-size:42px;letter-spacing:-2px}.intro[data-v-18bc5ff5]{max-width:700px;margin:0;color:#68736d;line-height:1.8}.workbench[data-v-18bc5ff5]{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:36px}.answer-card[data-v-18bc5ff5],.code-card[data-v-18bc5ff5]{border:1px solid #dfe4dd;border-radius:18px;background:#fff;overflow:hidden;-webkit-box-shadow:0 10px 32px rgba(34,54,42,.06);box-shadow:0 10px 32px rgba(34,54,42,.06)}.card-top[data-v-18bc5ff5]{height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 18px;background:#edf0eb;font-size:11px;color:#68736d}.card-top i[data-v-18bc5ff5]{font-style:normal;font-weight:700;color:#195d45}pre[data-v-18bc5ff5]{margin:0;padding:24px 20px;background:#17231d;color:#dae3dc;font-size:13px;line-height:1.75;overflow:auto;display:grid;grid-template-columns:28px 1fr}pre b[data-v-18bc5ff5]{color:#d9f55f;font-weight:500}.num[data-v-18bc5ff5]{color:#64736a;text-align:right;padding-right:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.answer-card[data-v-18bc5ff5]{padding:25px}.answer-card h2[data-v-18bc5ff5]{margin:0 0 18px;font-size:18px}.answer-card>button[data-v-18bc5ff5]:not(.submit){width:100%;height:48px;margin-bottom:10px;padding:0 13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px;border:1px solid #dfe4df;border-radius:11px;background:#fff;color:#17231d;cursor:pointer;text-align:left;-webkit-transition:.15s;transition:.15s}.answer-card>button:not(.submit) i[data-v-18bc5ff5]{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#f0f2ee;font-style:normal;font-size:11px;font-weight:700}.answer-card>button:not(.submit) b[data-v-18bc5ff5]{margin-left:auto;color:#195d45}.answer-card>button:not(.submit).selected[data-v-18bc5ff5],.answer-card>button[data-v-18bc5ff5]:not(.submit):hover:not(:disabled){border-color:#195d45;background:#eef6f1}.answer-card>button:not(.submit).correct[data-v-18bc5ff5]{border-color:#195d45;background:#e2f3e8}.answer-card>button:not(.submit).wrong[data-v-18bc5ff5]{border-color:#d27763;background:#fbebe7}.submit[data-v-18bc5ff5]{width:100%;height:48px;margin-top:7px;border:0;border-radius:11px;background:#17231d;color:#fff;font-weight:700;cursor:pointer}.submit[data-v-18bc5ff5]:disabled{background:#cbd1cc;cursor:default}.hint[data-v-18bc5ff5]{margin:14px 0 0;color:#929a95;font-size:11px;line-height:1.5}.explanation[data-v-18bc5ff5]{margin-top:22px;padding:28px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px;border:1px solid #cbded1;border-radius:18px;background:#eef7f1}.result-icon[data-v-18bc5ff5]{-webkit-box-flex:0;-ms-flex:0 0 42px;flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#195d45;color:#fff;font-size:22px;font-weight:900}.result-copy>span[data-v-18bc5ff5]{color:#195d45;font-size:12px;font-weight:700}.result-copy h2[data-v-18bc5ff5]{margin:5px 0 9px;font-size:24px}.result-copy p[data-v-18bc5ff5]{margin:0;color:#506058;line-height:1.8;font-size:14px}.trace[data-v-18bc5ff5]{margin-top:24px}.trace[data-v-18bc5ff5],.trace span[data-v-18bc5ff5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.trace span[data-v-18bc5ff5]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:28px}.trace span[data-v-18bc5ff5]:after{content:"→";position:absolute;left:37px;top:7px;color:#92a098}.trace span.last[data-v-18bc5ff5]:after{display:none}.trace span i[data-v-18bc5ff5]{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #c9d7ce;font-style:normal;font-size:12px;font-weight:700}.trace span small[data-v-18bc5ff5]{margin-top:5px;color:#849087;font-size:9px}.conversion[data-v-18bc5ff5]{margin-top:50px;padding:42px 48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px;border-radius:22px;background:#195d45;color:#fff}.conversion>div>span[data-v-18bc5ff5]{color:#d9f55f;font-size:12px;font-weight:700}.conversion h2[data-v-18bc5ff5]{margin:10px 0;font-size:28px;line-height:1.4}.conversion p[data-v-18bc5ff5]{max-width:560px;margin:0;color:#c6d8ce;font-size:13px;line-height:1.7}.conversion a[data-v-18bc5ff5]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:16px 20px;border-radius:12px;background:#d9f55f;color:#17231d;text-decoration:none;font-size:13px;font-weight:800}.slide-enter-active[data-v-18bc5ff5]{-webkit-transition:.35s ease;transition:.35s ease}.slide-enter[data-v-18bc5ff5]{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}@media (max-width:720px){header[data-v-18bc5ff5]{grid-template-columns:1fr auto}.progress[data-v-18bc5ff5]{display:none}main[data-v-18bc5ff5]{padding:28px 17px}.challenge-meta[data-v-18bc5ff5]{margin-top:34px}.challenge-meta i[data-v-18bc5ff5]{display:none}h1[data-v-18bc5ff5]{font-size:34px}.workbench[data-v-18bc5ff5]{grid-template-columns:1fr}.conversion[data-v-18bc5ff5]{padding:30px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.conversion a[data-v-18bc5ff5]{text-align:center}.trace span[data-v-18bc5ff5]{margin-right:14px}.trace span[data-v-18bc5ff5]:after{left:34px}}