*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Consolas", ui-monospace, monospace;--sidebar-w: 222px;--header-h: 54px;--radius: 10px;--radius-sm: 8px;--radius-lg: 16px;--radius-pill: 999px;--bg: #f4f5f7;--bg-elevated: #eaedf0;--white: #ffffff;--surface: #f8fafb;--panel-border: rgba(15, 23, 42, .07);--border: #e5e7eb;--text: #0f172a;--text-sub: #475569;--text-muted: #94a3b8;--blue: #10b981;--blue-dark: #059669;--blue-light: rgba(16, 185, 129, .12);--accent-on: #ffffff;--green: #059669;--green-light: rgba(5, 150, 105, .14);--orange: #f59e0b;--orange-light: rgba(245, 158, 11, .14);--red: #f43f5e;--red-light: rgba(244, 63, 94, .12);--hot: #f59e0b;--sidebar-bg: linear-gradient(180deg, #065f46 0%, #043a2e 100%);--sidebar-text: rgba(255, 255, 255, .66);--sidebar-text-strong: #ffffff;--sidebar-active-bg: rgba(16, 185, 129, .34);--sidebar-border: rgba(255, 255, 255, .08);--table-head-bg: #f1f5f9;--table-hover-bg: #ecfdf5;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow: 0 4px 16px rgba(15, 23, 42, .12);--shadow-card: 0 10px 30px rgba(15, 23, 42, .1);--blob-1: radial-gradient(circle, rgba(110, 231, 183, .65) 0%, rgba(110, 231, 183, 0) 70%);--blob-2: radial-gradient(circle, rgba(252, 211, 77, .5) 0%, rgba(252, 211, 77, 0) 72%);--blob-opacity: .4;--grain-opacity: .025}html[data-theme=night]{--bg: #0a0b0d;--bg-elevated: #16181d;--white: #16181d;--surface: #1c1e22;--panel-border: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text: #eceae2;--text-sub: #c6c3b8;--text-muted: #8a877e;--blue: #c5f26c;--blue-dark: #93c926;--blue-light: rgba(197, 242, 108, .16);--accent-on: #0a0b0d;--green: #6ee7b7;--green-light: rgba(110, 231, 183, .16);--orange: #ff8a4c;--orange-light: rgba(255, 138, 76, .18);--red: #f87171;--red-light: rgba(248, 113, 113, .16);--hot: #ff8a4c;--sidebar-bg: linear-gradient(180deg, #111317 0%, #0a0b0d 100%);--sidebar-text: rgba(236, 234, 226, .6);--sidebar-text-strong: #eceae2;--sidebar-active-bg: rgba(197, 242, 108, .16);--sidebar-border: rgba(255, 255, 255, .07);--table-head-bg: rgba(255, 255, 255, .04);--table-hover-bg: rgba(255, 255, 255, .03);--shadow-sm: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 2px 6px rgba(0, 0, 0, .45);--shadow: 0 8px 24px rgba(0, 0, 0, .6);--shadow-card: 0 14px 36px -16px rgba(0, 0, 0, .7);--blob-1: radial-gradient(circle, #c5f26c 0%, rgba(197, 242, 108, 0) 70%);--blob-2: radial-gradient(circle, #2c9e8a 0%, rgba(44, 158, 138, 0) 72%);--blob-opacity: .42;--grain-opacity: .05}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%}*:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::selection{background:var(--blue);color:var(--accent-on)}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-fx[data-on=false]{display:none}.bg-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:var(--blob-opacity);will-change:transform}.bg-blob-1{width:620px;height:620px;top:-220px;left:-160px;background:var(--blob-1);animation:drift1 30s ease-in-out infinite}.bg-blob-2{width:560px;height:560px;bottom:-200px;right:-120px;background:var(--blob-2);animation:drift2 38s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(120px,90px) scale(1.1)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-140px,-90px) scale(1.12)}}@media (prefers-reduced-motion: reduce){.bg-blob{animation:none!important}}.btn{display:inline-flex;align-items:center;gap:5px;justify-content:center;border:1px solid transparent;border-radius:var(--radius-pill);padding:7px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s,opacity .15s,background .15s,border-color .15s;white-space:nowrap}.btn:hover{filter:brightness(1.04)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--accent-on)}.btn-success{background:var(--green);color:var(--accent-on)}.btn-danger{background:var(--red);color:#fff}.btn-warning{background:var(--orange);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-sub)}.btn-outline:hover{background:var(--surface);color:var(--text);filter:none}.btn-sm{padding:4px 12px;font-size:12px}.btn-icon{padding:5px 9px}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.badge-success{background:var(--green-light);color:var(--green)}.badge-danger{background:var(--red-light);color:var(--red)}.badge-warning{background:var(--orange-light);color:var(--orange)}.badge-info{background:var(--blue-light);color:var(--blue-dark)}.card{background:var(--white);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-hd{padding:15px 20px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;color:var(--text)}.card-bd{padding:20px}.form-item{margin-bottom:16px}.form-item label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-sub);font-weight:500}.form-item input,.form-item select,.form-item textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;outline:none;font-size:13px;font-family:inherit;color:var(--text);transition:border-color .2s,background .2s;background:var(--surface)}.form-item input,.form-item select{height:38px}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:var(--blue)}.form-item textarea{resize:vertical;line-height:1.65}.form-item input::placeholder,.form-item textarea::placeholder{color:var(--text-muted)}.form-row{display:flex;gap:14px}.form-row .form-item{flex:1}option{color:#0f172a}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:11px 14px;text-align:left;font-weight:600;color:var(--text-sub);background:var(--table-head-bg);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.data-table tr:hover td{background:var(--table-hover-bg)}.data-table tr:last-child td{border-bottom:none}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar input,.filter-bar select{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 11px;font-size:13px;outline:none;font-family:inherit;background:var(--surface);color:var(--text)}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--blue)}.filter-bar input{width:210px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b1280;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:var(--bg-elevated);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);position:relative;width:100%;max-width:440px}.modal-title{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:18px;color:var(--text)}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.msg-toast{position:fixed;top:70px;right:22px;z-index:999;padding:11px 20px;border-radius:var(--radius);font-size:13px;box-shadow:var(--shadow);border:1px solid transparent}.msg-success{background:var(--green-light);color:var(--green);border-color:var(--green)}.msg-error{background:var(--red-light);color:var(--red);border-color:var(--red)}.msg-info{background:var(--blue-light);color:var(--blue-dark);border-color:var(--blue)}.empty-state{text-align:center;padding:54px 20px;color:var(--text-muted)}.empty-state .ei{font-size:40px;margin-bottom:10px}.pagination{display:flex;align-items:center;gap:5px;padding:16px 20px;border-top:1px solid var(--border)}.pg-info{font-size:12px;color:var(--text-muted);margin-right:auto}.pg-item{min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);background:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,color .15s}.pg-item:hover:not(.disabled):not(.active){border-color:var(--blue);color:var(--blue)}.pg-item.active{background:var(--blue);color:var(--accent-on);border-color:var(--blue)}.pg-item.disabled{opacity:.4;pointer-events:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}