/* css/base.css - 本地化私有部署提速版 */

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700;
    src: url('./material-symbols-rounded.woff2') format('woff2');
}

:root {
    --bg-body: #f4f6f9;      
    --bg-surface: #ffffff;   
    --text-main: #1f1f1f;    
    --text-muted: #5f6368;   
    --primary-color: #0b57d0;
    --border-color: #e1e5ea;
    --font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--font-family); }

body { 
    background-color: var(--bg-body); 
    color: var(--text-main); 
    font-size: 13px; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded'; 
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20;
  display: inline-flex; justify-content: center; align-items: center;
  vertical-align: middle; line-height: 1; width: 1em; height: 1em;
  overflow: hidden; white-space: nowrap; text-transform: none;
}

/* 登录相关 */
.login-bg { display: flex; justify-content: center; align-items: center; height: 100vh; background: var(--bg-body); }
.login-box { background: var(--bg-surface); padding: 40px 32px; border-radius: 12px; border: 1px solid var(--border-color); width: 360px; }
.login-box h2 { text-align: center; margin-bottom: 32px; font-weight: 600; font-size: 18px; color: var(--text-main);}
.input-group { margin-bottom: 20px; }
.input-group input { width: 100%; padding: 10px 14px; border: 1px solid #c7c7c7; border-radius: 6px; outline: none; transition: border-color 0.15s, box-shadow 0.15s; font-size: 13px;}
.input-group input:focus { border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(11, 87, 208, 0.1); }
.btn { width: 100%; padding: 10px; background: var(--primary-color); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; transition: background-color 0.15s; }
.btn:hover { background: #0842a0; }
.switch-link { text-align: center; margin-top: 20px; font-size: 12px; }
.switch-link a { color: var(--primary-color); text-decoration: none; font-weight: 500;}