.speed-test-section,.hosts-editor-section,.hosts-library,.quick-add-section{background:var(--gray-50);border-radius:20px;padding:20px;margin-bottom:24px;border:1px solid var(--gray-200)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;color:var(--gray-700)}.speed-test-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:12px}.speed-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border-radius:12px;border:1px solid var(--gray-200);transition:all 0.2s}.speed-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.speed-icon{width:40px;height:40px;background:var(--gray-100);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.speed-info{flex:1}.speed-domain{font-size:0.8rem;color:var(--gray-600)}.speed-value{font-family:monospace;font-weight:600;font-size:0.9rem}.speed-value.fast{color:#10b981}.speed-value.medium{color:#f59e0b}.speed-value.slow{color:#ef4444}.hosts-editor-wrapper{background:#1a1a2e;border-radius:12px;overflow:hidden}.hosts-editor{width:100%;min-height:300px;padding:16px;font-family:'Fira Code',monospace;font-size:13px;line-height:1.6;background:#1a1a2e;color:#e0e0e0;border:none;resize:vertical}.hosts-editor:focus{outline:none}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:white;border-top:1px solid var(--gray-200);font-size:0.75rem;color:var(--gray-500)}.rules-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.rule-tab{background:white;border:1px solid var(--gray-200);padding:6px 16px;border-radius:30px;cursor:pointer;font-size:0.8rem;transition:all 0.2s}.rule-tab.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.rules-list{max-height:300px;overflow-y:auto}.rule-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:white;border-radius:8px;margin-bottom:8px;border:1px solid var(--gray-200)}.rule-info{flex:1}.rule-ip{font-family:monospace;font-weight:600;color:var(--primary-color)}.rule-domain{font-size:0.85rem;color:var(--gray-600)}.rule-actions{display:flex;gap:8px}.rule-actions button{background:transparent;border:none;cursor:pointer;color:var(--gray-500);padding:4px 8px;border-radius:6px}.rule-actions button:hover{background:var(--gray-100);color:var(--primary-color)}.quick-add-grid{display:flex;gap:12px;flex-wrap:wrap}.quick-add-item{display:flex;gap:12px;flex:1;flex-wrap:wrap}.quick-input{flex:1;padding:10px 12px;border:1px solid var(--gray-300);border-radius:10px;font-family:monospace}.info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;padding:8px 0}.info-item{display:flex;align-items:center;gap:10px;font-size:0.8rem;color:var(--gray-600)}@media (max-width:768px){.speed-test-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.quick-add-item{flex-direction:column}}