:root{--color-primary:#0066FF;--color-primary-hover:#0052CC;--color-primary-light:#E6F0FF;--color-primary-dark:#004499;--color-text-primary:#1A1A1A;--color-text-secondary:#666666;--color-text-hint:#999999;--color-bg-white:#FFFFFF;--color-bg-gray:#F5F5F5;--color-border-light:#E5E5E5;--color-success:#00C853;--color-success-light:#E8F5E9;--color-error:#FF5252;--color-error-light:#FFEBEE;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 8px rgba(0,0,0,0.08);--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px}.navbar{background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);border-bottom:1px solid #e8eaf6;box-shadow:0 2px 12px rgba(102,126,234,0.08);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;height:60px;padding:0}html{scroll-behavior:smooth}body{padding-top:60px}.navbar-brand{font-size:17px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;display:flex;align-items:center;gap:5px;flex-shrink:0}.navbar-brand:hover{opacity:0.8;text-decoration:none}.logo-icon{font-size:22px;-webkit-text-fill-color:unset}.nav-link{color:#555;font-size:13px;font-weight:500;transition:all 0.2s ease;padding:5px 10px !important;margin:0 1px;border-radius:5px;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#667eea;background:rgba(102,126,234,0.08);text-decoration:none;font-weight:600}.nav-link.active{background:rgba(102,126,234,0.12);font-weight:600}.navbar .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:600;font-size:12px;padding:6px 14px !important;box-shadow:0 2px 8px rgba(102,126,234,0.25);transition:all 0.3s;white-space:nowrap;flex-shrink:0}.navbar .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,0.4);color:white}@media (min-width:992px){.navbar-collapse{display:flex !important;flex-basis:auto;align-items:center;justify-content:space-between}.navbar-toggler{display:none !important}.navbar-nav{flex-direction:row !important;align-items:center;flex-wrap:nowrap;gap:0}.ms-auto{margin-left:auto !important}.navbar-nav .nav-item{display:inline-flex;align-items:center}.navbar-nav .nav-item:last-child{margin-left:8px;padding-left:8px;border-left:1px solid #e8eaf6}.navbar .container{flex-wrap:nowrap}}.mobile-bottom-nav{display:none}@media (max-width:767px){.navbar{height:50px}body{padding-top:50px;padding-bottom:60px}.navbar-collapse,.navbar-toggler{display:none !important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1001;background:#fff;border-top:1px solid #e8eaf6;box-shadow:0 -2px 12px rgba(0,0,0,0.08);height:60px}.mobile-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;font-size:10px;font-weight:500;gap:3px;transition:color 0.2s;padding:6px 2px}.mobile-bottom-nav a.active,.mobile-bottom-nav a:active{color:#667eea}.mobile-bottom-nav a .tab-icon{font-size:20px;line-height:1}.mobile-bottom-nav a .tab-label{font-size:10px;line-height:1}}.hero-section{background:#FFFFFF;padding:var(--spacing-8) 0 var(--spacing-6);min-height:auto}.hero-section .container{max-width:1200px}.hero-section .row{}.hero-section .col-md-8,.hero-section .col-md-6{max-width:100%}.hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-2);color:#1A1A1A;max-width:900px}.hero-subtitle{font-size:16px;line-height:1.75;color:#666666;margin-bottom:var(--spacing-4);max-width:800px}.btn-primary{background:var(--color-primary);border:none;color:white}.btn-primary:hover{background:var(--color-primary-hover);color:white}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);background:white}.btn-outline:hover{background:var(--color-primary-light);color:var(--color-primary)}.card{border:1px solid var(--color-border-light);border-radius:8px;transition:all 0.2s ease;height:100%}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card .product-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.badge{padding:var(--spacing-1) var(--spacing-3);font-size:12px;font-weight:500;border-radius:4px}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.score-badge{background:var(--color-primary);color:white;font-weight:700;font-size:16px;padding:var(--spacing-2) var(--spacing-4)}.card-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.card-text{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-light);background:var(--color-bg-gray)}.tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-top:var(--spacing-4)}.tool-card{text-align:center;padding:var(--spacing-10) var(--spacing-6)}.tool-icon{font-size:48px;margin-bottom:var(--spacing-4)}.tool-card h4{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.tool-card p{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.section{padding:var(--spacing-20) 0;max-width:1400px;margin:0 auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-title{font-size:37px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.section-subtitle{font-size:14px;color:var(--color-text-secondary)}.container{max-width:1400px;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width:768px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1200px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.feature{text-align:center;padding:var(--spacing-10);background:white;border-radius:8px;border:1px solid var(--color-border-light)}.feature-icon{font-size:48px;margin-bottom:var(--spacing-4)}.feature h4{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.feature p{font-size:14px;color:var(--color-text-secondary);line-height:1.5}footer{background:white;border-top:1px solid var(--color-border-light);padding:0}footer p{color:var(--color-text-hint);font-size:13px;margin-bottom:var(--spacing-2)}.footer{background:white;border-top:1px solid #e8eaf6;padding:60px 0 0;margin-top:80px}.footer .container{padding-top:60px;padding-bottom:0}.footer-brand{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-3);display:inline-block}.footer-desc{font-size:14px;color:#666;line-height:1.8;max-width:320px}.footer a{color:#666;text-decoration:none;font-size:14px;transition:color 0.3s;display:block;margin-bottom:8px}.footer a:hover{color:#667eea;text-decoration:none}.footer h6{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:20px}.footer-bottom{border-top:1px solid #e8eaf6;margin-top:40px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:13px;color:#999;margin:0}.footer-disclaimer{background:#0d0d1a;border-top:1px solid rgba(255,255,255,0.06);padding:24px 0;margin-top:0}.footer-disclaimer p{font-size:12px;color:rgba(255,255,255,0.35);line-height:1.8;margin:0;text-align:center}.footer-disclaimer strong{color:rgba(255,255,255,0.5)}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover .card{transform:translateY(-4px);box-shadow:0 8px 24px rgba(102,126,234,0.15);transition:transform 0.2s,box-shadow 0.2s}@media (max-width:768px){.hero-section{padding:var(--spacing-6) 0 var(--spacing-4);text-align:center}.hero-section .container{max-width:100%}.hero-title{font-size:32px;margin-bottom:var(--spacing-2);max-width:100%}.hero-subtitle{font-size:16px;margin-bottom:var(--spacing-4);max-width:100%}.hero-buttons{justify-content:center;flex-direction:column;align-items:center;display:flex;gap:var(--spacing-3)}.btn{width:100%;max-width:280px}.section{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.section-title{font-size:28px}.container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}}@media (max-width:576px){.hero-section{padding:var(--spacing-4) 0 var(--spacing-3)}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}}