*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #409eff;--primary-dark: #337ecc;--success: #67c23a;--warning: #e6a23c;--danger: #f56c6c;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--text-placeholder: #c0c4cc;--border-base: #dcdfe6;--bg-page: #f5f7fa;--bg-white: #ffffff;--radius-base: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-primary);background:var(--bg-page);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}.page-container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg-white);position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;font-size:16px;font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #409eff59}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:var(--text-regular);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:11px 14px;font-size:15px;border:1.5px solid var(--border-base);border-radius:var(--radius-base);outline:none;transition:border-color .2s;background:var(--bg-page);color:var(--text-primary);-webkit-appearance:none}.form-input:focus{border-color:var(--primary);background:var(--bg-white)}.form-input::placeholder{color:var(--text-placeholder)}.form-error{font-size:12px;color:var(--danger);margin-top:4px;padding-left:2px}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:12px 24px;border-radius:var(--radius-base);font-size:14px;z-index:9999;pointer-events:none;animation:toastFadeIn .2s ease;max-width:80%;text-align:center}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}