:root{color:#1d2a33;background:#edf2f1;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--ink: #1d2a33;--muted: #66747f;--line: #d8e0df;--surface: #ffffff;--surface-soft: #f4f7f6;--green: #16845b;--green-dark: #0e6244;--green-soft: #dff4ea;--amber: #c46b13;--amber-soft: #fff0d7;--red: #c94343;--red-soft: #ffebeb;--blue: #2d6e99}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#edf2f1}button{border:0;color:inherit;font:inherit;letter-spacing:0;cursor:pointer}button:focus-visible{outline:3px solid #69aee0;outline-offset:3px}button:disabled{cursor:not-allowed}img,svg{display:block}.workspace{display:grid;grid-template-columns:minmax(236px,282px) auto;gap:32px;align-items:center;justify-content:center;min-height:100vh;padding:24px}.demo-rail{display:flex;flex-direction:column;align-self:stretch;max-height:780px;padding:24px 4px}.product-heading,.success-header{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:8px;color:#fff;background:var(--green)}.brand-mark svg{width:24px;height:24px}.product-heading p,.product-heading h1,.scenario-copy,.prototype-note,.rail-status span,.rail-status strong,.rail-status small{margin:0}.product-heading p{color:var(--muted);font-size:13px}.product-heading h1{font-size:30px;line-height:1.2}.scenario-copy{margin-top:24px;color:#46545e;font-size:15px;line-height:1.7}.progress-list{display:grid;gap:0;padding:0;margin:30px 0 0;list-style:none}.progress-item{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;min-height:54px;color:#829099;font-size:14px;font-weight:600}.progress-item:not(:last-child):after{position:absolute;top:36px;bottom:-18px;left:16px;width:2px;background:#ced7d6;content:""}.progress-dot{position:relative;z-index:1;display:grid;width:34px;height:34px;place-items:center;border:2px solid #cbd4d3;border-radius:50%;background:#edf2f1}.progress-item--done,.progress-item--current{color:var(--ink)}.progress-item--done .progress-dot{border-color:var(--green);color:#fff;background:var(--green)}.progress-item--current .progress-dot{border-color:var(--amber);color:var(--amber);background:#fff;box-shadow:0 0 0 5px #c46b131f}.rail-status{display:grid;gap:4px;margin-top:auto;padding-top:20px;border-top:1px solid #ccd6d5}.rail-status span,.rail-status small{color:var(--muted);font-size:12px}.rail-status strong{font-size:17px}.reset-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;margin-top:14px;border:1px solid #bdc8c7;border-radius:6px;background:transparent;font-weight:700}.prototype-note{margin-top:14px;color:#77858e;font-size:11px;line-height:1.5}.device-container{display:flex;align-items:center;justify-content:center;width:calc(375px * var(--device-scale, 1));height:calc(780px * var(--device-scale, 1));flex-shrink:0}.device-frame{position:relative;width:375px;height:780px;flex-shrink:0;overflow:hidden;border:8px solid #1d2428;border-radius:48px;background:#f6f7f7;box-shadow:0 28px 70px #18252a38;transform:scale(var(--device-scale, 1));transform-origin:center center}.device-frame:before{position:absolute;z-index:30;top:8px;left:50%;width:96px;height:24px;transform:translate(-50%);border-radius:0 0 14px 14px;background:#1d2428;content:""}.device-statusbar{position:absolute;z-index:20;top:0;left:0;display:flex;width:100%;height:38px;align-items:center;justify-content:space-between;padding:0 20px;color:#172027;background:#f9fbfa;font-size:11px;font-weight:800}.device-icons{display:flex;gap:5px;align-items:center}.device-icons svg{width:14px;height:14px}.miniapp-screen,.success-screen{position:absolute;top:38px;right:0;bottom:0;left:0;overflow:hidden;background:#f4f7f6}.miniapp-header{display:grid;grid-template-columns:42px 1fr 42px;gap:6px;align-items:center;height:64px;padding:0 12px;border-bottom:1px solid var(--line);background:#fff}.icon-button{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:transparent}.icon-button:hover{background:var(--surface-soft)}.miniapp-header h1,.miniapp-header p{margin:0;text-align:center}.miniapp-header h1{margin-top:2px;font-size:16px;line-height:1.2}.miniapp-kicker{color:var(--muted);font-size:10px}.miniapp-content{height:calc(100% - 64px);overflow-y:auto;padding:16px 14px 132px;scrollbar-width:none}.miniapp-content::-webkit-scrollbar{display:none}.station-summary{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 2px 16px}.station-summary p,.station-summary strong,.station-stat span,.station-stat strong{display:block;margin:0}.status-badge{display:inline-flex;gap:6px;align-items:center;margin-bottom:10px;color:var(--green-dark);font-size:12px;font-weight:700}.status-badge span{width:8px;height:8px;border-radius:50%;background:var(--green)}.station-summary p,.station-stat span{color:var(--muted);font-size:12px}.station-summary strong{margin-top:3px;font-size:21px}.station-stat{text-align:right}.station-stat strong{margin-top:2px;color:var(--green);font-size:28px}.promo-ad,.loan-ad{position:relative;width:100%;overflow:hidden;border-radius:8px;text-align:left;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.promo-ad{display:grid;grid-template-columns:82px 1fr auto;gap:10px;align-items:center;min-height:112px;padding:10px;color:#521f20;background:#ffd95b;box-shadow:0 8px 20px #6d390a29}.promo-ad:hover:not(.ad-is-muted),.loan-ad:hover:not(.ad-is-muted){transform:translateY(-2px)}.promo-ad img{width:82px;height:82px;object-fit:cover;border-radius:6px}.promo-copy{display:grid;gap:2px;min-width:0}.promo-copy small{font-size:11px;font-weight:800}.promo-copy strong{font-size:21px;line-height:1.15}.promo-copy span{font-size:11px;font-weight:700}.promo-action,.loan-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border-radius:6px;color:#fff;background:#c53e32;font-size:12px;font-weight:800}.ad-pulse{position:absolute;top:5px;right:5px;padding:3px 7px;border-radius:99px;color:#fff;background:#b42828;font-size:10px;font-weight:800;animation:attention 1.2s ease-in-out infinite}.plug-section{padding:22px 0 16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-heading p,.section-heading h2{margin:0}.section-heading p{color:var(--green);font-size:11px;font-weight:800}.section-heading h2{margin-top:3px;font-size:18px}.section-heading>span{color:var(--muted);font-size:12px}.plug-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px}.plug-option{aspect-ratio:1;min-width:0;border:1px solid #c8d2d1;border-radius:6px;background:#fff;font-weight:800}.plug-option--selected{border-color:var(--green);color:#fff;background:var(--green)}.plug-option--busy{color:#a9b3b8;background:#e9edec;text-decoration:line-through}.loan-ad{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;min-height:72px;padding:10px 12px;color:#3a2748;background:#eee3f4}.loan-ad span:not(.ad-protection){min-width:0}.loan-ad small,.loan-ad strong{display:block}.loan-ad small{color:#6d527a;font-size:10px}.loan-ad strong{margin-top:2px;font-size:15px}.loan-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;background:#7c4b93}.loan-icon svg{width:20px;height:20px}.loan-action{background:#7c4b93}.charge-action{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:18px;padding:14px;border:1px solid #d2dcdb;border-radius:8px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.charge-copy span,.charge-copy strong{display:block}.charge-copy span{color:var(--muted);font-size:11px}.charge-copy strong{margin-top:4px;font-size:14px}.primary-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:6px;color:#fff;background:var(--green);font-weight:800}.charge-action--highlighted{border:3px solid var(--green);box-shadow:0 0 0 5px #16845b21}.safe-target{position:absolute;top:-11px;right:12px;padding:3px 8px;border-radius:99px;color:#fff;background:var(--green-dark);font-size:10px;font-weight:800}.ad-is-muted{filter:grayscale(.9);opacity:.48}.ad-protection{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:7px;align-items:center;justify-content:center;color:#fff;background:#1d2a33c2;font-size:13px;font-weight:800}.protection-dock{position:absolute;z-index:12;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;min-height:86px;padding:10px;border:1px solid #cbd7d4;border-radius:8px;background:#fffffff7;box-shadow:0 12px 36px #18282c33}.protection-dock>div>strong,.protection-dock>div>span{display:block}.protection-dock strong{font-size:14px}.protection-dock>div>span{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shield-orb{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;color:#fff;background:var(--green)}.shield-orb svg{width:20px;height:20px}.shield-orb--off{color:var(--amber);background:var(--amber-soft)}.dock-action,.help-action{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-width:84px;min-height:48px;padding:0 12px;border-radius:6px;color:#fff;background:var(--green);font-size:13px;font-weight:800}.help-action{background:var(--blue)}.sheet-backdrop{position:absolute;z-index:18;top:0;right:0;bottom:0;left:0;background:#10191e6b}.bottom-sheet{position:absolute;z-index:19;right:0;bottom:0;left:0;padding:12px 18px 20px;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 -18px 46px #16232738;animation:sheet-in .22s ease-out}.sheet-handle{display:block;width:42px;height:4px;margin:0 auto 14px;border-radius:99px;background:#cbd3d5}.assistant-mark{display:grid;width:48px;height:48px;place-items:center;margin-bottom:12px;border-radius:8px;color:#fff;background:var(--green)}.assistant-mark svg{width:20px;height:20px}.bottom-sheet h2,.bottom-sheet p{margin:0}.sheet-eyebrow{color:var(--green);font-size:11px;font-weight:800}.bottom-sheet h2{margin-top:4px;font-size:23px;line-height:1.25}.bottom-sheet>p:not(.sheet-eyebrow){margin-top:8px;color:#4c5a63;font-size:15px;line-height:1.6}.sheet-actions{display:grid;grid-template-columns:minmax(92px,.75fr) minmax(0,1.55fr);gap:8px;margin-top:18px}.secondary-action,.primary-sheet-action{min-height:52px;border-radius:6px;font-weight:800}.secondary-action{border:1px solid #c8d2d1;background:#fff}.primary-sheet-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:0 12px;color:#fff;background:var(--green)}.family-person{display:flex;gap:12px;align-items:center}.family-person img{width:58px;height:58px;object-fit:cover;border-radius:50%}.family-person h2{font-size:20px}.family-person span{color:var(--muted);font-size:11px}.permission-note{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin-top:16px;padding:12px;border:1px solid #cbdde9;border-radius:6px;color:#284e67;background:#eef7fc}.permission-note>svg{width:24px;height:24px;margin:auto}.permission-note p,.permission-note strong,.permission-note span{display:block;margin:0}.permission-note strong{font-size:13px}.permission-note span{margin-top:2px;font-size:11px;line-height:1.4}.family-banner{position:absolute;z-index:15;top:8px;right:8px;left:8px;display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;min-height:62px;padding:8px;border:1px solid #cbdde9;border-radius:8px;background:#f0f8fd;box-shadow:0 10px 28px #19324329}.family-banner+.miniapp-header{margin-top:78px}.family-banner img{width:38px;height:38px;object-fit:cover;border-radius:50%}.family-banner strong,.family-banner span{display:block}.family-banner strong{font-size:12px}.family-banner span{margin-top:2px;color:#5b6b76;font-size:9px}.allow-control,.stop-control{min-height:38px;padding:0 9px;border-radius:5px;color:#fff;background:var(--blue);font-size:10px;font-weight:800}.stop-control{background:var(--green)}.success-screen{padding:18px;color:#fff;background:#195f49}.success-header .brand-mark{width:38px;height:38px;flex-basis:38px;color:var(--green-dark);background:#fff}.success-header>span:last-child{font-size:16px;font-weight:800}.success-screen main{display:flex;height:calc(100% - 56px);flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-icon{display:grid;width:82px;height:82px;place-items:center;border-radius:50%;color:var(--green-dark);background:#fff;box-shadow:0 0 0 10px #ffffff1f}.success-icon svg{width:40px;height:40px}.success-screen main>p,.success-screen h1{margin:0}.success-screen main>p:first-of-type{margin-top:24px;color:#bfe8d8;font-size:13px;font-weight:700}.success-screen h1{margin-top:6px;font-size:31px;line-height:1.25}.result-summary{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.result-summary div{padding:14px 7px}.result-summary div+div{border-left:1px solid rgba(255,255,255,.24)}.result-summary strong,.result-summary span{display:block}.result-summary strong{font-size:16px}.result-summary span{margin-top:5px;color:#bfe8d8;font-size:10px;line-height:1.35}.success-note{margin-top:20px!important;color:#d7eee6!important;font-size:12px!important;line-height:1.6}.restart-action{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:50px;margin-top:24px;padding:0 20px;border-radius:6px;color:var(--green-dark);background:#fff;font-weight:800}@keyframes attention{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes sheet-in{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:760px){body{background:#f4f7f6}.workspace{display:block;min-height:100dvh;padding:0}.demo-rail{display:none}.device-container{width:100%;height:100dvh}.device-frame{width:100%;height:100dvh;transform:none;border:0;border-radius:0;box-shadow:none}.device-frame:before{display:none}}@media(max-height:760px)and (min-width:761px){.workspace{align-items:start}.demo-rail{max-height:calc(100vh - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-over-screen{position:absolute;top:38px;right:0;bottom:0;left:0;overflow-y:auto;padding:18px;color:#fff;background:linear-gradient(135deg,#2d1313,#150909);display:flex;flex-direction:column}.game-over-screen::-webkit-scrollbar{display:none}.game-over-header{display:flex;align-items:center;gap:12px}.game-over-header .danger-brand{width:38px;height:38px;flex-basis:38px;color:#fff;background:var(--red);box-shadow:0 0 10px #c9434366}.game-over-header>span:last-child{font-size:16px;font-weight:800;color:#ffb3b3}.game-over-screen main{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0 24px;flex-grow:1}.game-over-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;color:#fff;background:var(--red);box-shadow:0 0 0 8px #c9434333;margin-bottom:12px;animation:attention 2.5s infinite ease-in-out}.game-over-icon svg{width:36px;height:36px}.status-kicker{margin:0;color:#f99;font-size:13px;font-weight:700}.game-over-title{margin:4px 0 16px;font-size:26px;line-height:1.2;font-weight:800;color:#fff}.danger-detail{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:20px}.danger-card{background:#c9434326;border:1px solid rgba(201,67,67,.3);border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffff0d}.danger-card h3{margin:0 0 6px;font-size:14px;color:#f99;font-weight:700}.danger-card p{margin:0 0 4px;font-size:15px;color:#fff}.danger-card .desc{margin:0;font-size:12px;color:#ccc;line-height:1.5}.safety-compare{background:#16845b26;border:1px solid rgba(22,132,91,.3);border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffff0d}.safety-compare h3{margin:0 0 6px;font-size:14px;color:#8cebb4;font-weight:700}.safety-compare p{margin:0;font-size:12.5px;color:#e6f7ee;line-height:1.5}.safety-compare strong{color:#ffeb3b;font-weight:700}.game-over-actions{display:flex;gap:12px;width:100%;margin-top:auto}.restart-action-danger{flex:1;display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:48px;border-radius:8px;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:14px;transition:background .2s}.restart-action-danger:hover{background:#ffffff40}.enable-action-danger{flex:1.2;display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:48px;border-radius:8px;color:#fff;background:var(--green);font-weight:800;font-size:14px;box-shadow:0 4px 12px #16845b4d;transition:background .2s}.enable-action-danger:hover{background:var(--green-dark)}