:root{--gk-bg-page: #f3f6fb;--gk-card: #ffffff;--gk-border: #e8eef6;--gk-nav-grad: linear-gradient(90deg, #0e2a5c, #16407f);--gk-primary: #2e7cf6;--gk-primary-soft: #eaf2fe;--gk-grad-btn: linear-gradient(90deg, #2e7cf6, #22c3e8);--gk-grad-brand: linear-gradient(160deg, #0e2a5c 0%, #16407f 55%, #2e7cf6 130%);--gk-text: #1f2d3d;--gk-text-2: #6b7a90;--gk-text-3: #9aa8bc;--gk-fn-blue: #2e7cf6;--gk-fn-green: #10b981;--gk-fn-purple: #8b5cf6;--gk-fn-orange: #f59e0b;--gk-fn-cyan: #06b6d4;--gk-fn-pink: #ec4899;--gk-fn-red: #ef4444;--gk-brand-orange: #f86907;--gk-radius-card: 14px;--gk-radius-btn: 8px;--gk-radius-icon: 10px;--gk-shadow: 0 2px 8px rgba(31, 58, 110, .06);--gk-shadow-hover: 0 6px 16px rgba(31, 58, 110, .1);--gk-shadow-login: 0 20px 60px rgba(31, 58, 110, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--gk-text);background:var(--gk-bg-page);font-size:14px}a{text-decoration:none}.crumb{font-size:13px;color:var(--gk-text-3);margin-bottom:14px}.crumb b{color:var(--gk-text);font-weight:600}.page-head{display:flex;align-items:center;margin-bottom:12px}.page-head .pt{font-size:17px;font-weight:700;color:var(--gk-text)}.page-head .ps{font-size:12px;color:var(--gk-text-3);margin-top:3px}.page-head .acts{margin-left:auto;display:flex;gap:9px;align-items:center}.btn{height:34px;padding:0 16px;border-radius:var(--gk-radius-btn);border:none;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn.pri{background:var(--gk-grad-btn);color:#fff}.btn.pri:disabled{opacity:.5;cursor:not-allowed}.btn.sec{background:var(--gk-card);color:var(--gk-primary);border:1px solid var(--gk-primary)}.btn.ghost{background:var(--gk-card);color:var(--gk-text-2);border:1px solid var(--gk-border)}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:7px}.btn.link{border:none;background:transparent;color:var(--gk-primary);padding:0 6px}.st{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}.st.blue{background:#eaf2fe;color:#1d6ef0}.st.green{background:#e7f8f1;color:#0b9e6d}.st.amber{background:#fdf0dc;color:#b9801e}.st.red{background:#fdeaea;color:#d63b3b}.st.purple{background:#f3eefe;color:#7c4dea}.st.slate{background:#eef2f8;color:#64748b}.st.cyan{background:#e5f9fb;color:#0e94a8}.st.pink{background:#fdeef5;color:#d4467f}.gk-card{background:var(--gk-card);border:1px solid var(--gk-border);border-radius:var(--gk-radius-card);box-shadow:var(--gk-shadow)}.gk-card .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.gk-card .hd h3{font-size:15px;font-weight:600;color:var(--gk-text)}.gk-card .hd a{font-size:12px;color:var(--gk-primary);cursor:pointer}.gk-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gk-grid .span3{grid-column:span 3}.gk-grid .span4{grid-column:span 4}.gk-grid .span6{grid-column:span 6}.gk-grid .span8{grid-column:span 8}.gk-grid .span12{grid-column:span 12}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--gk-border);padding:0 14px}.tabs .t{padding:11px 14px;font-size:13.5px;color:var(--gk-text-2);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.tabs .t.on{color:var(--gk-primary);font-weight:700}.tabs .t.on:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:2px;background:var(--gk-primary)}.tabs .t i{font-style:normal;font-size:11px;color:var(--gk-text-3);margin-left:3px}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;flex-wrap:wrap}.inp{height:32px;border:1px solid var(--gk-border);border-radius:var(--gk-radius-btn);background:#f8fafd;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;color:var(--gk-text-3);min-width:200px}.inp input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--gk-text);min-width:0}.inp input::placeholder{color:var(--gk-text-3)}.sel{height:32px;border:1px solid var(--gk-border);border-radius:var(--gk-radius-btn);background:var(--gk-card);display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;color:var(--gk-text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.gk-table{width:100%;border-collapse:collapse;font-size:13px}.gk-table th{font-size:12px;color:var(--gk-text-3);font-weight:600;text-align:left;padding:10px 14px;background:#f7fafd;border-bottom:1px solid var(--gk-border);white-space:nowrap}.gk-table td{padding:11px 14px;border-bottom:1px solid #eef2f8;color:var(--gk-text);vertical-align:middle}.gk-table tbody tr:hover td{background:#fafcff}.gk-table .cell-main{display:flex;align-items:center;gap:9px}.gk-table .sub{font-size:11.5px;color:var(--gk-text-3)}.avat{width:30px;height:30px;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600}.pager{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:12px 14px;font-size:12px;color:var(--gk-text-2)}.pager .pg{min-width:26px;height:26px;border-radius:7px;border:1px solid var(--gk-border);background:var(--gk-card);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.pager .pg.on{background:var(--gk-primary);color:#fff;border-color:var(--gk-primary)}.frow{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed #eef2f8;font-size:13px}.frow label{color:var(--gk-text-2)}.finput{height:34px;border:1px solid var(--gk-border);border-radius:var(--gk-radius-btn);background:#f8fafd;padding:0 12px;font-size:13px;color:var(--gk-text);display:flex;align-items:center}.hintbar{margin-top:12px;padding:9px 14px;border-radius:var(--gk-radius-btn);font-size:12.5px;color:#8a5a10;background:#fdf0dc;border:1px solid #f6d9a6;line-height:20px}.empty{padding:48px 24px;text-align:center;color:var(--gk-text-3);font-size:13px}.empty .ico{font-size:34px;margin-bottom:10px}