:root{--blue:#006da4;--deep:#053b59;--sky:#e9f6fb;--ink:#102a38;--muted:#647783;--line:#d8e6ec;--white:#fff;--shadow:0 20px 60px rgba(1,54,82,.13)}
*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#edf5f8;color:var(--ink)}
body{min-height:100vh;margin:0;background:linear-gradient(180deg,var(--blue) 0 270px,#edf5f8 270px)}
.flash-shell{width:min(100% - 28px,560px);margin:0 auto;padding:22px 0 50px}
.back{display:inline-block;margin:0 0 22px;color:#dff4fc;text-decoration:none;font-size:13px;font-weight:700}
.flash-card,.steps,.notice{border-radius:22px;background:var(--white);box-shadow:var(--shadow)}
.flash-card{position:relative;overflow:hidden;padding:27px 21px 22px;text-align:center}
.device-mark{display:grid;place-items:center;width:84px;height:63px;margin:0 auto 20px;border:3px solid var(--deep);box-shadow:inset 0 0 0 3px #fff,0 6px 0 #c8d7dd;background:#f7f6ed}.device-mark span{font-family:Georgia,serif;font-size:25px;line-height:1}.device-mark small{font-size:8px;letter-spacing:.2em}
.eyebrow{margin:0 0 7px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}.flash-card h1{margin:0;font-size:29px;letter-spacing:-.04em}.lead{margin:10px auto 20px;max-width:390px;color:var(--muted);font-size:14px;line-height:1.65}
.firmware-meta{margin:0;padding:0;border:1px solid var(--line);border-radius:15px;text-align:left;overflow:hidden}.firmware-meta div{display:flex;justify-content:space-between;gap:15px;padding:11px 13px}.firmware-meta div+div{border-top:1px solid var(--line)}.firmware-meta dt{color:var(--muted);font-size:12px}.firmware-meta dd{margin:0;text-align:right;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.installer{margin-top:18px;padding:17px 13px;border-radius:16px;background:var(--sky)}.install-button{width:100%;border:0;border-radius:13px;background:var(--blue);color:#fff;padding:14px 18px;font-weight:800;cursor:pointer}.installer p,.installer>esp-web-install-button>span{display:block;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.steps{margin-top:13px;padding:20px}.steps h2{margin:0 0 17px;font-size:18px}.steps ol{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{position:relative;min-height:48px;padding:0 0 16px 42px;counter-increment:step}.steps li:not(:last-child):after{content:"";position:absolute;left:15px;top:31px;bottom:2px;width:1px;background:var(--line)}.steps li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--deep);color:#fff;font-size:12px;font-weight:800}.steps b,.steps span{display:block}.steps b{font-size:14px}.steps span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.55}
.notice{display:flex;gap:11px;margin-top:13px;padding:15px 17px;background:#fff9ec;border:1px solid #f0dfb8;box-shadow:none}.notice b{flex:0 0 auto;color:#7a561b;font-size:12px}.notice span{color:#7d704f;font-size:11px;line-height:1.55}
@media(max-width:390px){.flash-card{padding-inline:16px}.firmware-meta div{display:block}.firmware-meta dd{margin-top:4px;text-align:left}.notice{display:block}.notice span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

:root{--blue:#1f6257;--deep:#183d36;--sky:#e7f2ed;--ink:#23332f;--muted:#718079;--line:#dce4dc;--shadow:0 20px 60px rgba(24,61,54,.13)}
html{background:#f6f1e7}
body{background:linear-gradient(180deg,#183d36 0 270px,#f6f1e7 270px)}
.device-mark{border-color:#183d36;background:#f7f3e8;box-shadow:inset 0 0 0 3px #fff,0 6px 0 #cfd8d0}
.install-button{background:#1f6257}
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a{touch-action:manipulation}
@media(max-width:560px){.flash-shell{width:calc(100% - 28px);max-width:calc(100% - 28px)}}