*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background:#0a0a0f;color:#e0e0e0;line-height:1.6;font-size:16px;overflow-x:hidden;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}nav{border-bottom:1px solid #2a2a4a;padding:15px 0;margin-bottom:30px;}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;}.logo{color:#6366f1;font-size:1.3rem;font-weight:bold;text-decoration:none;}.nav-links{display:flex;gap:20px;}.nav-links a{color:#888;text-decoration:none;transition:color 0.3s;}.nav-links a:hover, .nav-links a.active, .active{color:#6366f1;}.hero-section{text-align:center;padding:40px 20px;margin-bottom:40px;}.hero-section h1{font-size:2rem;margin-bottom:15px;color:#e0e0e0;}.subtitle{color:#888;font-size:1rem;margin-bottom:20px;}.lead{font-size:1.1rem;color:#888;max-width:700px;margin:0 auto 25px;line-height:1.7;}.btn-primary{display:inline-block;background:#6366f1;color:white;padding:10px 20px;border-radius:6px;text-decoration:none;border:1px solid #6366f1;transition:background 0.3s;margin:5px;}.btn-primary:hover{background:#4f46e5;}.btn-secondary{display:inline-block;background:transparent;color:#6366f1;padding:10px 20px;border-radius:6px;text-decoration:none;border:1px solid #6366f1;transition:background 0.3s;margin:5px;}.btn-secondary:hover{background:rgba(99, 102, 241, 0.1);}.tools-grid, .tool-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:30px;}.tool-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:20px;border-left:4px solid #6366f1;transition:transform 0.3s, border-color 0.3s;}.tool-card:hover{transform:translateY(-3px);border-color:#6366f1;}.tool-icon{font-size:2rem;margin-bottom:10px;}.tool-card h3{font-size:1.2rem;margin-bottom:10px;color:#e0e0e0;}.tool-card p{color:#888;font-size:0.9rem;margin-bottom:15px;line-height:1.6;}.tip-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:0.8rem;color:#888;margin:10px 0 15px;}.badge{display:inline-block;background:#6366f1;color:white;padding:3px 8px;border-radius:4px;font-size:0.75rem;margin-right:5px;}.review-content{max-width:800px;margin:0 auto;padding:30px 20px;}.review-content h1{font-size:1.8rem;margin-bottom:15px;color:#e0e0e0;}.review-content h2{font-size:1.3rem;margin-top:25px;margin-bottom:12px;color:#e0e0e0;}.review-content h3{font-size:1.1rem;margin-top:20px;margin-bottom:10px;color:#e0e0e0;}.review-content h4{font-size:1rem;margin-top:15px;margin-bottom:8px;color:#e0e0e0;}.review-content p{color:#888;margin-bottom:15px;line-height:1.7;font-size:0.95rem;}.review-content ul, .review-content ol{margin:15px 0 15px 20px;color:#888;font-size:0.95rem;}.review-content li{margin-bottom:8px;line-height:1.6;}.highlight{background:rgba(99, 102, 241, 0.2);padding:2px 6px;border-radius:3px;color:#e0e0e0;}.tip-image{margin:20px 0;text-align:center;}.tip-image img{max-width:100%;height:auto;border-radius:6px;}.img-source{font-size:0.8rem;color:#666;margin-top:8px;}.img-source a{color:#6366f1;}.pros-cons{display:grid;grid-template-columns:1fr;gap:20px;margin:25px 0;}.pros, .cons{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:20px;}.pros{border-left:4px solid #22c55e;}.cons{border-left:4px solid #ef4444;}.pros h3, .cons h3{margin-bottom:12px;font-size:1.1rem;}.pros ul, .cons ul{margin-left:20px;}.table-responsive{overflow-x:auto;margin:20px 0;}.comparison-table, table{width:100%;border-collapse:collapse;margin:20px 0;font-size:0.9rem;}th, td{padding:12px;text-align:left;border-bottom:1px solid #2a2a4a;}th{background:#1a1a2e;color:#6366f1;font-weight:600;}td{color:#888;}@media (max-width:767px){.comparison-table[data-label] td:before, table[data-label] td:before{content:attr(data-label);font-weight:bold;color:#6366f1;display:block;margin-bottom:5px;}}.content-box, .intro-box, .cta-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:20px;margin:20px 0;}.intro-box{border-left:4px solid #6366f1;}.cta-box, .cta{border-left:4px solid #22c55e;text-align:center;}.author-note{font-size:0.85rem;color:#666;border-top:1px solid #2a2a4a;padding-top:15px;margin-top:30px;font-style:italic;}nav[aria-label="breadcrumb"]{margin:20px 0;font-size:0.9rem;color:#888;}nav[aria-label="breadcrumb"] a{color:#6366f1;text-decoration:none;}nav[aria-label="breadcrumb"] span{margin:0 8px;}.related-tips{margin-top:50px;padding-top:30px;border-top:1px solid #2a2a4a;}.related-tips h2{margin-bottom:20px;}.related-grid{display:grid;grid-template-columns:1fr;gap:20px;}.quick-tips-grid{display:grid;grid-template-columns:1fr;gap:15px;margin:20px 0;}.quick-tips-grid h4{color:#6366f1;margin-bottom:8px;}@media (min-width:768px){.tools-grid, .tool-grid{grid-template-columns:repeat(2, 1fr);gap:25px;}.pros-cons{grid-template-columns:repeat(2, 1fr);}.related-grid{grid-template-columns:repeat(2, 1fr);}.quick-tips-grid{grid-template-columns:repeat(2, 1fr);}.hero-section h1{font-size:2.2rem;}.review-content h1{font-size:2rem;}}@media (min-width:1024px){.tools-grid, .tool-grid{grid-template-columns:repeat(3, 1fr);gap:30px;}.review-content{padding:40px 40px;}}@media (max-width:767px){.review-content{padding:20px 15px;}h1{font-size:1.5rem;}h2{font-size:1.2rem;}h3{font-size:1.1rem;}.tool-card{padding:15px;}table, .comparison-table{display:block;overflow-x:auto;}}footer{border-top:1px solid #2a2a4a;padding:30px 0;margin-top:50px;text-align:center;color:#666;font-size:0.9rem;}footer a{color:#6366f1;text-decoration:none;}.search-results{position:absolute;top:100%;left:0;right:0;background:#1a1a2e;border:1px solid #2d2d4a;border-radius:8px;margin-top:8px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,0.3);}.search-result-item{padding:16px;border-bottom:1px solid #2d2d4a;}.search-result-item:last-child{border-bottom:none;}.search-result-item h3{margin:0 0 8px 0;font-size:16px;}.search-result-item h3 a{color:#e5e7eb;text-decoration:none;}.search-result-item h3 a:hover{color:#6366f1;}.search-result-item p{margin:0 0 8px 0;font-size:14px;color:#9ca3af;line-height:1.5;}.search-result-item .tool-meta{display:flex;gap:12px;align-items:center;}.no-results{padding:20px;text-align:center;color:#9ca3af;}