*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #fbfbfd;--bg3: #e8e8ed;--text: #1d1d1f;--text2: #6e6e73;--text3: #aeaeb2;--accent: #0071e3;--accent-hover: #0077ed;--accent-light: #e8f0fe;--accent-dark: #0051a2;--border: #e6e6ea;--white: #ffffff;--danger: #ff3b30;--danger-hover: #ff2d20;--danger-light: #fff2f1;--state-hover: #f0f0f3;--state-active: #e7e7e9;--state-active-hover: #e1e1e4;--radius-none: 0px;--radius-sm: 2px;--radius: 3px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}body{font-family:Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-y:auto;scrollbar-gutter:stable}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all .15s ease}input,textarea,select{font-family:inherit;outline:none;transition:border-color .15s ease}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-lg);font-size:14px;font-weight:500}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--state-hover);border-color:var(--border)}.btn-danger{background:transparent;color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:var(--danger-light)}.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);font-size:14px;color:var(--text)}.input:focus{border-color:var(--accent)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-family:Noto Sans SC,sans-serif;font-size:24px;font-weight:400;color:var(--text)}.empty-state{text-align:center;padding:60px 20px;color:var(--text3);font-size:15px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--white);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-md)}.modal-title{font-family:Noto Sans SC,sans-serif;font-size:18px;font-weight:400;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:var(--text2);margin-bottom:6px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.error-msg{color:var(--danger);font-size:13px;margin-top:12px}.nav-link:hover{background:var(--state-hover)!important}.nav-link.active:hover{background:var(--state-active-hover)!important}