:root{--blue:#4d7bf3;--ink:#20263a;--muted:#8b94a8;--bg:#f4f6fb;--line:#e7ebf4;--green:#27ba78;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#e7ebf4}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(120deg,#edf1f8,#e2e8f2)}button,input,select{font:inherit}.device-app{width:min(100%,430px);min-height:100vh;margin:auto;padding:16px 16px 40px;background:var(--bg)}.device-topbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;height:64px;text-align:center}.device-topbar button{border:0;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}.device-topbar button:first-child{font-size:37px;font-weight:300}.device-topbar b{display:block;font-size:17px}.device-topbar small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.setup-tabs{display:flex;gap:3px;padding:4px;border-radius:14px;background:#e4e9f4}.setup-tabs button{flex:1;border:0;border-radius:10px;padding:9px 3px;background:transparent;color:#7d879f;font-size:12px;font-weight:800;cursor:pointer}.setup-tabs button.active{background:var(--blue);color:#fff;box-shadow:0 3px 9px #4d7bf340}.setup-page{display:none}.setup-page.active{display:block}.eyebrow{margin-top:22px;color:#5c7bea;font-size:12px;font-weight:800}.setup-page h1{margin:7px 0 9px;letter-spacing:-.7px;font-size:27px}.intro{margin:0;color:#798399;font-size:13px;line-height:1.7}.scanner{position:relative;width:236px;height:236px;margin:28px auto 14px;padding:43px;border-radius:22px;background:linear-gradient(135deg,#edf3ff,#dce7ff)}.scanner>span{position:absolute;inset:20px;border:1px solid #abbdf5;border-radius:14px}.corner{position:absolute;width:31px;height:31px;border:4px solid var(--blue)}.tl{top:20px;left:20px;border-right:0;border-bottom:0;border-radius:7px 0 0}.tr{top:20px;right:20px;border-left:0;border-bottom:0;border-radius:0 7px 0 0}.bl{bottom:20px;left:20px;border-right:0;border-top:0;border-radius:0 0 0 7px}.br{right:20px;bottom:20px;border-left:0;border-top:0;border-radius:0 0 7px 0}.scan-line{position:absolute;z-index:2;left:30px;right:30px;top:50%;height:2px;background:#5e89f8;box-shadow:0 0 10px #5e89f8;animation:scan 2.2s ease-in-out infinite}.fake-qr{width:100%;height:100%;background:repeating-linear-gradient(90deg,#293755 0 7px,transparent 7px 13px),repeating-linear-gradient(0deg,#293755 0 7px,transparent 7px 13px);mix-blend-mode:multiply;opacity:.82}@keyframes scan{0%,100%{transform:translateY(-52px)}50%{transform:translateY(52px)}}.scan-tip{text-align:center;color:#9ba3b4;font-size:11px}.primary-action,.outline-action{display:block;width:100%;margin-top:20px;padding:14px;border:0;border-radius:13px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 7px 16px #4d7bf32b}.process-note{margin-top:18px;padding:13px;border-radius:13px;background:#fff;color:#707b91;font-size:12px;line-height:1.6}.process-note b{color:#38445d}.device-status{display:flex;align-items:center;gap:15px;margin-top:22px;padding:17px;border-radius:18px;background:linear-gradient(135deg,#eef3ff,#fff)}.card-device{display:grid;place-items:center;width:83px;height:105px;padding:7px;border-radius:13px;background:#31394a;box-shadow:0 5px 12px #30394a33}.mini-screen{width:100%;height:70px;padding-top:18px;border-radius:5px;background:#f4f6f1;text-align:center;font-size:10px;font-weight:800}.mini-screen small{font-size:9px;color:#4fa277}.device-status b{display:block;font-size:16px}.device-status small{display:block;margin-top:7px;color:#8993a8;font-size:11px}.status-ok{display:inline-block;margin-top:7px;color:var(--green);font-size:11px;font-weight:800}.info-list{margin-top:15px;border-radius:17px;background:#fff;overflow:hidden}.info-list article{display:flex;justify-content:space-between;gap:16px;padding:15px 14px;border-bottom:1px solid var(--line);font-size:12px}.info-list article:last-child{border-bottom:0}.info-list span{color:#8992a5}.info-list b{text-align:right;font-size:12px}.pending{color:#c88321}.wifi-scan-stage{margin-top:27px;text-align:center}.small-scanner{width:150px;height:150px;margin:0 auto 17px;padding:27px;border-radius:18px;background:#e5edff}.wifi-scan-stage>b{display:block;font-size:15px}.wifi-scan-stage>span{display:block;margin:8px auto;color:#8c96a9;font-size:11px;line-height:1.6}.outline-action{margin-top:16px;background:#fff;color:var(--blue);box-shadow:inset 0 0 0 1px #aabdf6}.wifi-form{margin-top:22px}.recognized{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:12px;border-radius:12px;background:#ecfaf3}.recognized>span,.wifi-success>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#28ba79;color:#fff;font-weight:900}.recognized b,.recognized small{display:block}.recognized b{font-size:13px}.recognized small{margin-top:3px;color:#779084;font-size:10px}.wifi-form label{display:block;margin:15px 0 0;color:#687389;font-size:12px;font-weight:800}.wifi-form select,.wifi-form input{width:100%;margin-top:7px;padding:13px;border:1px solid #dce2ee;border-radius:11px;background:#fff;color:var(--ink);outline-color:var(--blue)}.password-row{position:relative}.password-row input{padding-right:46px}.eye{position:absolute;right:8px;bottom:8px;border:0;background:#eef2f8;border-radius:7px;padding:5px 8px;color:#65718a;cursor:pointer}.secure-note{margin:13px 0 0;color:#8390a5;font-size:10px;line-height:1.65}.wifi-success{margin-top:30px;padding:24px 17px;border-radius:18px;background:#ecfaf3;text-align:center}.wifi-success span{margin:0 auto 10px}.wifi-success b{display:block}.wifi-success p{margin:8px 0 0;color:#749080;font-size:12px;line-height:1.6}@media(min-width:700px){.device-app{box-shadow:0 16px 48px #52617d25}}