Spaces:
Running
Running
| * { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| margin: 0; | |
| padding: 3rem 1.5rem; | |
| min-height: 100vh; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; | |
| background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 45%, #2563eb 100%); | |
| color: #1f2937; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .card { | |
| max-width: 640px; | |
| width: 100%; | |
| margin: 0 auto; | |
| padding: 2.5rem 2.25rem; | |
| background: #ffffff; | |
| border-radius: 20px; | |
| box-shadow: 0 24px 60px rgba(17, 24, 39, 0.28); | |
| text-align: center; | |
| } | |
| .badge { | |
| display: inline-block; | |
| padding: 0.3rem 0.9rem; | |
| font-size: 13px; | |
| font-weight: 600; | |
| color: #6d28d9; | |
| background: #ede9fe; | |
| border-radius: 999px; | |
| letter-spacing: 0.02em; | |
| } | |
| h1 { | |
| font-size: 30px; | |
| margin: 1.1rem 0 0.6rem; | |
| color: #111827; | |
| } | |
| .lead { | |
| font-size: 16px; | |
| line-height: 1.8; | |
| color: #374151; | |
| margin: 0.4rem 0 0.6rem; | |
| } | |
| .en { | |
| font-size: 14px; | |
| color: #6b7280; | |
| margin: 0 0 1.6rem; | |
| } | |
| .links { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 0.7rem; | |
| justify-content: center; | |
| margin-bottom: 1.2rem; | |
| } | |
| .btn { | |
| display: inline-block; | |
| padding: 0.65rem 1.3rem; | |
| font-size: 15px; | |
| font-weight: 600; | |
| color: #4b5563; | |
| background: #f3f4f6; | |
| border-radius: 10px; | |
| text-decoration: none; | |
| transition: transform 0.12s ease, box-shadow 0.12s ease; | |
| } | |
| .btn:hover { | |
| transform: translateY(-1px); | |
| box-shadow: 0 6px 16px rgba(17, 24, 39, 0.12); | |
| } | |
| .btn.primary { | |
| color: #ffffff; | |
| background: linear-gradient(135deg, #7c3aed, #2563eb); | |
| } | |
| .note { | |
| font-size: 12.5px; | |
| color: #9ca3af; | |
| margin: 0; | |
| } | |