:root {
     color-scheme: light;
     --mm-bg: #f6f7fb;
     --mm-panel: #ffffff;
     --mm-panel-alt: #f8fafc;
     --mm-text: #101828;
     --mm-muted: #667085;
     --mm-muted-2: #98a2b3;
     --mm-line: #eaecf0;
     --mm-accent: #2563eb;
     --mm-accent-soft: rgba(37, 99, 235, 0.12);
     --mm-danger: #dc2626;
     --mm-success: #16a34a;
     --mm-warning: #f59e0b;
     --mm-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
     --mm-shadow-soft: 0 8px 18px rgba(15, 23, 42, 0.06);
 }

 * {
     box-sizing: border-box;
 }

 body {
     font-family: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', Arial, sans-serif;
     background: var(--mm-bg);
     color: var(--mm-text);
     line-height: 1.6;
 }

 :where(h1, h2, h3, h4, h5, h6) {
     color: var(--mm-text);
     font-weight: 600;
     letter-spacing: 0.2px;
 }

 :where(a) {
     color: inherit;
     text-decoration: none;
 }

 :where(input, select, textarea) {
     font-family: inherit;
     background: var(--mm-panel-alt);
     border: 1px solid var(--mm-line);
     border-radius: 8px;
     padding: 10px 12px;
     color: var(--mm-text);
 }

 :where(input, select, textarea):focus {
     outline: none;
     border-color: var(--mm-accent);
     box-shadow: 0 0 0 3px var(--mm-accent-soft);
     background: #fff;
 }

 :where(button, .btn) {
     font-family: inherit;
 }

 .container,
 .content,
 .card,
 .panel,
 .toolbar,
 .sections-table,
 .table,
 .table-wrapper,
 .form-container,
 .login-container {
     background: var(--mm-panel);
 }

 .container,
 .content,
 .panel,
 .toolbar,
 .sections-table,
 .table,
 .table-wrapper,
 .form-container,
 .login-container {
     border: 1px solid var(--mm-line);
     border-radius: 12px;
     box-shadow: var(--mm-shadow);
 }

 .header,
 .page-header,
 .top-bar {
     background: var(--mm-panel);
     color: var(--mm-text);
     border-bottom: 1px solid var(--mm-line);
 }

 .btn,
 .btn-primary {
     background: var(--mm-accent);
     color: #fff;
     border: none;
     border-radius: 8px;
     padding: 9px 16px;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     transition: transform 0.15s ease, box-shadow 0.15s ease;
 }

 .btn:hover,
 .btn-primary:hover {
     transform: translateY(-1px);
     box-shadow: 0 8px 18px rgba(37, 99, 235, 0.2);
 }

 .btn:focus-visible {
     outline: none;
     box-shadow: 0 0 0 3px var(--mm-accent-soft);
 }

 .btn-secondary {
     background: #475467;
     color: #fff;
 }

 .btn-danger {
     background: var(--mm-danger);
     color: #fff;
 }

 .btn-success {
     background: var(--mm-success);
     color: #fff;
 }

 .btn-warning {
     background: var(--mm-warning);
     color: #111827;
 }

 .btn:disabled,
 button:disabled {
     opacity: 0.6;
     cursor: not-allowed;
     transform: none;
     box-shadow: none;
 }

 .card,
 .panel,
 .table,
 .table-wrapper,
 .sections-table {
     border: 1px solid var(--mm-line);
 }

 .table-header,
 .table-row,
 table thead th,
 table tbody td {
     border-color: var(--mm-line);
 }

 .table-header,
 table thead th {
     color: var(--mm-muted);
     background: var(--mm-panel-alt);
 }

 .message,
 .alert {
     border-radius: 8px;
     border: 1px solid var(--mm-line);
     background: var(--mm-panel);
 }

 .message.success,
 .alert-success {
     background: #ecfdf3;
     color: #05603a;
     border-color: #abefc6;
 }

 .message.error,
 .alert-error,
 .alert-danger {
     background: #fef3f2;
     color: #b42318;
     border-color: #fecdc7;
 }

 .modal,
 .dialog,
 .overlay {
     background-color: rgba(15, 23, 42, 0.4);
     backdrop-filter: blur(2px);
 }

 .modal-content,
 .dialog-content,
 .modal-body {
     background: var(--mm-panel);
     border: 1px solid var(--mm-line);
     border-radius: 12px;
     box-shadow: var(--mm-shadow-soft);
 }

 .tag,
 .badge,
 .pill,
 .secretary-tag {
     background: var(--mm-panel-alt);
     border: 1px solid var(--mm-line);
     border-radius: 999px;
 }

 @media (max-width: 768px) {
     .container,
     .content,
     .panel,
     .toolbar,
     .sections-table,
     .table,
     .table-wrapper,
     .form-container,
     .login-container {
         border-radius: 0;
         box-shadow: none;
     }
 }