:root{color:#1d2a3b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#2878ff;--primary-light:#6ba2ff;background:#f5f8fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}.coming-soon{background:radial-gradient(circle at 12% 16%,#2878ff1c,#0000 28%),radial-gradient(circle at 88% 84%,#41ceab1a,#0000 26%),linear-gradient(145deg,#f8fbff 0%,#f3f7fc 100%);place-items:center;min-height:100svh;padding:32px 24px;display:grid;position:relative;overflow:hidden}.coming-soon:before,.coming-soon:after{content:"";border:1px solid #2878ff14;border-radius:50%;width:260px;height:260px;position:absolute}.coming-soon:before{top:-150px;right:-90px;box-shadow:0 0 0 44px #2878ff06}.coming-soon:after{bottom:-170px;left:-100px;box-shadow:0 0 0 44px #41ceab06}.status-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:28px;width:min(100%,460px);padding:54px 34px 48px;position:relative;box-shadow:0 24px 70px #204a821a}.app-header{text-align:left;align-items:center;gap:12px;margin-bottom:24px;display:flex}.header-icon{object-fit:cover;border-radius:12px;width:42px;height:42px}.app-header strong,.app-header small{display:block}.app-header small{color:#8490a3;margin-top:3px;font-size:12px}.tabbar{background:#f2f6fb;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -10px 28px;padding:4px;display:grid}.tabbar button,.back-button{color:#66758a;font:inherit;cursor:pointer;background:0 0;border:0}.tabbar button{border-radius:9px;padding:9px 3px;font-size:13px}.tabbar button.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 2px 8px #1a447914}.device-grid{text-align:left;gap:10px;margin-top:24px;display:grid}.device-card,.detail-card{text-align:left;background:#f7faff;border:1px solid #e7eef8;border-radius:14px;width:100%;padding:16px}.device-card{position:relative}button.device-card{color:inherit;font:inherit;cursor:pointer}.device-card strong,.device-card small{padding-left:18px;display:block}.device-card small{color:#8490a3;margin-top:5px;font-size:12px}.status-dot{border-radius:50%;width:8px;height:8px;margin:5px;position:absolute}.online{background:#3abf8a}.offline{background:#aab5c3}.detail-card{margin-top:22px}.detail-card p{border-bottom:1px solid #e7eef8;justify-content:space-between;gap:20px;margin:0;padding:12px 0;font-size:14px;display:flex}.detail-card p:last-child{border:0}.detail-card span{color:#8490a3}.detail-card b{text-align:right;overflow-wrap:anywhere}.online-text{color:#219c6f}.offline-text{color:#8490a3}.detail-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.detail-actions button{color:#66758a;font:inherit;cursor:pointer;background:#f2f6fb;border:0;border-radius:10px;padding:10px 4px}.detail-actions button.active{color:#fff;background:var(--primary)}.media-section{text-align:left;margin-top:18px}.media-section label{color:#66758a;justify-content:space-between;align-items:center;font-size:13px;display:flex}.media-section input{color:#34435a;font:inherit;background:#fff;border:1px solid #dbe5f2;border-radius:8px;padding:8px}.empty-state{color:#8490a3;text-align:center;background:#f7faff;border-radius:12px;padding:24px 12px}.media-item{background:#f7faff;border:1px solid #e7eef8;border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.media-item div{min-width:0}.media-item strong,.media-item small{display:block}.media-item small{color:#8490a3;margin-top:4px;font-size:12px}.media-item a{color:var(--primary);white-space:nowrap;margin-left:auto;font-size:13px;text-decoration:none}.media-item img{object-fit:cover;border-radius:8px;width:58px;height:58px}.work-actions{margin-top:18px}.work-list{text-align:left;gap:10px;margin-top:16px;display:grid}.work-item{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#f7faff;border:1px solid #e7eef8;border-radius:12px;padding:15px}.work-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.work-heading strong{line-height:1.45}.work-heading em{color:#2878ff;white-space:nowrap;background:#eaf2ff;border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal}.work-item p{color:#66758a;margin:9px 0 4px;font-size:13px}.work-item small{color:#8490a3;font-size:12px}.work-detail{margin-top:16px}.primary-action{color:#fff;width:100%;font:inherit;background:var(--primary);cursor:pointer;border:0;border-radius:12px;margin-top:18px;padding:13px;font-weight:700}.primary-action:disabled{opacity:.65;cursor:wait}.completion-form{text-align:left;background:#f7faff;border:1px solid #e7eef8;border-radius:12px;gap:10px;margin-top:16px;padding:14px;display:grid}.completion-form p{color:#66758a;margin:0;font-size:12px;line-height:1.6}.completion-form input,.completion-form textarea,.completion-form select{color:#34435a;width:100%;font:inherit;background:#fff;border:1px solid #dbe5f2;border-radius:8px;padding:10px}.completion-form textarea{resize:vertical;min-height:76px}.completion-form label{color:#66758a;gap:5px;font-size:12px;display:grid}.completion-form .primary-action{margin-top:0}.form-error{color:#c74646!important}.device-actions{grid-template-columns:repeat(4,1fr)}.device-settings{margin-top:16px}.switch-line{justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:14px!important;display:flex!important}.switch-line input{height:24px;accent-color:var(--primary);width:44px!important;padding:0!important}.form-success{color:#219c6f!important}.back-button{color:var(--primary);padding:0;font-size:14px}.data-error{color:#c74646;background:#fff5f5;border-radius:10px;padding:12px;font-size:13px}.data-error button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:6px;text-decoration:underline}.status-icon{object-fit:contain;border-radius:18px;width:142px;height:142px;margin:0 auto 28px;animation:3.2s ease-in-out infinite float;display:block}.eyebrow{color:var(--primary);letter-spacing:.18em;justify-content:center;align-items:center;gap:11px;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.eyebrow span{opacity:.35;background:currentColor;width:22px;height:1px}.eyebrow.error{color:#e24b4b}h1{color:#15243a;letter-spacing:.04em;margin:0;font-size:clamp(32px,8vw,42px);font-weight:700;line-height:1.3}.description{color:#8490a3;margin:15px 0 0;font-size:15px;line-height:1.8}.progress{background:#e8eff8;border-radius:999px;width:116px;height:4px;margin:34px auto 0;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:inherit;width:42%;height:100%;animation:1.8s ease-in-out infinite loading;display:block}.retry-button{color:#fff;font:inherit;background:var(--primary);cursor:pointer;border:0;border-radius:999px;margin-top:28px;padding:12px 28px;font-weight:600;box-shadow:0 10px 24px #2878ff33}.retry-button:active{transform:translateY(1px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(350%)}}@media (width<=480px){.coming-soon{padding:22px 18px}.status-card{border-radius:24px;padding:46px 22px 42px}.status-icon{width:132px;height:132px}}@media (prefers-reduced-motion:reduce){.status-icon,.progress span{animation:none}.progress span{margin:auto}}