:root{color:#071d58;background:#061747;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#061747}body{margin:0;min-width:320px;min-height:100vh;background:#061747;-webkit-font-smoothing:antialiased}button{font:inherit}.page-shell{position:relative;min-height:100vh;overflow-x:hidden}.activity-poster{position:relative;width:min(100%,864px);margin-inline:auto;box-shadow:0 0 72px #000726b3;container-type:inline-size}.poster-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.hotspot:after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:3px solid transparent;border-radius:inherit;content:"";transition:border-color .15s ease,box-shadow .15s ease}.hotspot:hover:after{border-color:#ffffff38}.hotspot:focus-visible{outline:none}.hotspot:focus-visible:after{border-color:#fff4a3;box-shadow:0 0 0 4px #11e6ffb3}.hotspot:active{transform:scale(.985)}.hotspot-rules{top:1.7%;right:2.7%;width:18.2%;height:3.55%}.hotspot-join{top:49.55%;left:22.25%;width:55%;height:8.15%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.task-list-panel{position:absolute;z-index:2;top:67.75%;right:7.2%;bottom:3.7%;left:7.2%;padding:2.5cqw 2.35cqw;border:max(2px,.35cqw) solid #ead6ad;border-radius:4.3cqw;background:#fffaf0;box-shadow:inset 0 0 0 max(1px,.18cqw) #fffffff2,0 1.2cqw 2.8cqw #021b5029}.task-list{display:grid;gap:1.05cqw;height:100%}.task-row{display:grid;grid-template-columns:clamp(28px,5cqw,44px) minmax(0,1fr) auto;align-items:center;gap:1.5cqw;width:100%;min-height:7.35cqw;margin:0;padding:0 2.2cqw 0 1.5cqw;border:max(1px,.22cqw) solid #f0dfba;border-radius:2.4cqw;color:#0b2e70;background:#fffefa;box-shadow:0 .5cqw #ead39c;cursor:pointer;text-align:left;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.task-row:hover{border-color:#f3bd2d;background:#fffdf3;transform:translateY(-.18cqw)}.task-row:active{box-shadow:0 .2cqw #e0c27b;transform:translateY(.25cqw)}.task-row:focus-visible{outline:max(2px,.38cqw) solid #23d8e8;outline-offset:max(1px,.2cqw)}.task-row-skin{min-height:10.4cqw;border-color:#f1ba27;background:#fff5cb;box-shadow:0 .62cqw #d99912}.task-row-complete{border-color:#53d9c4;background:#edfffa}.task-order{display:grid;place-items:center;width:clamp(28px,5cqw,44px);aspect-ratio:1;border:max(1px,.24cqw) solid #eca900;border-radius:50%;color:#fff7cc;background:#ffc931;box-shadow:inset 0 -.45cqw #d88f0059}.task-order svg{width:clamp(17px,2.9cqw,26px);height:auto}.task-row-complete .task-order{border-color:#159f91;background:#2fcab1}.task-name{display:grid;gap:.2cqw;min-width:0}.task-name strong{font-size:clamp(15px,2.85cqw,25px);line-height:1.15;font-weight:900;letter-spacing:.02em}.task-name small{color:#81693f;font-size:clamp(9px,1.55cqw,13px);line-height:1.2;font-weight:700}.task-index{color:#d9ad3d;font-size:clamp(12px,2.1cqw,18px);line-height:1;font-weight:900;letter-spacing:.08em}.skin-reward{display:flex;align-items:center;gap:.9cqw;max-width:31cqw;padding:1cqw 1.35cqw;border:max(1px,.22cqw) solid #e7a80b;border-radius:1.9cqw;color:#0b2e70;background:#ffd851;box-shadow:inset 0 -.42cqw #de920047}.skin-reward>svg{flex:0 0 auto;width:clamp(20px,3.8cqw,34px);height:auto;color:#fff8df;filter:drop-shadow(0 .18cqw 0 #d88d00)}.skin-reward>span{display:grid;gap:.15cqw;min-width:0}.skin-reward small,.skin-reward strong{display:block;white-space:nowrap}.skin-reward small{font-size:clamp(9px,1.55cqw,13px);line-height:1;font-weight:800}.skin-reward strong{font-size:clamp(11px,1.95cqw,17px);line-height:1.15;font-weight:900}.dialog-layer{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#020d34b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .18s ease-out both}.dialog-card{width:min(100%,420px);padding:30px 28px 26px;border:5px solid #0b397f;border-radius:34px;background:#fffaf0;box-shadow:0 10px #031a53,0 22px 45px #0008286b;text-align:center;animation:card-in .28s cubic-bezier(.2,.8,.2,1) both}.dialog-card h2{margin:4px 0 16px;color:#092868;font-size:34px;line-height:1.12;font-weight:900}.dialog-card p,.dialog-card ol{color:#173773;font-size:17px;line-height:1.7}.dialog-card ol{margin:0 0 20px;padding-left:1.5em;text-align:left}.dialog-card>p:not(.dialog-kicker){margin:0 0 20px}.dialog-kicker{margin:0;color:#d48b00!important;font-size:14px!important;font-weight:800;letter-spacing:.16em}.dialog-button{width:100%;min-height:62px;border:3px solid #f1a800;border-radius:999px;color:#092868;background:#ffd43f;box-shadow:0 5px #092868;font-size:22px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.dialog-button:hover{background:#ffe16b}.dialog-button:active{transform:translateY(3px);box-shadow:0 2px #092868}.dialog-button:focus-visible{outline:4px solid #30dff2;outline-offset:4px}.toast{position:fixed;z-index:20;left:50%;bottom:26px;width:max-content;max-width:calc(100vw - 40px);padding:12px 18px;border:2px solid rgb(255 255 255 / 38%);border-radius:999px;color:#fff;background:#061f5cf0;box-shadow:0 10px 28px #0000003d;font-size:14px;font-weight:700;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .18s ease,transform .18s ease}.toast-visible{opacity:1;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@media(max-width:560px){.activity-poster{box-shadow:none}.dialog-card{padding:26px 22px 22px;border-width:4px;border-radius:28px}.dialog-card h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}