.chapter-page{--chapter-content-max:1040px;--chapter-feature-height:500px;width:100%;height:100vh;color:#173d59;background:var(--chapter-soft,#effaf5);overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;height:100dvh;overflow:hidden auto}.chapter-page picture{display:block}.chapter-page__toolbar{z-index:20;width:min(100%, var(--chapter-content-max));min-height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;color:#173d59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #173d591f;grid-template-columns:52px minmax(0,1fr) 76px;align-items:center;margin-inline:auto;display:grid;position:sticky;top:0;box-shadow:0 2px 12px #173d5914}.chapter-page__back{color:#173d59;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:24px;line-height:1;display:grid}.chapter-page__back:active{background:#173d5914;transform:scale(.94)}.chapter-page__toolbar-title{letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.chapter-page__status{color:var(--chapter-accent);letter-spacing:0;text-align:center;font-size:14px;font-weight:800}.chapter-page__content{width:min(100%, var(--chapter-content-max));background:#fff;margin-inline:auto;overflow:hidden}.chapter-hero{isolation:isolate;background:#173d59;align-items:center;min-height:340px;display:flex;position:relative;overflow:hidden}.chapter-hero__background,.chapter-hero__image{width:100%;height:100%;position:absolute;inset:0}.chapter-hero__image{object-fit:cover;object-position:center;height:103%;display:block}.chapter-hero__scrim{z-index:1;background:linear-gradient(90deg,#082538eb 0%,#082538c9 34%,#08253861 57%,#0000 78%),linear-gradient(#0000 54%,#08253847 100%);position:absolute;inset:0}.chapter-hero__body{z-index:2;color:#fff;width:min(58%,560px);padding:30px 40px 32px;position:relative}.chapter-hero__manual{color:#fff;letter-spacing:0;text-shadow:0 2px 12px #00000057;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.chapter-hero__manual picture,.chapter-hero__manual img{width:30px;height:35px}.chapter-hero__manual img{object-fit:contain;display:block}.chapter-hero h1{color:#fff;letter-spacing:0;text-shadow:0 3px 18px #00000052;margin:0;font-size:40px;font-weight:900;line-height:1.14}.chapter-hero__introduction{color:#ffffffe0;text-shadow:0 2px 12px #0000004d;max-width:640px;margin:10px 0 0;font-size:17px;line-height:1.7}.chapter-hero__lead{color:#fff;letter-spacing:0;border-top:4px solid var(--chapter-accent);text-shadow:0 2px 12px #00000057;margin:18px 0 0;padding-top:12px;font-size:21px;font-weight:900;display:inline-block}.chapter-sections{display:grid}.chapter-section{border-bottom:1px solid color-mix(in srgb, var(--chapter-accent) 18%, #dce8ec);background:#fff;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);align-items:center;gap:48px;min-height:480px;padding:44px 56px;display:grid}.chapter-section:nth-child(2n){background:color-mix(in srgb, var(--chapter-soft) 58%, #fff)}.chapter-section--reverse .chapter-section__figure{order:2}.chapter-section__figure{width:100%;max-width:335px;margin:0 auto}.chapter-section__figure img{aspect-ratio:335/426;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 16px 36px #173d5924}.chapter-section__copy{min-width:0}.chapter-section__meta{color:var(--chapter-accent);letter-spacing:0;align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.chapter-section__number{color:#fff;background:var(--chapter-accent);border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:15px;display:grid}.chapter-section h2{color:#173d59;letter-spacing:0;margin:20px 0 0;font-size:30px;font-weight:900;line-height:1.28}.chapter-section__description{color:#6e8292;margin:14px 0 0;font-size:17px;line-height:1.75}.chapter-section__takeaway{color:#fff;letter-spacing:0;text-align:center;background:var(--chapter-accent);border-radius:8px;justify-content:center;align-items:center;gap:12px;margin:30px 0 0;padding:16px 18px;font-size:20px;font-weight:900;line-height:1.35;display:flex}.chapter-section__takeaway>span:first-child{border:2px solid #ffffffdb;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.chapter-epilogue{color:#173d59;isolation:isolate;background:#eaf8f4;min-height:174px;position:relative;overflow:hidden}.chapter-epilogue__copy{z-index:3;flex-direction:column;justify-content:center;min-height:174px;padding:18px 40px;display:flex;position:relative}.chapter-epilogue__visual{z-index:0;background:#eaf8f4;position:absolute;inset:0;overflow:hidden}.chapter-epilogue__visual:after{z-index:1;content:"";background:linear-gradient(#ffffffc2 0%,#ffffff8a 64%,#ffffff2e 100%);position:absolute;inset:0}.chapter-epilogue__background,.chapter-epilogue__background img{z-index:0;width:100%;height:100%;position:absolute;inset:0}.chapter-epilogue__background img{object-fit:cover;object-position:center bottom;filter:blur(3px)saturate(.88);transform:scale(1.08)}.chapter-epilogue__eyebrow{color:var(--chapter-accent);letter-spacing:0;text-shadow:0 1px #ffffffc7;margin:0;font-size:14px;font-weight:800}.chapter-epilogue__conclusion{letter-spacing:0;text-shadow:0 1px #ffffffe0,0 3px 16px #fff9;max-width:min(560px,100% - 260px);margin:8px 0 0;font-size:24px;font-weight:900;line-height:1.45}.chapter-epilogue__figure{z-index:2;pointer-events:none;opacity:1;width:auto;height:98%;position:absolute;bottom:0;right:4%}.chapter-epilogue__figure img{object-fit:contain;object-position:bottom;width:auto;height:100%;display:block}.chapter-epilogue__actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:520px;margin-top:14px;display:grid}.chapter-action{letter-spacing:0;border:2px solid var(--chapter-accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:16px;font-weight:800;display:flex}.chapter-action--secondary{color:var(--chapter-accent);background:#ffffffdb}.chapter-action--primary{color:#fff;background:var(--chapter-accent)}.chapter-page__back:focus-visible,.chapter-action:focus-visible{outline-offset:3px;outline:4px solid #ffd43b}.chapter-action:hover,.chapter-action:focus-visible{filter:brightness(1.06)}.chapter-action:active{transform:translateY(1px)}@media (max-width:680px){.chapter-page{scrollbar-gutter:auto}.chapter-page__toolbar{min-height:calc(50px + env(safe-area-inset-top));grid-template-columns:48px minmax(0,1fr) 68px}.chapter-page__toolbar-title{font-size:15px}.chapter-page__status{font-size:13px}.chapter-hero{align-items:flex-end;min-height:170px}.chapter-hero__image{object-position:72% center}.chapter-hero[data-chapter=traffic] .chapter-hero__image{object-position:78% center}.chapter-hero[data-chapter=water] .chapter-hero__image{object-position:68% center}.chapter-hero[data-chapter=fire] .chapter-hero__image{object-position:64% center}.chapter-hero__scrim{background:linear-gradient(#0000 0%,#0825381f 32%,#08253885 64%,#082538c7 100%),linear-gradient(90deg,#0825381a 0%,#0000 72%)}.chapter-hero__body{width:100%;padding:12px 20px 10px}.chapter-hero__manual{margin-bottom:8px}.chapter-hero h1{font-size:27px}.chapter-hero__introduction{margin-top:6px;font-size:12.5px;line-height:1.45}.chapter-hero__lead{margin-top:6px;padding-top:6px;font-size:16px}.chapter-section,.chapter-section--reverse{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:28px 20px 34px}.chapter-section--reverse .chapter-section__figure{order:0}.chapter-section__figure{width:min(78%,335px)}.chapter-section h2{margin-top:16px;font-size:25px}.chapter-section__description{font-size:16px}.chapter-section__takeaway{margin-top:22px;padding:14px 16px;font-size:18px}.chapter-epilogue{min-height:156px}.chapter-epilogue__copy{justify-content:center;min-height:156px;padding:8px 12px}.chapter-epilogue__visual:after{background:linear-gradient(#fffc 0%,#ffffff94 64%,#ffffff2e 100%)}.chapter-epilogue__eyebrow{font-size:12px;line-height:1.2}.chapter-epilogue__conclusion{max-width:calc(100% - 130px);margin-top:4px;font-size:18px;line-height:1.25}.chapter-epilogue__figure{height:98%;right:-1%}.chapter-epilogue__actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;margin-top:8px}.chapter-action{min-height:38px;padding:8px 6px;font-size:12px}}@media (max-width:360px){.chapter-hero{min-height:170px}.chapter-epilogue__conclusion{max-width:calc(100% - 124px)}}:root{color:#173d59;font-synthesis:none;text-rendering:optimizelegibility;--stage-max:720px;--toolbar-height:48px;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#dcece7;min-width:320px;overflow:hidden}button{font:inherit}.dingtalk-debug-dialog{color:#173d59;background:#fff;border:0;border-radius:8px;width:min(100% - 32px,560px);max-height:min(720px,100dvh - 32px);padding:0;overflow:hidden;box-shadow:0 20px 64px #0727405c}.dingtalk-debug-dialog::backdrop{background:#08223294}.dingtalk-debug-dialog__content{max-height:inherit;gap:12px;padding:22px;display:grid;overflow-y:auto}.dingtalk-debug-dialog__content h2,.dingtalk-debug-dialog__content p{margin:0}.dingtalk-debug-dialog__eyebrow{color:#0875d4;font-size:13px;font-weight:800}.dingtalk-debug-dialog__content>p:not(.dingtalk-debug-dialog__eyebrow){color:#527086;font-size:14px;line-height:1.55}.dingtalk-debug-dialog__content pre{color:#173d59;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf7fb;border:1px solid #c5e2ef;border-radius:6px;max-height:330px;margin:0;padding:14px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.dingtalk-debug-dialog__content button{color:#fff;cursor:pointer;background:#0875d4;border:0;border-radius:6px;min-height:44px;padding:10px 18px;font-weight:800}.dingtalk-debug-dialog__content button:focus-visible{outline-offset:3px;outline:4px solid #ffd43b}.art-stage{width:min(100%, var(--stage-max));background:#fff;margin-inline:auto;position:relative;overflow:hidden}.art-stage picture{display:contents}.art-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.home-scroll,.chapter-scroll{width:100%;height:100vh;-webkit-overflow-scrolling:touch;scrollbar-width:thin;height:100dvh;overflow:hidden auto}.home-scroll{overscroll-behavior-y:contain;background:#d8f4ea;position:relative}.home-stage{width:100%;height:100vh;height:100svh;isolation:isolate;background:#7bcef1;height:100dvh;position:relative;overflow:hidden}.home-background{z-index:-2;object-fit:fill;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.station-anchor,.chapter-footer-actions button{z-index:2;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.home-hero{z-index:2;pointer-events:none;width:90%;position:absolute;top:3.8%;left:5%}.home-hero__visual{animation:.7s cubic-bezier(.2,.9,.28,1.2) both title-full-enter,5.2s ease-in-out .9s infinite title-full-breathe;display:block}.home-hero img,.home-entry img{width:100%;height:auto;display:block}.home-entry{z-index:6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute}.home-entry__visual{isolation:isolate;animation:home-entry-arrive .46s calc(var(--entry-phase) + 80ms) both, home-entry-float 4.7s calc(var(--entry-phase) + .64s) ease-in-out infinite;display:block;position:relative}.home-entry__label{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 1px #002e6a9e;background:linear-gradient(#1b91ef,#0871d5);border:2px solid #e4f9ffeb;border-radius:999px;place-items:center;width:78%;min-height:19%;padding:3% 6%;font-size:clamp(14px,4.1vw,23px);font-weight:900;line-height:1.1;display:grid;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff7a,0 3px #044ba1a6}.home-entry--fraud .home-entry__label,.home-entry--fire .home-entry__label{background:linear-gradient(#ff4b3b,#df1710);box-shadow:inset 0 1px #ffffff7a,0 3px #890f09a6}.home-entry--fraud .home-entry__visual,.home-entry--fire .home-entry__visual{animation-name:home-entry-arrive,home-entry-float-reverse}.home-entry:hover .home-entry__visual,.home-entry:focus-visible .home-entry__visual{animation-play-state:paused;transform:translateY(-3px)scale(1.025)}.home-entry:active .home-entry__visual{transform:scale(.97)}.completion-state-icon{z-index:3;aspect-ratio:1;color:#fff;transform-origin:50%;place-items:center;width:22%;font-size:clamp(18px,5vw,30px);font-weight:900;line-height:1;animation:3.8s ease-out infinite hand-pulse;display:grid;position:absolute}.completion-state-icon__tap,.completion-state-icon__tap img{width:100%;height:auto;display:block}.completion-state-icon.is-complete{background:#18af70;border:3px solid #fff;border-radius:50%;animation:.62s cubic-bezier(.18,1.25,.4,1) both completion-pop,3.8s ease-in-out .65s infinite completion-breathe;box-shadow:inset 0 2px #ffffff73,0 4px 10px #00664152}.home-entry:focus-visible,.campaign-cta:focus-visible,.station-anchor:focus-visible,.chapter-footer-actions button:focus-visible,.toolbar-button:focus-visible{outline-offset:3px;outline:4px solid #ffd43b}.campaign-cta{bottom:calc(3.2% + env(safe-area-inset-bottom));z-index:8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(72%,340px);padding:0;position:absolute;left:50%;transform:translate(-50%)}.campaign-cta__visual{color:#fff;text-shadow:0 2px #0238889e;background:#0875d4;border:3px solid #d9f5ff;border-radius:999px;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:11px 18px;font-size:clamp(17px,4.5vw,22px);font-weight:800;line-height:1.2;animation:3.8s ease-in-out infinite cta-float;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff70,inset 0 -4px #0756ae,0 5px #064889,0 10px 20px #02488d47}.campaign-cta__arrow{background:#ff9e27;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid;box-shadow:inset 0 -2px #b44e0033}.campaign-cta__arrow:after{content:"";border-top:3px solid #fff;border-right:3px solid #fff;width:8px;height:8px;transform:rotate(45deg)translate(-1px,1px)}.campaign-cta:hover .campaign-cta__visual,.campaign-cta:focus-visible .campaign-cta__visual{animation-play-state:paused;transform:translateY(-2px)scale(1.015)}.campaign-cta:active .campaign-cta__visual{transform:translateY(3px)scale(.97);box-shadow:inset 0 2px #ffffff70,inset 0 -4px #0756ae,0 2px #064889,0 5px 12px #02488d47}.chapter-scroll{background:var(--chapter-soft,#effaf5);scroll-padding-top:calc(var(--toolbar-height) + env(safe-area-inset-top));overscroll-behavior-y:contain;position:relative}.chapter-stage{aspect-ratio:1152/5564;box-shadow:0 0 48px #173d592e}.chapter-toolbar{z-index:10;width:min(100%, var(--stage-max));height:calc(var(--toolbar-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);color:#173d59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #133d591a;grid-template-columns:44px 1fr 56px;align-items:center;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #1e405314}.toolbar-button{color:#173d59;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:6px;padding:0;font-size:22px;line-height:1;display:grid}.toolbar-button:active{background:#163c5814;transform:scale(.94)}.toolbar-title{letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,3.6vw,21px);font-weight:700;overflow:hidden}.toolbar-progress{color:var(--chapter-accent);text-align:center;font-size:clamp(13px,3.3vw,19px);font-weight:800}.station-anchors{pointer-events:none;position:absolute;inset:0}.station-anchor{pointer-events:auto;border-radius:2%;width:97%;height:18%;left:1.5%}.station-anchor:hover,.station-anchor:focus-visible{background:color-mix(in srgb, var(--chapter-accent) 6%, transparent)}.chapter-footer-actions{height:7.5%;position:absolute;bottom:0;left:0;right:0}.chapter-footer-actions button{border-radius:999px;width:43%;height:64%;bottom:5%}.chapter-footer-actions button:first-child{left:4%}.chapter-footer-actions button:last-child{animation:3.4s ease-in-out infinite footer-action-breathe;right:4%}.chapter-footer-actions button:hover,.chapter-footer-actions button:focus-visible{background:#ffffff1a}@keyframes title-full-enter{0%{opacity:0;transform:translateY(5px)scaleX(.94)}70%{opacity:1;transform:translateY(-1px)scaleX(1.012)scaleY(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes title-full-breathe{0%,to{transform:translateY(0)scaleX(1)scaleY(1)skew(0)}48%{transform:translateY(-2px)scaleX(1.008)scaleY(.992)skew(.2deg)}}@keyframes home-entry-arrive{0%{transform:translateY(18px)scale(.9)}72%{transform:translateY(-3px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes home-entry-float{0%,to{transform:translateY(0)rotate(-.22deg)}50%{transform:translateY(-4px)rotate(.18deg)}}@keyframes home-entry-float-reverse{0%,to{transform:translateY(-1px)rotate(.2deg)}50%{transform:translateY(3px)rotate(-.18deg)}}@keyframes completion-pop{0%{transform:scale(.55)rotate(-18deg)}72%{transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes completion-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.04)}}@keyframes cta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes home-title-sheen{0%,62%,to{opacity:0;transform:translate(-36%)}72%{opacity:1}88%{opacity:0;transform:translate(36%)}}@keyframes hand-pulse{0%,58%,to{transform:scale(.9);box-shadow:0 0 #ff6d2600}70%{transform:scale(1.05);box-shadow:0 0 0 12px #ff6d2600}}@keyframes cta-ring{0%,42%{opacity:0;transform:scale(.96)}58%{opacity:1}86%,to{opacity:0;transform:scale(1.06)}}@keyframes footer-action-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@media (min-width:820px){:root{--stage-max:640px;--toolbar-height:54px}body{background:#cfe4dc}.home-scroll,.chapter-scroll{background-image:linear-gradient(90deg,#164f4512 1px,#0000 1px);background-size:32px 32px}.home-scroll{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);justify-content:center;align-items:center;display:flex}.home-stage{width:min(100%, var(--stage-max));aspect-ratio:1152/2112;flex:none;height:auto;min-height:0;box-shadow:0 0 48px #15695438}@supports (height:100dvh){.home-stage{width:min(100%, var(--stage-max), calc(100dvh * 1152 / 2112))}}}@media (max-height:740px) and (orientation:portrait){.home-hero{width:92%;top:3.2%;left:4%}.campaign-cta{width:min(76%,340px);bottom:3.8%}.campaign-cta__visual{min-height:48px;padding:9px 16px;font-size:17px}}@media (orientation:landscape) and (max-height:620px){.home-scroll{display:block;overflow-y:auto}.home-stage{width:min(100%, var(--stage-max));aspect-ratio:1152/2112;height:auto;min-height:0;margin-inline:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}