.seo-ping-tool-container { font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;max-width:1200px;margin:20px auto;padding:0 20px;background:transparent;} .seo-ping-tool-container * { box-sizing:border-box;} .seo-ping-tool-container .seo-header { text-align:center;color:#333;margin-bottom:40px;animation:seoFadeInDown 0.8s ease-out;} .seo-ping-tool-container .seo-header h1 { font-size:3rem;margin-bottom:10px;text-shadow:none;margin-top:0;font-weight:700;} .seo-ping-tool-container .seo-header p { font-size:1.2rem;opacity:0.8;color:#666;margin:0;} .seo-ping-tool-container .seo-main-card { background:#ffffff;border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #e0e0e0;animation:seoFadeInUp 0.8s ease-out;} .seo-ping-tool-container .seo-input-section { margin-bottom:30px;} .seo-ping-tool-container .seo-input-section h2 { color:#333;margin-bottom:20px;font-size:1.5rem;margin-top:0;font-weight:600;} .seo-ping-tool-container .seo-url-input-container { display:flex;gap:10px;margin-bottom:10px;} .seo-ping-tool-container .seo-url-input { flex:1;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all 0.3s ease;font-family:inherit;} .seo-ping-tool-container .seo-url-input:focus { outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.1);} .seo-ping-tool-container .seo-btn-add { padding:15px 25px;background:#667eea;color:white;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all 0.3s ease;font-family:inherit;} .seo-ping-tool-container .seo-btn-add:hover { background:#5a67d8;transform:translateY(-2px);box-shadow:0 5px 15px rgba(102, 126, 234, 0.3);} .seo-ping-tool-container .seo-url-list { max-height:200px;overflow-y:auto;margin-bottom:20px;} .seo-ping-tool-container .seo-tab-navigation { display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;} .seo-ping-tool-container .seo-tab-btn { padding:10px 20px;background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:500;color:#6b7280;transition:all 0.3s ease;position:relative;font-family:inherit;} .seo-ping-tool-container .seo-tab-btn:hover { color:#667eea;} .seo-ping-tool-container .seo-tab-btn.seo-active { color:#667eea;} .seo-ping-tool-container .seo-tab-btn.seo-active::after { content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#667eea;} .seo-ping-tool-container .seo-tab-content { display:none;} .seo-ping-tool-container .seo-tab-content.seo-active { display:block;} .seo-ping-tool-container .seo-bulk-textarea { width:100%;min-height:200px;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-family:monospace;resize:vertical;transition:all 0.3s ease;} .seo-ping-tool-container .seo-bulk-textarea:focus { outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.1);} .seo-ping-tool-container .seo-bulk-actions { display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;gap:10px;} .seo-ping-tool-container .seo-url-counter { color:#6b7280;font-size:14px;} .seo-ping-tool-container .seo-url-stats { display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f3f4f6;border-radius:8px;margin-bottom:20px;} .seo-ping-tool-container .seo-btn-clear-urls { padding:8px 16px;background:#ef4444;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.3s ease;font-family:inherit;} .seo-ping-tool-container .seo-btn-clear-urls:hover { background:#dc2626;} .seo-ping-tool-container .seo-btn-sample { padding:10px 20px;background:#059669;color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all 0.3s ease;font-family:inherit;} .seo-ping-tool-container .seo-btn-sample:hover { background:#047857;} .seo-ping-tool-container .seo-progress-bar { width:100%;height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin:20px 0;display:none;} .seo-ping-tool-container .seo-progress-fill { height:100%;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);width:0%;transition:width 0.3s ease;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:600;} .seo-ping-tool-container .seo-url-item { display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f7f7f7;border-radius:8px;margin-bottom:8px;animation:seoSlideIn 0.3s ease-out;} .seo-ping-tool-container .seo-url-item button { background:#ef4444;color:white;border:none;padding:5px 15px;border-radius:5px;cursor:pointer;transition:all 0.3s ease;font-family:inherit;} .seo-ping-tool-container .seo-url-item button:hover { background:#dc2626;} .seo-ping-tool-container .seo-search-engines { display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px;margin-bottom:30px;} .seo-ping-tool-container .seo-engine-checkbox { display:flex;align-items:center;padding:15px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all 0.3s ease;} .seo-ping-tool-container .seo-engine-checkbox:hover { background:#f3f4f6;transform:translateY(-2px);} .seo-ping-tool-container .seo-engine-checkbox input[type="checkbox"] { width:20px;height:20px;margin-right:10px;cursor:pointer;} .seo-ping-tool-container .seo-engine-checkbox label { cursor:pointer;user-select:none;font-weight:500;color:#374151;margin:0;font-family:inherit;} .seo-ping-tool-container .seo-action-buttons { display:flex;gap:15px;justify-content:center;margin-bottom:30px;flex-wrap:wrap;} .seo-ping-tool-container .seo-btn-ping { padding:15px 40px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:600;transition:all 0.3s ease;position:relative;overflow:hidden;font-family:inherit;} .seo-ping-tool-container .seo-btn-ping:hover { transform:translateY(-2px);box-shadow:0 10px 25px rgba(102, 126, 234, 0.3);} .seo-ping-tool-container .seo-btn-ping:disabled { opacity:0.6;cursor:not-allowed;transform:none;} .seo-ping-tool-container .seo-btn-clear { padding:15px 30px;background:#6b7280;color:white;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all 0.3s ease;font-family:inherit;} .seo-ping-tool-container .seo-btn-clear:hover { background:#4b5563;transform:translateY(-2px);} .seo-ping-tool-container .seo-results-section { margin-top:30px;} .seo-ping-tool-container .seo-results-section h2 { color:#333;margin-bottom:20px;font-size:1.5rem;margin-top:0;font-weight:600;} .seo-ping-tool-container .seo-results-container { max-height:400px;overflow-y:auto;padding:10px;background:#f9fafb;border-radius:10px;} .seo-ping-tool-container .seo-result-item { display:flex;justify-content:space-between;align-items:center;padding:15px;background:white;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 5px rgba(0,0,0,0.05);animation:seoSlideIn 0.3s ease-out;} .seo-ping-tool-container .seo-result-item.seo-success { border-left:4px solid #10b981;} .seo-ping-tool-container .seo-result-item.seo-error { border-left:4px solid #ef4444;} .seo-ping-tool-container .seo-result-item.seo-pending { border-left:4px solid #f59e0b;} .seo-ping-tool-container .seo-result-info { flex:1;} .seo-ping-tool-container .seo-result-url { font-weight:600;color:#1f2937;margin-bottom:5px;word-break:break-all;} .seo-ping-tool-container .seo-result-engine { color:#6b7280;font-size:14px;} .seo-ping-tool-container .seo-result-status { display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;} .seo-ping-tool-container .seo-result-status.seo-success { background:#d1fae5;color:#065f46;} .seo-ping-tool-container .seo-result-status.seo-error { background:#fee2e2;color:#991b1b;} .seo-ping-tool-container .seo-result-status.seo-pending { background:#fef3c7;color:#92400e;} .seo-ping-tool-container .seo-spinner { width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #667eea;border-radius:50%;animation:seoSpin 1s linear infinite;} .seo-ping-tool-container .seo-stats { display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px;margin-top:20px;} .seo-ping-tool-container .seo-stat-card { background:white;padding:20px;border-radius:10px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.05);} .seo-ping-tool-container .seo-stat-number { font-size:2rem;font-weight:700;color:#667eea;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:5px;} .seo-ping-tool-container .seo-stat-label { color:#6b7280;font-size:14px;margin-top:5px;} @keyframes seoFadeInDown { from { opacity:0;transform:translateY(-30px);} to { opacity:1;transform:translateY(0);} } @keyframes seoFadeInUp { from { opacity:0;transform:translateY(30px);} to { opacity:1;transform:translateY(0);} } @keyframes seoSlideIn { from { opacity:0;transform:translateX(-20px);} to { opacity:1;transform:translateX(0);} } @keyframes seoSpin { 0% { transform:rotate(0deg);} 100% { transform:rotate(360deg);} } @media (max-width:768px) { .seo-ping-tool-container { padding:0 10px;} .seo-ping-tool-container .seo-header h1 { font-size:2rem;} .seo-ping-tool-container .seo-main-card { padding:20px;} .seo-ping-tool-container .seo-action-buttons { flex-direction:column;} .seo-ping-tool-container .seo-btn-ping, .seo-ping-tool-container .seo-btn-clear { width:100%;} .seo-ping-tool-container .seo-url-input-container { flex-direction:column;} .seo-ping-tool-container .seo-bulk-actions { flex-direction:column;align-items:stretch;} .seo-ping-tool-container .seo-result-item { flex-direction:column;align-items:flex-start;gap:10px;} }