html,body,#app{height:100%;margin:0;padding:0}:root{--bg-page: #060a18;--bg-panel: rgba(10, 22, 48, .85);--primary: #00e5ff;--primary-soft: rgba(0, 229, 255, .15);--accent: #3396ff;--text-main: #d6e8ff;--text-sub: #9db8d8;--border-soft: rgba(0, 180, 255, .25);--danger: #ff5c7c}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-main);font-family:Microsoft YaHei,PingFang SC,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0096ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00b4ff80}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:4px;cursor:pointer;border:1px solid var(--border-soft);background:#0078ff1f;color:var(--text-main);font-size:13px;letter-spacing:1px;transition:all .2s;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--primary);box-shadow:0 0 12px #00c8ff40}.btn.primary{background:linear-gradient(90deg,#008cff80,#00dcff66);border-color:var(--primary);color:#eaffff}.btn.danger{border-color:#ff5a7880;color:#ff9db2}.btn.danger:hover{background:#ff5a781f;box-shadow:0 0 12px #ff5a7840}.btn.small{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.form-item{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-item>label{font-size:12px;color:var(--text-sub);letter-spacing:1px}.form-item input[type=text],.form-item input[type=password],.form-item input[type=number],.form-item input[type=url],.form-item textarea,.form-item select{background:#040c1ecc;border:1px solid var(--border-soft);border-radius:4px;color:var(--text-main);padding:7px 10px;font-size:13px;outline:none}.form-item input:focus,.form-item textarea:focus,.form-item select:focus{border-color:var(--primary);box-shadow:0 0 8px #00c8ff33}.form-item input[type=color]{width:44px;height:30px;padding:2px;background:transparent;border:1px solid var(--border-soft);border-radius:4px}.form-row{display:flex;gap:10px}.form-row .form-item{flex:1}.page-header{display:flex;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--border-soft)}.page-title{font-size:20px;font-weight:700;letter-spacing:3px;background:linear-gradient(90deg,#eaffff,#7fd4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.empty-tip{padding:60px 0;text-align:center;color:var(--text-sub);font-size:14px;letter-spacing:2px}