* { margin: 0; padding: 0; box-sizing: border-box; } body { background: #0f1117; color: #e5e7eb; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.8; } .container { max-width: 800px; margin: 0 auto; padding: 40px 20px; } h1 { font-size: 2.2rem; margin-bottom: 16px; background: linear-gradient(135deg, #e5e7eb, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .meta { color: #9ca3af; margin-bottom: 40px; font-size: 0.9rem; } h2 { font-size: 1.5rem; margin: 40px 0 16px; color: #e5e7eb; border-left: 4px solid #8b5cf6; padding-left: 16px; } h3 { font-size: 1.2rem; margin: 28px 0 12px; color: #c4b5fd; } p { margin-bottom: 16px; } ul, ol { margin-bottom: 16px; padding-left: 24px; } li { margin-bottom: 8px; } .formula { background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.3); border-radius: 8px; padding: 16px 24px; margin: 20px 0; text-align: center; font-size: 1.1rem; font-weight: 600; color: #c4b5fd; } .tip { background: rgba(139, 92, 246, 0.08); border-left: 3px solid #8b5cf6; padding: 16px 20px; margin: 20px 0; border-radius: 0 8px 8px 0; } .tip strong { color: #8b5cf6; } table { width: 100%; border-collapse: collapse; margin: 20px 0; } th, td { padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(139, 92, 246, 0.2); } th { color: #8b5cf6; font-weight: 600; } .faq-item { margin: 24px 0; } .faq-q { font-weight: 600; color: #e5e7eb; margin-bottom: 8px; } .faq-a { color: #9ca3af; padding-left: 16px; border-left: 2px solid rgba(139, 92, 246, 0.3); } .cta { display: inline-block; background: #8b5cf6; color: #fff; padding: 12px 32px; border-radius: 8px; text-decoration: none; font-weight: 600; margin: 24px 0; transition: background 0.3s; } .cta:hover { background: #7c3aed; } .breadcrumb { color: #6b7280; margin-bottom: 24px; font-size: 0.85rem; } .breadcrumb a { color: #8b5cf6; text-decoration: none; } .warning { background: rgba(239, 68, 68, 0.1); border-left: 3px solid #ef4444; padding: 16px 20px; margin: 20px 0; border-radius: 0 8px 8px 0; } .warning strong { color: #ef4444; } .compare { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0; } .compare-card { background: rgba(139, 92, 246, 0.06); border: 1px solid rgba(139, 92, 246, 0.2); border-radius: 12px; padding: 20px; } .compare-card h4 { color: #8b5cf6; margin-bottom: 12px; font-size: 1.1rem; } @media (max-width: 600px) { h1 { font-size: 1.6rem; } .container { padding: 20px 16px; } .compare { grid-template-columns: 1fr; } } window.dataLayer=window.dataLayer||[]; function gtag(){dataLayer.push(arguments);} gtag("js",new Date()); gtag("config","G-9J54FYQT11");