:root{--primary: #12a8ff;--primary-dark: #0787dc;--primary-light: #e9f6ff;--secondary: #37c2ff;--accent: #22c55e;--primary-gradient: linear-gradient(135deg, #18a8ff 0%, #35c6ff 100%);--primary-gradient-soft: linear-gradient(135deg, rgba(18,168,255,.12) 0%, rgba(72,202,255,.08) 100%);--bg: #f4f8fc;--surface: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--surface-2: #f2f7fb;--surface-3: #eaf4fb;--glass: rgba(255, 255, 255, .72);--glass-border: rgba(141, 181, 213, .24);--border: #dce8f2;--border-light: #edf4fa;--border-glow: rgba(18, 168, 255, .28);--text: #172333;--text-secondary: #637487;--text-muted: #97a8b8;--success: #18b36b;--success-bg: rgba(24, 179, 107, .1);--danger: #ef476f;--danger-bg: rgba(239, 71, 111, .1);--warning: #f5a524;--info: #12a8ff;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-lg: 8px;--radius-xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(22, 44, 66, .04);--shadow-sm: 0 6px 18px rgba(31, 72, 106, .08);--shadow: 0 12px 30px rgba(31, 72, 106, .1);--shadow-md: 0 18px 46px rgba(31, 72, 106, .12);--shadow-lg: 0 24px 70px rgba(31, 72, 106, .16);--shadow-primary: 0 8px 18px rgba(18, 168, 255, .24);--shadow-primary-lg: 0 12px 28px rgba(18, 168, 255, .28);--font-display: "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;letter-spacing:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7097b247;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#12a8ff61}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}::selection{background:#12a8ff2e;color:var(--text)}.app-global-container{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffffd1,#e8f5ffd6),linear-gradient(90deg,rgba(18,168,255,.08) 0,transparent 28%,rgba(24,179,107,.07) 100%),var(--bg);display:flex;flex-direction:column}.app-global-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(18,168,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,168,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%);pointer-events:none}.app-router-view{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.glass-panel{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border)}.glass-card{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}