*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}:root{--odw-primary: #2c5282;--odw-primary-dark: #2b4c7e;--odw-primary-light: #3a6baa;--odw-accent: #63b3ed;--odw-accent-hover: #4299e1;--odw-text-on-dark: rgba(255, 255, 255, .95);--odw-text-on-dark-secondary: rgba(255, 255, 255, .72);--odw-text-primary: #1a202c;--odw-text-secondary: #718096;--odw-bg-page: #f7fafc;--odw-bg-card: #ffffff;--odw-border: #e2e8f0;--odw-shadow-nav: 0 1px 4px rgba(44, 82, 130, .15);--odw-nav-height: 60px;--odw-nav-bg: linear-gradient(135deg, var(--odw-primary) 0%, var(--odw-primary-dark) 100%);--odw-nav-logo-bg: rgba(0, 0, 0, .08);--odw-nav-item-hover: rgba(255, 255, 255, .1);--odw-nav-item-active: rgba(255, 255, 255, .15);--odw-nav-active-border: var(--odw-accent);--odw-radius-sm: 4px;--odw-radius-md: 8px;--odw-radius-lg: 12px;--odw-transition: .25s ease}