:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#19324d;background:#eef6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan: #0ba9c0;--blue: #2878e8;--green: #13ad78;--red: #de4c55;--ink: #19324d;--muted: #74869b;--line: #e2eaf0}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 14% 8%,rgb(20 183 201 / 10%),transparent 28rem),radial-gradient(circle at 90% 86%,rgb(40 120 232 / 8%),transparent 30rem),#eef6fa}button,input{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;padding:24px 16px;background-image:radial-gradient(rgb(77 159 183 / 19%) .7px,transparent .7px);background-size:22px 22px}.app-container{position:relative;display:flex;flex-direction:column;width:min(100%,440px);min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);margin:0 auto;overflow:hidden;background:#f9fcfdf7;border:1px solid rgb(208 226 234 / 86%);border-radius:28px;box-shadow:0 24px 70px #1f496824,0 8px 24px #1f496814}.brand-header{position:relative;z-index:2;display:flex;align-items:center;min-height:68px;padding:14px 22px;background:#ffffffeb;border-bottom:1px solid #e8eef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-mark{position:relative;width:34px;height:34px;margin-right:10px;border-radius:11px;background:linear-gradient(135deg,#0cb4c6,#2878e8);box-shadow:0 7px 16px #1697be3d}.brand-mark__screen{position:absolute;top:8px;left:8px;width:15px;height:15px;border:2px solid #fff;border-radius:5px}.brand-mark__dot{position:absolute;right:6px;bottom:6px;width:5px;height:5px;background:#fff;border-radius:50%}.brand-name{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#173451}.page-content{flex:1;padding:26px 22px 20px;animation:page-enter .24s ease-out}.page-heading{margin-bottom:20px}.page-heading .eyebrow{display:inline-flex;align-items:center;min-height:25px;margin-bottom:11px;padding:3px 10px;color:#087f96;font-size:11px;font-weight:700;background:#e5f7fa;border:1px solid #ccecf1;border-radius:999px}.page-heading h1,.result-hero h1{margin:0;color:#172e49;font-size:29px;font-weight:850;line-height:1.24;letter-spacing:-.035em}.page-heading p,.result-hero p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.intro-card{padding:23px 18px 21px;text-align:center;background:linear-gradient(145deg,#f1fbfd,#eef9fb);border:1px solid #d9edf1;border-radius:20px}.device-illustration{display:grid;width:74px;height:74px;margin:0 auto 13px;place-items:center;background:#dff5f8;border-radius:50%}.device-glyph{position:relative;display:inline-block;flex:0 0 auto;width:43px;height:39px;color:#0a9fb7;background:#fff;border:2px solid currentColor;border-radius:11px;box-shadow:0 5px 13px #206f871a}.device-glyph__screen{position:absolute;top:8px;left:7px;width:27px;height:18px;background:currentColor;border:2px solid currentColor;border-radius:5px;box-shadow:inset 0 0 0 8px #eefbfd;opacity:.9}.device-glyph__light{position:absolute;right:3px;bottom:3px;width:6px;height:6px;background:#15b77f;border:1.5px solid #fff;border-radius:50%}.device-glyph--green{color:var(--green)}.device-glyph--red{color:var(--red)}.device-glyph--gray{color:#8796a7}.intro-card h2,.checking-card h2{margin:0;color:#213c57;font-size:16px;font-weight:800}.intro-card p,.checking-card p{margin:5px 0 0;color:#8292a4;font-size:12px}.check-form{margin-top:22px}.check-form label{display:block;margin-bottom:8px;color:#344d65;font-size:13px;font-weight:800}.serial-input.ant-input-affix-wrapper{height:54px;padding:0 15px;color:#1b3854;font-weight:750;background:#fff;border-color:#bbdfe6;border-radius:14px;box-shadow:0 5px 16px #1c5b700d}.serial-input .ant-input-prefix{margin-right:10px;color:#65aebc}.serial-input input{text-transform:uppercase}.field-tip,.field-error{min-height:30px;padding:6px 3px 7px;font-size:11px;line-height:17px}.field-tip{color:#8998a8}.field-error{color:var(--red)}.primary-action.ant-btn{height:50px;border:0;border-radius:14px;background:linear-gradient(100deg,#0db5c2,#2878e8);box-shadow:0 10px 22px #1b88c938}.primary-action.ant-btn:not(:disabled):hover,.primary-action.ant-btn:not(:disabled):focus-visible{background:linear-gradient(100deg,#08a8b6,#206fdf);box-shadow:0 12px 25px #1b88c947;transform:translateY(-1px)}.primary-action--success.ant-btn,.primary-action--success.ant-btn:not(:disabled):hover,.primary-action--success.ant-btn:not(:disabled):focus-visible{background:linear-gradient(100deg,#19bd82,#0a9d6b);box-shadow:0 10px 22px #0da66f33}.primary-action.ant-btn:disabled{color:#ffffffc7;background:linear-gradient(100deg,#8bcbd1,#8badd9);box-shadow:none}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#8998a8;font-size:11px}.checking-card{padding:29px 18px 25px;text-align:center;background:linear-gradient(145deg,#f0fbfd,#edf8fa);border:1px solid #d8edf1;border-radius:20px}.checking-spinner{display:grid;width:82px;height:82px;margin:0 auto 15px;place-items:center;color:var(--cyan);background:#fff;border:8px solid #ddf2f5;border-radius:50%;box-shadow:0 7px 18px #1b7d961a}.checking-spinner .anticon{color:var(--cyan);font-size:33px}.serial-summary{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px}.serial-summary .device-glyph{width:39px;height:36px;transform:scale(.88)}.serial-summary>div{min-width:0;flex:1}.serial-summary span,.serial-summary strong{display:block}.serial-summary span{margin-bottom:2px;color:#8a99a9;font-size:10px}.serial-summary strong{overflow:hidden;color:#29445f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.serial-summary .ant-tag{margin:0}.process-card{margin-top:14px;padding:17px 15px 12px;background:#fff;border:1px solid var(--line);border-radius:16px}.process-row{display:flex;align-items:center;margin-bottom:16px}.process-icon{display:grid;width:30px;height:30px;margin-right:10px;color:var(--cyan);background:#e4f7fa;border-radius:50%;place-items:center}.process-row>div{min-width:0;flex:1}.process-row strong,.process-row span{display:block}.process-row strong{color:#2c455e;font-size:12px}.process-row>div>span{margin-top:3px;color:#8b9aa9;font-size:10px}.process-row em{color:#0c9db4;font-size:10px;font-style:normal;font-weight:800}.result-hero{margin:-26px -22px 19px;padding:30px 20px 27px;text-align:center;border-bottom:1px solid transparent}.result-hero--online{background:linear-gradient(180deg,#ecfaf4,#f3fbf7);border-color:#d9eee4}.result-hero--offline,.result-hero--red{background:linear-gradient(180deg,#fff3f3,#fff8f8);border-color:#f2dddd}.result-hero--unknown,.result-hero--gray{background:linear-gradient(180deg,#f3f6f8,#f8fafb);border-color:#e3e9ed}.result-icon{display:grid;width:82px;height:82px;margin:0 auto 14px;font-size:62px;border-radius:50%;place-items:center}.result-hero--online .result-icon{color:var(--green);background:#13ad781c}.result-hero--offline .result-icon,.result-hero--red .result-icon{color:var(--red);background:#de4c551a}.result-hero--unknown .result-icon,.result-hero--gray .result-icon{color:#8796a7;background:#8796a71f}.result-hero--online h1{color:#123e33}.result-hero--offline h1,.result-hero--red h1{color:#5c2830}.result-details{padding:3px 15px;background:#fff;border:1px solid var(--line);border-radius:17px}.detail-row{display:flex;align-items:center;justify-content:space-between;min-height:49px;gap:18px;border-bottom:1px solid #edf1f4}.detail-row:last-child{border-bottom:0}.detail-row>span{flex:0 0 auto;color:#8795a5;font-size:12px}.detail-row>strong{display:inline-flex;min-width:0;align-items:center;justify-content:flex-end;gap:5px;overflow-wrap:anywhere;color:#314b64;font-size:12px;font-weight:650;text-align:right}.detail-row>.detail-row__strong{font-size:13px;font-weight:800}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-gray{color:#7f8e9d!important}.auto-retry-card{margin-top:14px;padding:14px 15px 11px;background:#fff8f8;border:1px solid #f1dfe1;border-radius:15px}.auto-retry-heading{display:flex;align-items:center;margin-bottom:11px}.auto-retry-icon{display:grid;width:33px;height:33px;margin-right:10px;color:var(--red);background:#fce8ea;border-radius:10px;place-items:center}.auto-retry-heading div{min-width:0}.auto-retry-heading strong,.auto-retry-heading span{display:block}.auto-retry-heading strong{color:#624047;font-size:12px}.auto-retry-heading div span{margin-top:3px;color:#95767b;font-size:10px}.result-alert{margin-top:14px;border-radius:13px}.result-alert .ant-alert-message{font-size:12px;line-height:1.55}.result-actions{margin-top:19px}.result-actions .ant-btn-text{margin-top:6px;color:#5f7488;font-size:13px}footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom));color:#9aa8b5;font-size:10px;text-align:center}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.app-shell{padding:0;background:#f9fcfd}.app-container{width:100%;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.brand-header{min-height:calc(64px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top));padding-right:20px;padding-left:20px}.page-content{padding-right:20px;padding-left:20px}.result-hero{margin-right:-20px;margin-left:-20px}}@media(max-width:360px){.page-content{padding-right:16px;padding-left:16px}.result-hero{margin-right:-16px;margin-left:-16px}.page-heading h1,.result-hero h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}