.air-quality-tool[data-v-3405a257]{max-width:900px;margin:0 auto}.location-section[data-v-3405a257]{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.location-select-group[data-v-3405a257]{display:flex;gap:10px;flex:1;min-width:300px}.location-select[data-v-3405a257]{flex:1;padding:12px 15px;font-size:15px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;outline:none}.location-select[data-v-3405a257]:focus{border-color:#10b981}.search-btn[data-v-3405a257]{padding:12px 20px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;cursor:pointer;white-space:nowrap}.search-btn[data-v-3405a257]:hover:not(:disabled){opacity:.9}.search-btn[data-v-3405a257]:disabled{opacity:.6;cursor:not-allowed}.current-location-btn[data-v-3405a257]{padding:12px 20px;font-size:14px;font-weight:600;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;white-space:nowrap}.current-location-btn[data-v-3405a257]:hover:not(:disabled){background:#e5e7eb}.loading[data-v-3405a257]{text-align:center;padding:60px 20px}.spinner[data-v-3405a257]{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin-3405a257 1s linear infinite;margin:0 auto 15px}@keyframes spin-3405a257{to{transform:rotate(360deg)}}.error-message[data-v-3405a257]{background:#fef2f2;color:#dc2626;padding:15px;border-radius:10px;text-align:center;margin-bottom:20px}.air-quality-content[data-v-3405a257]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014}.location-header[data-v-3405a257]{text-align:center;margin-bottom:25px}.location-header h2[data-v-3405a257]{margin:0;font-size:24px;color:#1f2937}.update-time[data-v-3405a257]{margin:5px 0 0;font-size:13px;color:#6b7280}.main-index[data-v-3405a257]{display:flex;align-items:center;justify-content:center;gap:30px;padding:30px;border-radius:16px;margin-bottom:25px}.main-index.grade-good[data-v-3405a257]{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.main-index.grade-moderate[data-v-3405a257]{background:linear-gradient(135deg,#fef3c7,#fde68a)}.main-index.grade-unhealthy[data-v-3405a257]{background:linear-gradient(135deg,#fed7aa,#fdba74)}.main-index.grade-very-unhealthy[data-v-3405a257]{background:linear-gradient(135deg,#fecaca,#fca5a5)}.index-circle[data-v-3405a257]{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.index-value[data-v-3405a257]{font-size:36px;font-weight:700;color:#1f2937}.index-label[data-v-3405a257]{font-size:12px;color:#6b7280}.index-info[data-v-3405a257]{text-align:center}.grade-badge[data-v-3405a257]{display:inline-block;padding:8px 20px;border-radius:20px;font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.grade-badge.grade-good[data-v-3405a257]{background:#10b981}.grade-badge.grade-moderate[data-v-3405a257]{background:#f59e0b}.grade-badge.grade-unhealthy[data-v-3405a257]{background:#f97316}.grade-badge.grade-very-unhealthy[data-v-3405a257]{background:#ef4444}.grade-desc[data-v-3405a257]{margin:0;font-size:14px;color:#4b5563;max-width:300px}.pollutants-grid[data-v-3405a257]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.pollutant-card[data-v-3405a257]{padding:18px;border-radius:12px;border-left:4px solid #e5e7eb;background:#f9fafb}.pollutant-card.grade-good[data-v-3405a257]{border-left-color:#10b981}.pollutant-card.grade-moderate[data-v-3405a257]{border-left-color:#f59e0b}.pollutant-card.grade-unhealthy[data-v-3405a257]{border-left-color:#f97316}.pollutant-card.grade-very-unhealthy[data-v-3405a257]{border-left-color:#ef4444}.pollutant-header[data-v-3405a257]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pollutant-name[data-v-3405a257]{font-size:14px;font-weight:600;color:#374151}.pollutant-badge[data-v-3405a257]{font-size:12px;padding:3px 10px;border-radius:12px;color:#fff}.pollutant-badge.grade-good[data-v-3405a257]{background:#10b981}.pollutant-badge.grade-moderate[data-v-3405a257]{background:#f59e0b}.pollutant-badge.grade-unhealthy[data-v-3405a257]{background:#f97316}.pollutant-badge.grade-very-unhealthy[data-v-3405a257]{background:#ef4444}.pollutant-value[data-v-3405a257]{display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.pollutant-value .value[data-v-3405a257]{font-size:28px;font-weight:700;color:#1f2937}.pollutant-value .unit[data-v-3405a257]{font-size:14px;color:#6b7280}.pollutant-bar[data-v-3405a257]{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:5px}.bar-fill[data-v-3405a257]{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b,#f97316,#ef4444);border-radius:4px;transition:width .3s}.pollutant-scale[data-v-3405a257]{display:flex;justify-content:space-between;font-size:10px;color:#6b7280}.grade-legend[data-v-3405a257]{margin-bottom:25px}.grade-legend h3[data-v-3405a257]{font-size:16px;color:#1f2937;margin:0 0 12px}.legend-items[data-v-3405a257]{display:flex;gap:20px;flex-wrap:wrap}.legend-item[data-v-3405a257]{display:flex;align-items:center;gap:8px}.legend-color[data-v-3405a257]{width:20px;height:20px;border-radius:4px}.legend-item.grade-good .legend-color[data-v-3405a257]{background:#10b981}.legend-item.grade-moderate .legend-color[data-v-3405a257]{background:#f59e0b}.legend-item.grade-unhealthy .legend-color[data-v-3405a257]{background:#f97316}.legend-item.grade-very-unhealthy .legend-color[data-v-3405a257]{background:#ef4444}.legend-text[data-v-3405a257]{font-size:14px;color:#4b5563}.action-guide[data-v-3405a257]{padding:20px;border-radius:12px;background:#f9fafb}.action-guide.grade-good[data-v-3405a257]{background:#ecfdf5}.action-guide.grade-moderate[data-v-3405a257]{background:#fffbeb}.action-guide.grade-unhealthy[data-v-3405a257]{background:#fff7ed}.action-guide.grade-very-unhealthy[data-v-3405a257]{background:#fef2f2}.action-guide h3[data-v-3405a257]{font-size:16px;margin:0 0 15px;color:#1f2937}.guide-content[data-v-3405a257]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.guide-item[data-v-3405a257]{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px}.guide-icon[data-v-3405a257]{font-size:20px}.guide-text[data-v-3405a257]{font-size:14px;color:#374151}.initial-state[data-v-3405a257]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.initial-icon[data-v-3405a257]{font-size:64px;margin-bottom:20px}.initial-state h3[data-v-3405a257]{margin:0 0 10px;color:#1f2937;font-size:22px}.initial-state p[data-v-3405a257]{margin:0;color:#6b7280}@media (max-width: 768px){.location-section[data-v-3405a257]{flex-direction:column}.location-select-group[data-v-3405a257]{flex-wrap:wrap}.location-select[data-v-3405a257]{min-width:100px}.current-location-btn[data-v-3405a257]{width:100%}.main-index[data-v-3405a257]{flex-direction:column;gap:20px;padding:20px}.index-circle[data-v-3405a257]{width:100px;height:100px}.index-value[data-v-3405a257]{font-size:28px}.pollutants-grid[data-v-3405a257],.guide-content[data-v-3405a257]{grid-template-columns:1fr}}.air-quality-page[data-v-e3f117af]{max-width:1000px;margin:0 auto;padding:20px}.page-header[data-v-e3f117af]{text-align:center;margin-bottom:30px}.page-header h1[data-v-e3f117af]{font-size:32px;color:#1f2937;margin:0 0 10px}.page-header p[data-v-e3f117af]{font-size:16px;color:#6b7280;margin:0}.info-section[data-v-e3f117af]{margin-top:40px}details[data-v-e3f117af]{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}summary[data-v-e3f117af]{padding:18px 24px;font-weight:600;color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between}summary[data-v-e3f117af]::-webkit-details-marker{display:none}summary[data-v-e3f117af]:after{content:"▼";font-size:12px;color:#6b7280;transition:transform .2s}details[open] summary[data-v-e3f117af]:after{transform:rotate(180deg)}.info-content[data-v-e3f117af]{padding:0 24px 24px}.info-card[data-v-e3f117af]{background:#f9fafb;padding:20px;border-radius:10px;margin-bottom:15px}.info-card[data-v-e3f117af]:last-child{margin-bottom:0}.info-card h4[data-v-e3f117af]{margin:0 0 12px;color:#1f2937;font-size:16px}.info-card p[data-v-e3f117af]{color:#4b5563;line-height:1.6;margin:0 0 10px}.info-card ul[data-v-e3f117af]{margin:0;padding-left:20px}.info-card li[data-v-e3f117af]{color:#4b5563;line-height:1.8;margin-bottom:5px}.info-card li strong[data-v-e3f117af]{color:#1f2937}.info-card a[data-v-e3f117af]{color:#10b981;text-decoration:none}.info-card a[data-v-e3f117af]:hover{text-decoration:underline}.info-card.warning[data-v-e3f117af]{background:#fffbeb;border-left:4px solid #f59e0b}.info-card.warning h4[data-v-e3f117af]{color:#92400e}.info-card.warning p[data-v-e3f117af]{color:#78350f}.grade-table[data-v-e3f117af]{overflow-x:auto}.grade-table table[data-v-e3f117af]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.grade-table th[data-v-e3f117af],.grade-table td[data-v-e3f117af]{padding:12px 15px;text-align:center;border-bottom:1px solid #e5e7eb}.grade-table th[data-v-e3f117af]{background:#f3f4f6;font-weight:600;color:#374151}.grade-table tr.grade-good td[data-v-e3f117af]:first-child{color:#10b981;font-weight:600}.grade-table tr.grade-moderate td[data-v-e3f117af]:first-child{color:#f59e0b;font-weight:600}.grade-table tr.grade-unhealthy td[data-v-e3f117af]:first-child{color:#f97316;font-weight:600}.grade-table tr.grade-very-unhealthy td[data-v-e3f117af]:first-child{color:#ef4444;font-weight:600}.mask-guide[data-v-e3f117af]{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.mask-item[data-v-e3f117af]{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#fff;border-radius:8px}.mask-grade[data-v-e3f117af]{font-weight:700;color:#10b981;font-size:16px;min-width:60px}.mask-desc[data-v-e3f117af]{font-size:14px;color:#4b5563}.note[data-v-e3f117af]{font-size:12px;color:#6b7280;margin:0}@media (max-width: 768px){.air-quality-page[data-v-e3f117af]{padding:15px}.page-header h1[data-v-e3f117af]{font-size:24px}.info-content[data-v-e3f117af]{padding:0 15px 15px}summary[data-v-e3f117af]{padding:15px}.mask-item[data-v-e3f117af]{flex-direction:column;align-items:flex-start;gap:5px}}