:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#172026;background:#f5f8fa;--primary-color: #13b6a5;--primary-light: rgba(19, 182, 165, .12);--page-text: #1f2937;--secondary-text: rgba(31, 41, 55, .5);--card-bg: rgba(255, 255, 255, .85);--border-color: rgba(148, 203, 191, .5);--primary: #16b6aa;--primary-dark: #09a69c;--primary-strong: #0f7d6e;--primary-soft: #dff3ef;--page-bg-start: #f2fbfb;--page-bg-end: #dff4f7;--text-primary: #26343c;--text-secondary: #77848d;--text-muted: #a4adb3;--border-soft: rgba(148, 196, 191, .45);--white-surface: rgba(255, 255, 255, .78);--accent: #ff9f43;--line-soft: rgba(107, 154, 145, .18);--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--brand: #1fc3b4;--brand-deep: #16ad9f;--panel: rgba(255, 255, 255, .96);--panel-soft: #f7fbfd;--line: #d8edf0;--line-strong: #c8e6ea;--text: #1f2b3d;--muted: #98a6b5;--soft: #7b8794;--shadow: 0 20px 60px rgba(120, 181, 194, .16);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;height:100%;margin:0}body{min-height:100vh;min-width:320px;overflow-x:hidden;overflow-y:auto}button,input,textarea,select{font:inherit}button{border:0;background:none;cursor:pointer}.surface-card{background:linear-gradient(135deg,#ffffffc7,#ffffff6b);border:1px solid var(--border-soft);border-radius:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}