:root {--primary-blue: #004785;--primary-dark: #003366;--accent-green: #28a745;--text-dark: #333333;--text-light: #666666;--bg-light: #f8f9fa;--border-color: #dee2e6;--white: #ffffff;--shadow: 0 4px 12px rgba(0,0,0,0.08);--success: #28a745;}* {box-sizing: border-box;margin: 0;padding: 0;}body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background-color: var(--bg-light);color: var(--text-dark);line-height: 1.6;font-size: 16px;}a { text-decoration: none; color: inherit; cursor: pointer; }ul { list-style: none; }button {background: none;border: none;padding: 0;font: inherit;cursor: pointer;outline: none;}.container {max-width: 1000px;margin: 0 auto;padding: 0 20px;}header {background: var(--white);border-bottom: 1px solid var(--border-color);padding: 18px 0;margin-bottom: 40px;}.header-inner {display: flex;justify-content: space-between;align-items: center;}.logo {font-size: 22px;font-weight: 700;color: var(--primary-blue);}.logo span { color: var(--text-dark); }.status-badge {background: #d4edda;color: #155724;padding: 6px 16px;border-radius: 20px;font-size: 14px;font-weight: 600;}.hero {text-align: center;background: var(--white);padding: 50px 30px;border-radius: 12px;box-shadow: var(--shadow);margin-bottom: 30px;}.domain-name {font-size: 42px;font-weight: 800;color: var(--primary-blue);margin: 15px 0;word-break: break-all;letter-spacing: -0.5px;}.domain-tld { color: var(--text-light); }.domain-desc {font-size: 18px;color: var(--text-light);max-width: 600px;margin: 0 auto 25px;}.price-display {font-size: 32px;font-weight: 700;color: var(--text-dark);margin: 20px 0;}.price-label {font-size: 15px;font-weight: 400;color: var(--text-light);}.contact-card {background: var(--white);border: 2px solid var(--primary-blue);border-radius: 12px;padding: 35px;margin-bottom: 30px;box-shadow: var(--shadow);}.contact-card h2 {font-size: 24px;margin-bottom: 10px;color: var(--primary-blue);text-align: center;}.contact-card > p {text-align: center;color: var(--text-light);margin-bottom: 30px;font-size: 15px;}.contact-list {display: grid;gap: 20px;max-width: 500px;margin: 0 auto;}.contact-item {display: flex;align-items: center;padding: 18px 20px;background: var(--bg-light);border-radius: 8px;transition: transform 0.2s, box-shadow 0.2s;position: relative;}.contact-item:hover {transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0,0,0,0.08);}.contact-item.copied {background: #d4edda;border: 1px solid #c3e6cb;}.contact-icon {width: 44px;height: 44px;background: var(--primary-blue);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;margin-right: 16px;flex-shrink: 0;}.contact-icon.wechat { background: #07c160; }.contact-icon.email { background: #ea4335; }.contact-info {flex: 1;min-width: 0;}.contact-info strong {display: block;font-size: 15px;margin-bottom: 4px;color: var(--text-dark);}.contact-info span {font-size: 17px;font-weight: 600;color: var(--primary-blue);word-break: break-all;}.contact-info small {display: block;font-size: 12px;color: var(--text-light);margin-top: 3px;}.copy-btn {font-size: 13px;color: var(--primary-blue);font-weight: 600;padding: 4px 10px;border: 1px solid var(--primary-blue);border-radius: 4px;margin-left: 12px;flex-shrink: 0;transition: all 0.2s;white-space: nowrap;}.copy-btn:hover {background: var(--primary-blue);color: var(--white);}.contact-item.copied .copy-btn {background: var(--success);border-color: var(--success);color: white;}.copy-hint {text-align: center;font-size: 13px;color: var(--text-light);margin-top: 25px;font-style: italic;}.features {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;margin: 40px 0;}.feature-card {background: var(--white);padding: 25px;border-radius: 10px;text-align: center;box-shadow: var(--shadow);}.feature-icon {font-size: 32px;margin-bottom: 12px;display: block;}.feature-card h3 {font-size: 16px;margin-bottom: 8px;color: var(--text-dark);}.feature-card p {font-size: 14px;color: var(--text-light);}.cta-banner {background: linear-gradient(135deg, var(--primary-blue), var(--primary-dark));color: var(--white);text-align: center;padding: 35px 25px;border-radius: 12px;margin: 40px 0;}.cta-banner h3 {font-size: 22px;margin-bottom: 12px;}.cta-banner p {opacity: 0.95;margin-bottom: 20px;font-size: 16px;}.btn-cta {display: inline-block;background: var(--accent-green);color: var(--white);padding: 14px 32px;border-radius: 6px;font-weight: 600;font-size: 16px;transition: background 0.2s;}.btn-cta:hover {background: #218838;}.toast {position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%) translateY(100px);background: #333;color: white;padding: 12px 24px;border-radius: 8px;font-size: 14px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: transform 0.3s ease;z-index: 1000;display: flex;align-items: center;gap: 8px;}.toast.show {transform: translateX(-50%) translateY(0);}.toast-icon {color: var(--success);font-weight: bold;}footer {text-align: center;padding: 40px 0 60px;color: var(--text-light);font-size: 14px;border-top: 1px solid var(--border-color);margin-top: 50px;}footer a {color: var(--primary-blue);margin: 0 10px;}@media (max-width: 600px) {.domain-name { font-size: 32px; }.price-display { font-size: 26px; }.hero { padding: 35px 20px; }.contact-card { padding: 25px 20px; }.contact-item {flex-direction: column;text-align: center;gap: 10px;}.contact-icon { margin-right: 0; }.copy-btn { margin-left: 0; margin-top: 8px; }}