:root{--primary: #4A9B8E;--primary-light: #6BB5A8;--primary-dark: #3A7D72;--secondary: #5B8DB8;--secondary-light: #7FAED0;--accent: #E8F4F0;--bg-gradient-start: #E8F6F3;--bg-gradient-end: #D4EAF5;--text-primary: #2C3E50;--text-secondary: #5A6B7D;--text-muted: #8E9EAF;--white: #FFFFFF;--card-bg: rgba(255, 255, 255, .85);--card-shadow: 0 8px 32px rgba(74, 155, 142, .1);--card-shadow-hover: 0 12px 40px rgba(74, 155, 142, .18);--border-light: rgba(74, 155, 142, .12);--danger: #E07A6A;--warning: #E8B86A;--success: #6BBF8A;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;min-height:100vh;max-width:480px;margin:0 auto;position:relative}.page{min-height:100vh;display:flex;flex-direction:column;padding:0 24px;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border:none;border-radius:var(--radius-xl);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;user-select:none;-webkit-user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);box-shadow:0 4px 16px #4a9b8e4d}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #4a9b8e33}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:active{background:var(--accent);transform:scale(.97)}.btn-block{width:100%}.card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.fade-enter-active,.fade-leave-active{transition:opacity .35s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:all .35s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from{opacity:0;transform:translate(30px)}.slide-left-leave-to{opacity:0;transform:translate(-30px)}.slide-right-enter-active,.slide-right-leave-active{transition:all .35s cubic-bezier(.4,0,.2,1)}.slide-right-enter-from{opacity:0;transform:translate(-30px)}.slide-right-leave-to{opacity:0;transform:translate(30px)}.text-center{text-align:center}.mt-auto{margin-top:auto}body:before{content:"";position:fixed;top:-120px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(74,155,142,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-100px;left:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(91,141,184,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}#app{position:relative;z-index:1}@media(max-height:640px){.page{padding:0 18px}}@media(max-width:360px){html{font-size:14px}.page{padding:0 16px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.page{padding-bottom:env(safe-area-inset-bottom)}}@supports (padding-top: env(safe-area-inset-top)){.page{padding-top:env(safe-area-inset-top)}}