:root { --blue:#409eff; --green:#17a34a; --red:#f56c6c; --orange:#e6a23c; --text:#233a5b; --muted:#6b7280; --line:#e5e7eb; --bg1:#d7fafa; --bg2:#f8ffff; }
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft YaHei",sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg1),var(--bg2));min-height:100vh}.wrap{max-width:1160px;margin:0 auto;padding:24px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.brand{font-size:22px;font-weight:800}.sub{font-size:13px;color:var(--muted);margin-top:4px}.card{background:white;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.07);padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.row:last-child{border-bottom:0}.label{font-weight:600}.value{color:#111827;word-break:break-all}input,select,textarea{width:100%;border:1px solid #dcdfe6;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;background:white}textarea{min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}button{border:0;border-radius:8px;padding:10px 14px;font-size:14px;cursor:pointer;background:var(--blue);color:white;white-space:nowrap}button:disabled{opacity:.6;cursor:wait}.btn-gray{background:#64748b}.btn-red{background:var(--red)}.btn-orange{background:var(--orange)}.btn-green{background:var(--green)}.btn-light{background:#eef2ff;color:#30445f}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;background:#eef2ff;color:#30445f}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.err{background:#fee2e2;color:#991b1b}.notice-error{background:#fee2e2;color:#991b1b;border-radius:8px;padding:10px 12px;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px;vertical-align:top}th{color:#64748b;font-weight:700;background:#f8fafc}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.hint{color:var(--muted);font-size:13px}.hidden{display:none!important}.login{max-width:480px;margin:10vh auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab{background:#eef2ff;color:#30445f}.tab.active{background:var(--blue);color:white}.copybox{display:flex;gap:8px;align-items:center}.copybox input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.user-page .wrap{max-width:540px}.avatar{width:90px;height:90px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.08);display:grid;place-items:center;margin:-54px auto 8px;font-size:36px}.user-card{margin-top:82px}.user-title{text-align:center;font-size:22px;font-weight:800;margin-bottom:14px}.fieldline{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.fieldline .name{color:#334155;font-weight:600}.opline{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.opline select{max-width:120px}.status-ok{color:#16a34a;font-weight:700}.footer{font-size:12px;text-align:center;color:#94a3b8;margin:18px 0}@media(max-width:800px){.grid,.grid3{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}table{font-size:12px}.opline{flex-direction:column;align-items:stretch}.opline select{max-width:none}}