:root{--primary-color: #4ECDC4;--primary-dark: #3DB9B0;--secondary-color: #45B7D1;--accent-color: #FF6B6B;--success-color: #67C23A;--warning-color: #E6A23C;--bg-color: #F5F7FA;--card-bg: #FFFFFF;--text-primary: #303133;--text-secondary: #606266;--text-light: #909399;--border-color: #E4E7ED;--gold-color: #F5A623}.page-container{min-height:100vh;background-color:var(--bg-color);position:relative}.page-content{padding:20px 20px 100px;min-height:100vh}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc466}.btn-secondary{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-color)}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background-color:#4ecdc41a}.text-link{color:var(--primary-color);text-decoration:none;font-size:14px;cursor:pointer}.text-link:hover{text-decoration:underline}.back-btn{position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;z-index:100}.back-btn:hover{background-color:#fff}.back-btn svg{width:20px;height:20px;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}