* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;}:root {--primary: #38304f;--secondary: #3f3a64;--accent: #ffd166;--accent-hover: #f2b500;--light: #f8f9fa;--dark: #212529;--gray: #6c757d;--success: #28a745;--border-radius: 16px;--box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);--transition: all 0.3s ease;}body {background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);color: var(--dark);line-height: 1.6;min-height: 100vh;padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.container {width: 100%;max-width: 900px;margin: 0 auto;}.domain-card {background: white;border-radius: var(--border-radius);padding: 50px;box-shadow: var(--box-shadow);text-align: center;position: relative;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.5);}.domain-card::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient(to bottom right, rgba(255, 209, 102, 0.1), transparent);transform: rotate(-15deg);z-index: 0;}.logo {margin-bottom: 30px;position: relative;z-index: 1;}.logo a {font-size: 3.5rem;font-weight: 800;color: var(--secondary);text-decoration: none;letter-spacing: -1px;display: inline-block;transition: var(--transition);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);}.logo a:hover {transform: translateY(-5px);color: var(--primary);}.logo span {display: block;font-size: 1.3rem;font-weight: 600;color: var(--success);margin-top: 2px;letter-spacing: 0;background: rgba(40, 167, 69, 0.1);padding: 8px 15px;border-radius: 30px;}.domain-image {margin: 30px 0;position: relative;z-index: 1;}.domain-image img {max-width: 100%;border-radius: var(--border-radius);box-shadow: var(--box-shadow);transition: var(--transition);}.domain-image img:hover {transform: translateY(-8px) scale(1.02);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);}.description {margin-bottom: 30px;color: var(--gray);font-size: 1.0rem;line-height: 1.6;text-align: left;position: relative;z-index: 1;padding: 0 20px;}.platforms-title {font-size: 2rem;color: var(--secondary);margin: 40px 0 25px;position: relative;padding-bottom: 15px;position: relative;z-index: 1;}.platforms-title:after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background: var(--accent);border-radius: 2px;}.platforms-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-bottom: 40px;position: relative;z-index: 1;}.platform-btn {display: flex;align-items: center;justify-content: center;padding: 16px 20px;background: var(--accent);color: var(--secondary);border-radius: var(--border-radius);font-weight: 700;transition: var(--transition);text-align: center;border: 2px solid transparent;text-decoration: none;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.platform-btn:hover {background: var(--accent-hover);transform: translateY(-5px);border-color: var(--secondary);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);color: var(--primary);}.contact-info {background: #f8f9fa;color: var(--gray);padding: 20px;border-radius: var(--border-radius);text-align: center;margin-top: 30px;border: 1px solid #e9ecef;position: relative;z-index: 1;}.contact-title {font-size: 1.2rem;margin-bottom: 15px;color: var(--gray);font-weight: 600;}.contact-details {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;margin-top: 15px;font-size: 0.95rem;}.contact-item {display: flex;align-items: center;}footer {text-align: center;padding: 30px 0;color: var(--gray);font-size: 0.9rem;margin-top: 40px;width: 100%;}footer p {margin-bottom: 10px;}/* 响应式设计 */@media (max-width: 900px) {.platforms-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.domain-card {padding: 30px 25px;}.contact-details {flex-direction: column;gap: 12px;}.logo a {font-size: 2.8rem;}.logo span {font-size: 1.1rem;}.description {font-size: 1.1rem;}}@media (max-width: 600px) {.platforms-grid {grid-template-columns: 1fr;}}@media (max-width: 480px) {.logo a {font-size: 2.2rem;}.logo span {font-size: 1rem;}.domain-card {padding: 25px 20px;}.platforms-title {font-size: 1.6rem;}.description {font-size: 1rem;padding: 0 10px;}.platform-btn {padding: 14px 15px;font-size: 0.95rem;}body {padding: 15px;}}/* 动画效果 */@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.animated {animation: fadeIn 0.8s ease-out forwards;}/* 强调元素 */.highlight {position: absolute;top: 0;left: 0;right: 0;height: 6px;background: linear-gradient(to right, var(--accent), var(--success));border-radius: var(--border-radius) var(--border-radius) 0 0;}