:root{--primary-gradient: linear-gradient(308.87deg, #0386FD 5.47%, #19B2FF 90.49%);--secondary-gradient: linear-gradient(124.68deg, #FF9292 0%, #EF5642 91.05%);--success-gradient: linear-gradient(180deg, #17D81D 0%, #24A646 100%);--gradient-green: linear-gradient(142deg, #82D46B 0%, #6BD4AF 100%);--gradient-light-blue: linear-gradient(142deg, #75EBF8 0%, #75D1F8 100%);--gradient-orange: linear-gradient(142deg, #FFBE55 0%, #FF9655 100%);--gradient-red: linear-gradient(142deg, #FF8A8A 0%, #FF5A5A 100%);--gradient-purple: linear-gradient(142deg, #BF8BFF 0%, #DA8BFF 100%);--gradient-yellow: linear-gradient(142deg, #F2DF57 0%, #F5CC5B 100%);--gradient-pink: linear-gradient(128deg, #FF9292 0%, #EF5642 100%);--bg-color: #F5F5F5;--card-bg: #FFFFFF;--text-primary: #252525;--text-secondary: #585058;--text-tertiary: #8F919A;--text-inverse: #FFFFFF;--shadow-default: 3px 3px 10px rgba(159, 125, 172, .1);--radius-card: 25px;--radius-pill: 35px;--app-vw: 1vw;--app-vh: 1vh;--app-safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--app-safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--app-safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--app-safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--app-shell-padding: 0px;--app-frame-radius: 0px;--app-frame-shadow: none;--app-frame-max-width: 100vw;--font-primary: "Alibaba PuHuiTi 2.0", "PingFang SC", "Helvetica Neue", sans-serif;--font-display: "SF Pro Text", "Helvetica Neue", sans-serif}html,body,#root{width:100%;height:100%;min-height:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-primary);background-color:#e0e0e0;display:flex;justify-content:stretch;align-items:stretch;min-width:0;min-height:100dvh;min-height:calc(var(--app-vh) * 100);overflow:hidden}#root{width:100%;min-width:0;min-height:100dvh;min-height:calc(var(--app-vh) * 100);box-sizing:border-box}.app-shell{width:100%;max-width:100vw;min-width:0;min-height:100dvh;min-height:calc(var(--app-vh) * 100);display:flex;justify-content:center;align-items:stretch;padding:var(--app-shell-padding);box-sizing:border-box}.app-container{width:100%;max-width:min(100vw,var(--app-frame-max-width));min-width:0;min-height:100dvh;min-height:calc((var(--app-vh) * 100) - (var(--app-shell-padding) * 2));max-height:calc((var(--app-vh) * 100) - (var(--app-shell-padding) * 2));height:calc((var(--app-vh) * 100) - (var(--app-shell-padding) * 2));background-color:var(--bg-color);position:relative;overflow:hidden;box-shadow:var(--app-frame-shadow);border-radius:var(--app-frame-radius)}@media(min-width:768px){:root{--app-shell-padding: 12px;--app-frame-radius: 32px;--app-frame-shadow: 0 0 50px rgba(0, 0, 0, .1);--app-frame-max-width: 430px}body{background-color:#d6d6d6}}@media(min-width:768px)and (max-height:760px){.app-container{box-shadow:0 0 30px #00000014}}html[data-app-platform=ios],html[data-app-platform=android]{--app-shell-padding: 0px;--app-frame-radius: 0px;--app-frame-shadow: none;--app-frame-max-width: 100vw}html[data-app-platform=ios] body,html[data-app-platform=android] body{background-color:var(--bg-color)}.status-bar{position:absolute;top:0;left:0;width:100%;height:59px;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:3px;z-index:100}.status-bar-time{margin-left:20px;font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--text-primary)}.dynamic-island{width:125px;height:37px;background:#000;border-radius:100px;position:absolute;left:50%;transform:translate(-50%);bottom:11px}.status-bar-icons{margin-right:20px;display:flex;gap:8px;align-items:center}.card{background:var(--card-bg);box-shadow:var(--shadow-default);border-radius:var(--radius-card)}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-pill);font-weight:500;cursor:pointer}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}