:root{--color-primary: #1677ff;--color-primary-hover: #4096ff;--color-text: #1f1f1f;--color-text-secondary: #666666;--color-text-placeholder: #999999;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #e8e8e8;--color-danger: #ff4d4f;--color-success: #52c41a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--app-max-width: 480px;--header-height: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background:var(--color-bg)}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{padding:0;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}html,body{overflow-x:hidden}body{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#app{min-height:100dvh}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}