.header[data-v-3ff1fd4a]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-top[data-v-3ff1fd4a]{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo[data-v-3ff1fd4a]{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-icon[data-v-3ff1fd4a]{width:48px;height:48px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img[data-v-3ff1fd4a]{width:100%;height:100%;object-fit:contain}.logo-text h1[data-v-3ff1fd4a]{font-size:20px;font-weight:700;letter-spacing:.5px}.logo-text p[data-v-3ff1fd4a]{font-size:12px;opacity:.85;font-weight:300}.search-container[data-v-3ff1fd4a]{flex:1;max-width:560px;position:relative}.search-input[data-v-3ff1fd4a]{width:100%;padding:12px 20px 12px 48px;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff26;color:#fff;font-size:15px;font-family:inherit;transition:var(--transition)}.search-input[data-v-3ff1fd4a]::placeholder{color:#ffffffb3}.search-input[data-v-3ff1fd4a]:focus{outline:none;background:#ffffff40;border-color:#ffffff80}.search-icon[data-v-3ff1fd4a]{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:#ffffffb3}.header-stats[data-v-3ff1fd4a]{display:flex;gap:24px;flex-shrink:0}.stat-item[data-v-3ff1fd4a]{text-align:center}.stat-number[data-v-3ff1fd4a]{font-size:22px;font-weight:700}.stat-label[data-v-3ff1fd4a]{font-size:11px;opacity:.85}@media (max-width: 1024px){.header-stats[data-v-3ff1fd4a]{display:none}}@media (max-width: 768px){.header-top[data-v-3ff1fd4a]{flex-direction:column;gap:16px;padding:12px 16px}.search-container[data-v-3ff1fd4a]{max-width:100%;width:100%}.logo[data-v-3ff1fd4a]{width:100%;justify-content:center}}.filter-bar[data-v-f4fce4fd]{position:fixed;top:80px;left:0;right:0;z-index:90;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 4px 16px #0000001f;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .35s ease,opacity .25s ease}.filter-bar.expanded[data-v-f4fce4fd]{max-height:500px;opacity:1;pointer-events:auto}.filter-bar-inner[data-v-f4fce4fd]{padding:16px 24px}.filter-container[data-v-f4fce4fd]{max-width:1400px;margin:0 auto}.filter-section[data-v-f4fce4fd]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.filter-section[data-v-f4fce4fd]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-label[data-v-f4fce4fd]{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.filter-label svg[data-v-f4fce4fd]{width:16px;height:16px;fill:var(--text-muted)}.filter-options[data-v-f4fce4fd]{display:flex;flex-wrap:wrap;gap:8px}.filter-btn[data-v-f4fce4fd]{padding:6px 16px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-btn[data-v-f4fce4fd]:hover{border-color:var(--primary);color:var(--primary);background:#fff5f5}.filter-btn.active[data-v-f4fce4fd]{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px #c4123040}.filter-divider[data-v-f4fce4fd]{width:1px;height:24px;background:var(--border);margin:0 4px;align-self:center}.sub-filter-container[data-v-f4fce4fd]{margin-top:12px;display:none;animation:fadeIn-f4fce4fd .2s ease}.sub-filter-container.active[data-v-f4fce4fd]{display:block}.sub-filter-wrapper[data-v-f4fce4fd]{background:var(--bg);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border)}.cascade-chain[data-v-f4fce4fd]{display:flex;flex-direction:column;gap:10px}.cascade-step[data-v-f4fce4fd]{display:flex;flex-direction:column;gap:6px}.cascade-step-header[data-v-f4fce4fd]{display:flex;align-items:center;gap:8px}.cascade-step-label[data-v-f4fce4fd]{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.cascade-step-indicator[data-v-f4fce4fd]{font-size:11px;color:var(--primary);font-weight:500;padding:1px 8px;background:#fff5f5;border-radius:10px}.cascade-step-clear[data-v-f4fce4fd]{font-size:11px;color:var(--text-muted);cursor:pointer;background:none;border:none;font-family:inherit;padding:2px 6px;border-radius:4px;transition:var(--transition);margin-left:auto}.cascade-step-clear[data-v-f4fce4fd]:hover{color:var(--primary);background:#fff5f5}.cascade-options[data-v-f4fce4fd]{display:flex;flex-wrap:wrap;gap:6px}.cascade-btn[data-v-f4fce4fd]{padding:5px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.cascade-btn[data-v-f4fce4fd]:hover{border-color:var(--primary);color:var(--primary);background:#fff5f5}.cascade-btn.active[data-v-f4fce4fd]{background:var(--primary);border-color:var(--primary);color:#fff}.cascade-empty[data-v-f4fce4fd]{font-size:12px;color:var(--text-muted);padding:4px 8px}.filter-bar-toggle[data-v-f4fce4fd]{position:fixed;top:88px;right:24px;z-index:95;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition)}.filter-bar-toggle[data-v-f4fce4fd]:hover{background:var(--primary-dark);transform:scale(1.08)}.filter-bar-toggle svg[data-v-f4fce4fd]{width:22px;height:22px;fill:#fff}.filter-bar-toggle .icon-close[data-v-f4fce4fd],.filter-bar-toggle.active .icon-filter[data-v-f4fce4fd]{display:none}.filter-bar-toggle.active .icon-close[data-v-f4fce4fd]{display:block}@keyframes fadeIn-f4fce4fd{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.filter-bar[data-v-f4fce4fd]{top:auto;position:relative;padding:12px 16px}.filter-options[data-v-f4fce4fd]{gap:6px}.filter-btn[data-v-f4fce4fd]{padding:5px 12px;font-size:12px}.filter-divider[data-v-f4fce4fd]{display:none}}.quick-access[data-v-8304d7ce]{background:linear-gradient(135deg,var(--secondary) 0%,#2D3748 100%);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px;position:relative;overflow:hidden}.quick-access[data-v-8304d7ce]:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(212,168,67,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.quick-access-header[data-v-8304d7ce]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.quick-access-title[data-v-8304d7ce]{color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.quick-access-title svg[data-v-8304d7ce]{width:24px;height:24px;fill:var(--accent)}.quick-access-subtitle[data-v-8304d7ce]{color:#fff9;font-size:13px}.quick-grid[data-v-8304d7ce]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.quick-item[data-v-8304d7ce]{background:#ffffff14;border-radius:var(--radius);padding:18px 12px;text-align:center;text-decoration:none;color:#fff;transition:all .25s ease;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.quick-item[data-v-8304d7ce]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .25s ease}.quick-item[data-v-8304d7ce]:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-4px)}.quick-item[data-v-8304d7ce]:hover:after{transform:scaleX(1)}.quick-item-icon[data-v-8304d7ce]{width:48px;height:48px;background:linear-gradient(135deg,#d4a84333,#d4a8430d);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.quick-item-icon svg[data-v-8304d7ce]{width:24px;height:24px;fill:var(--accent)}.quick-item span[data-v-8304d7ce]{display:block;font-size:13px;font-weight:500;line-height:1.4}@media (max-width: 768px){.quick-grid[data-v-8304d7ce]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.quick-grid[data-v-8304d7ce]{grid-template-columns:repeat(2,1fr);gap:10px}.quick-item[data-v-8304d7ce]{padding:14px 8px}.quick-item-icon[data-v-8304d7ce]{width:40px;height:40px;margin-bottom:8px}}.category-section[data-v-80a03c58]{margin-bottom:32px}.category-title[data-v-80a03c58]{font-size:16px;font-weight:600;color:var(--secondary);margin-bottom:16px;padding-left:12px;border-left:3px solid var(--accent)}.website-grid[data-v-80a03c58]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.website-card[data-v-80a03c58]{background:var(--surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);transition:var(--transition);cursor:pointer;text-decoration:none;color:inherit;display:block;animation:fadeIn-80a03c58 .3s ease forwards}.website-card[data-v-80a03c58]:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.card-header[data-v-80a03c58]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.card-icon[data-v-80a03c58]{width:44px;height:44px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg[data-v-80a03c58]{width:24px;height:24px;fill:#fff}.card-info[data-v-80a03c58]{flex:1;min-width:0}.card-name[data-v-80a03c58]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-level[data-v-80a03c58]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#ebf5ff;color:var(--secondary)}.card-level.provincial[data-v-80a03c58]{background:#fff5f5;color:var(--primary)}.card-level.municipal[data-v-80a03c58]{background:#f0fff4;color:#276749}.card-level.district[data-v-80a03c58]{background:#fffaf5;color:#c05621}.card-level.township[data-v-80a03c58]{background:#faf5ff;color:#6b46c1}.card-desc[data-v-80a03c58]{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-80a03c58]{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);gap:8px}.card-tags[data-v-80a03c58]{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.card-link[data-v-80a03c58]{display:flex;align-items:center;gap:4px;color:var(--primary);font-size:13px;font-weight:500;flex-shrink:0;white-space:nowrap}.tag[data-v-80a03c58]{padding:3px 8px;background:var(--bg);border-radius:4px;font-size:11px;color:var(--text-muted)}.card-link[data-v-80a03c58]{display:flex;align-items:center;gap:4px;color:var(--primary);font-size:13px;font-weight:500}.card-link svg[data-v-80a03c58]{width:14px;height:14px;fill:currentColor;transition:var(--transition)}.website-card:hover .card-link svg[data-v-80a03c58]{transform:translate(3px)}.empty-state[data-v-80a03c58]{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg[data-v-80a03c58]{width:80px;height:80px;fill:var(--border);margin-bottom:16px}.empty-state h3[data-v-80a03c58]{font-size:18px;margin-bottom:8px;color:var(--text-secondary)}.empty-state p[data-v-80a03c58]{font-size:14px}@keyframes fadeIn-80a03c58{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.website-grid[data-v-80a03c58]{grid-template-columns:1fr}}.footer[data-v-9f4a1a17]{background:var(--secondary);color:#fffc;padding:32px 24px;margin-top:48px}.footer-content[data-v-9f4a1a17]{max-width:1400px;margin:0 auto;text-align:center}.footer-qr[data-v-9f4a1a17]{margin-bottom:20px}.footer-qr img[data-v-9f4a1a17]{width:120px;height:120px;object-fit:contain;border-radius:8px;background:#fff;padding:6px}.qr-tip[data-v-9f4a1a17]{font-size:12px;color:#fff9;margin-top:8px}.footer p[data-v-9f4a1a17]{font-size:13px;margin-bottom:8px}.footer a[data-v-9f4a1a17]{color:var(--accent);text-decoration:none}.footer a[data-v-9f4a1a17]:hover{text-decoration:underline}.main[data-v-d3119362]{max-width:1400px;margin:0 auto;padding:24px}.section-header[data-v-d3119362]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary)}.section-title[data-v-d3119362]{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.section-title svg[data-v-d3119362]{width:24px;height:24px;fill:var(--primary)}.result-count[data-v-d3119362]{font-size:14px;color:var(--text-muted)}.pagination[data-v-d3119362]{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.page-btn[data-v-d3119362]{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:var(--transition)}.page-btn[data-v-d3119362]:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#fff5f5}.page-btn.active[data-v-d3119362]{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn[data-v-d3119362]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.main[data-v-d3119362]{padding:16px}}:root{--primary: #C41230;--primary-dark: #9E0F28;--primary-light: #E8354A;--secondary: #1A365D;--accent: #D4A843;--bg: #F5F7FA;--surface: #FFFFFF;--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #718096;--border: #E2E8F0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius: 8px;--radius-lg: 12px;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}