| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- /* 动画商城页面样式 */
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body {
- margin: 0;
- padding: 0;
- height: 100vh;
- overflow: hidden;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
- "Noto Sans", sans-serif;
- }
- .store-root {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- height: 100vh;
- background: linear-gradient(135deg, #fdfcfb 0%, #f7f7f8 50%, #fdfcfb 100%);
- color: #1f2937;
- user-select: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- }
- .store-container {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 40px;
- }
- .coming-soon {
- text-align: center;
- max-width: 600px;
- padding: 60px 40px;
- background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
- border-radius: 24px;
- box-shadow: 0 10px 40px rgba(139, 92, 246, 0.15), 0 4px 16px rgba(0, 0, 0, 0.1);
- border: 2px solid rgba(139, 92, 246, 0.1);
- }
- .coming-soon-icon {
- font-size: 80px;
- margin-bottom: 24px;
- animation: float 3s ease-in-out infinite;
- }
- @keyframes float {
- 0%, 100% {
- transform: translateY(0);
- }
- 50% {
- transform: translateY(-10px);
- }
- }
- .coming-soon-title {
- font-size: 36px;
- font-weight: 700;
- background: linear-gradient(135deg, #8b5cf6, #a78bfa);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- background-clip: text;
- margin-bottom: 16px;
- letter-spacing: 1px;
- }
- .coming-soon-subtitle {
- font-size: 24px;
- color: #6b7280;
- font-weight: 600;
- margin-bottom: 20px;
- letter-spacing: 0.5px;
- }
- .coming-soon-description {
- font-size: 16px;
- color: #9ca3af;
- line-height: 1.6;
- margin-top: 12px;
- }
|