:root{--primary:#5868ef;--primary-dark:#4555d8;--text:#17233d;--muted:#63708a;--line:rgba(93,108,151,.16);--card:rgba(255,255,255,.9);--soft:rgba(242,246,255,.86);--danger:#d84c5e;--success:#238568;--shadow:0 22px 60px rgba(45,58,108,.14);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 8% 0,rgba(94,196,255,.35),transparent 32%),radial-gradient(circle at 90% 95%,rgba(178,126,255,.3),transparent 32%),#e8efff}button,input,select,textarea{color:inherit;font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.portal-topbar{width:min(1180px,calc(100% - 36px));min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto}.portal-brand{display:flex;align-items:center;gap:10px;font-weight:700}.portal-brand>span:last-child{white-space:nowrap}.portal-brand small{display:block;color:var(--muted);font-size:11px;font-weight:400}.brand-mark{display:block;flex:0 0 auto;width:114px;height:38px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain;overflow:visible}.back-button,.soft-button,.primary-button,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:12px;cursor:pointer}.back-button,.soft-button{color:var(--primary);border:1px solid rgba(88,104,239,.2);background:#ffffff8c}.primary-button{color:#fff;border:0;background:var(--primary)}.primary-button:hover{background:var(--primary-dark)}.danger-button{color:var(--danger);border:1px solid rgba(216,76,94,.25);background:#d84c5e12}.portal-shell{width:min(1180px,calc(100% - 36px));margin:12px auto 40px}.preview-banner{margin-bottom:16px;padding:13px 16px;color:#855812;font-size:12px;line-height:1.6;border:1px solid rgba(214,153,51,.24);border-radius:14px;background:#fff7e4c7}.portal-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.portal-sidebar,.portal-content,.portal-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.portal-sidebar{align-self:start;padding:14px;border-radius:22px}.profile-mini{padding:12px 10px 16px;border-bottom:1px solid var(--line)}.profile-mini strong,.profile-mini span{display:block}.profile-mini span{margin-top:4px;color:var(--muted);font-size:12px}.portal-nav{display:grid;gap:5px;margin-top:12px}.portal-nav button{min-height:42px;padding:0 12px;text-align:left;color:var(--muted);border:0;border-radius:11px;cursor:pointer;background:transparent}.portal-nav button:hover,.portal-nav button.active{color:var(--primary);font-weight:700;background:#5868ef17}.portal-content{min-height:560px;padding:26px;border-radius:24px}.portal-section[hidden]{display:none}.section-heading h1{margin:0 0 6px;font-size:28px}.section-heading p{margin:0 0 22px;color:var(--muted);line-height:1.6}.form-grid{display:grid;gap:14px;max-width:560px}.field{display:grid;gap:7px}.field label{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;outline:0;background:var(--soft)}.field textarea{min-height:120px;padding:12px;resize:vertical}.code-line{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:9px}.form-actions,.card-actions{display:flex;flex-wrap:wrap;gap:9px}.form-note{color:var(--muted);font-size:11px;line-height:1.6}.status-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.status-card h3{margin:0 0 5px}.status-card p{margin:0;color:var(--muted);font-size:12px}.status-badge{flex:0 0 auto;padding:6px 9px;color:var(--success);font-size:11px;font-weight:700;border-radius:9px;background:#2385681a}.data-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.data-card,.stat-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.data-card span,.stat-card span{display:block;color:var(--muted);font-size:11px}.data-card strong,.stat-card strong{display:block;margin-top:7px;font-size:22px}.device-list,.admin-list{display:grid;gap:9px}.device-item,.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.device-item strong,.device-item small{display:block}.device-item small{margin-top:4px;color:var(--muted)}.device-current{color:var(--success);font-size:11px}.login-card{max-width:520px;margin:20px auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.login-card h1{margin:0 0 7px}.login-card>p{margin:0 0 20px;color:var(--muted)}.admin-login-card{margin-top:46px;padding:32px}.admin-login-card .status-badge{display:inline-flex;margin-bottom:16px}.admin-login-card .form-note{padding:10px 12px;border-radius:10px;background:#5868ef12}.toast{position:fixed;z-index:50;left:50%;bottom:28px;padding:10px 16px;color:#fff;border-radius:11px;background:#17233deb;opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid rgba(88,104,239,.35);outline-offset:2px}@media(max-width:760px){.portal-grid{grid-template-columns:1fr}.portal-sidebar{position:static}.portal-nav{grid-template-columns:repeat(2,1fr)}.data-grid,.stats-grid{grid-template-columns:1fr}.portal-content{padding:20px 16px}.code-line{grid-template-columns:1fr}.portal-topbar{min-height:68px}}