:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.navbar[data-v-7d3f182c]{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf9f6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);padding:14px 0}.nav-container[data-v-7d3f182c]{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-logo[data-v-7d3f182c]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-7d3f182c]{font-size:20px}.logo-text[data-v-7d3f182c]{font-size:16px;font-weight:700;color:#1a1a1a}.nav-links[data-v-7d3f182c]{display:flex;gap:20px}.nav-links a[data-v-7d3f182c]{text-decoration:none;font-size:13px;color:#555;transition:color .2s;white-space:nowrap}.nav-links .router-link-active[data-v-7d3f182c]{color:#e8630a;font-weight:600}.nav-links a[data-v-7d3f182c]:hover{color:#e8630a}.nav-cta[data-v-7d3f182c]{background:#e8630a;color:#fff;border:none;padding:9px 16px;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.nav-cta[data-v-7d3f182c]:hover{background:#d45a08}.menu-toggle[data-v-7d3f182c]{display:none;border:none;background:transparent;width:38px;height:38px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span[data-v-7d3f182c]{width:18px;height:2px;border-radius:4px;background:#1f2937}.menu-overlay[data-v-7d3f182c]{position:fixed;inset:0;background:#0f172a59;z-index:190}.mobile-drawer[data-v-7d3f182c]{position:fixed;top:0;right:0;height:100vh;width:min(82vw,320px);background:#fff;box-shadow:-16px 0 40px #0f172a33;z-index:200;padding:18px 16px;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;gap:16px}.mobile-drawer.open[data-v-7d3f182c]{transform:translate(0)}.drawer-header[data-v-7d3f182c]{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eceff3}.drawer-close[data-v-7d3f182c]{border:none;background:transparent;font-size:18px;cursor:pointer;color:#334155}.drawer-links[data-v-7d3f182c]{display:grid;gap:8px}.drawer-links a[data-v-7d3f182c]{text-decoration:none;color:#334155;font-weight:600;padding:10px 8px;border-radius:10px}.drawer-links a[data-v-7d3f182c]:hover,.drawer-links .router-link-active[data-v-7d3f182c]{background:#fff4ec;color:#e8630a}.drawer-cta[data-v-7d3f182c]{margin-top:auto;text-decoration:none;text-align:center;background:#e8630a;color:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}@media(max-width:1100px){.nav-container[data-v-7d3f182c]{padding:0 16px}.nav-links[data-v-7d3f182c]{gap:14px}}@media(max-width:860px){.nav-links[data-v-7d3f182c],.nav-cta[data-v-7d3f182c]{display:none}.menu-toggle[data-v-7d3f182c]{display:inline-flex}.nav-container[data-v-7d3f182c]{min-height:44px}.logo-text[data-v-7d3f182c]{font-size:15px}}@media(max-width:480px){.navbar[data-v-7d3f182c]{padding:10px 0}.nav-container[data-v-7d3f182c]{padding:0 12px}.logo-icon[data-v-7d3f182c]{font-size:18px}.logo-text[data-v-7d3f182c]{font-size:14px}.nav-cta[data-v-7d3f182c]{padding:8px 12px;font-size:12px}.mobile-drawer[data-v-7d3f182c]{width:min(88vw,300px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#faf9f6;color:#1a1a1a;width:100%;margin:0;padding:0}#app{min-height:100vh;width:100%;display:flex;flex-direction:column}.page-container{flex:1;display:flex;flex-direction:column;padding-top:72px}@media(max-width:860px){.page-container{padding-top:64px}}@media(max-width:480px){.page-container{padding-top:56px}}html,body{overflow-x:hidden;height:100%}.hero[data-v-703343e4]{width:100%;min-height:calc(100vh - 72px);display:flex;align-items:center;padding:56px 0}.hero-container[data-v-703343e4]{display:grid;grid-template-columns:3fr 2fr;gap:44px;align-items:center;width:88%;max-width:1200px;margin:0 auto}.hero-label[data-v-703343e4]{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8630a;margin-bottom:20px;white-space:nowrap}.hero-title[data-v-703343e4]{font-size:48px;font-weight:800;line-height:1.15;color:#1a1a1a;margin-bottom:20px}.highlight[data-v-703343e4]{color:#e8630a}.hero-sub[data-v-703343e4]{font-size:14px;color:#666;line-height:1.7;max-width:480px;margin-bottom:32px}.hero-buttons[data-v-703343e4]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}.btn-primary[data-v-703343e4]{background:#e8630a;color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:14px 26px;border-radius:28px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-primary[data-v-703343e4]:hover{background:#d45a08}.btn-secondary[data-v-703343e4]{background:transparent;color:#1a1a1a;border:1.5px solid #ddd;padding:14px 26px;border-radius:28px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-secondary[data-v-703343e4]:hover{border-color:#e8630a;color:#e8630a}.hero-stats[data-v-703343e4]{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.stat-divider[data-v-703343e4]{width:1px;height:36px;background:#ddd;flex-shrink:0}.stat-val[data-v-703343e4]{font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:4px;white-space:nowrap}.stat-lbl[data-v-703343e4]{font-size:11px;color:#888;line-height:1.4;max-width:100px}.uv-card[data-v-703343e4]{background:#fff;border-radius:24px;padding:28px;box-shadow:0 8px 40px #00000014;width:100%}.uv-card-top[data-v-703343e4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.uv-card-label[data-v-703343e4]{font-size:11px;color:#999;letter-spacing:.5px}.city-name[data-v-703343e4]{font-weight:600;color:#555}.city-dots[data-v-703343e4]{display:flex;gap:5px}.dot[data-v-703343e4]{width:7px;height:7px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:background .3s,transform .2s}.dot.active[data-v-703343e4]{background:#e8630a;transform:scale(1.25)}.gauge-wrap[data-v-703343e4]{padding:0 8px}.gauge-svg[data-v-703343e4]{width:100%;display:block}.uv-alert[data-v-703343e4]{margin-top:16px;background:#fff8f0;border:1px solid #fde8cc;border-radius:12px;padding:12px 14px;font-size:12.5px;color:#c45c00;line-height:1.6}.uv-alert--loading[data-v-703343e4]{color:#aaa;border-color:#eee;background:#fafafa}@media(max-width:1180px){.hero-container[data-v-703343e4]{width:92%;gap:32px}.hero-title[data-v-703343e4]{font-size:42px}}@media(max-width:960px){.hero[data-v-703343e4]{min-height:auto;padding:40px 0}.hero-container[data-v-703343e4]{grid-template-columns:1fr;align-items:start;gap:24px}.hero-left[data-v-703343e4]{order:1}.hero-right[data-v-703343e4]{order:2}.hero-title[data-v-703343e4]{font-size:38px}.hero-sub[data-v-703343e4]{max-width:100%;margin-bottom:24px}.hero-buttons[data-v-703343e4]{margin-bottom:28px}.hero-stats[data-v-703343e4]{gap:16px}.stat-divider[data-v-703343e4]{display:none}.stat-lbl[data-v-703343e4]{max-width:140px}}@media(max-width:640px){.hero[data-v-703343e4]{padding:28px 0}.hero-container[data-v-703343e4]{width:92%}.hero-left[data-v-703343e4]{display:contents}.hero-label[data-v-703343e4]{order:1;margin-bottom:14px}.hero-title[data-v-703343e4]{order:2;font-size:32px;margin-bottom:14px}.hero-right[data-v-703343e4]{order:3}.hero-sub[data-v-703343e4]{order:4;font-size:13px;margin-bottom:20px}.hero-buttons[data-v-703343e4]{order:5}.hero-stats[data-v-703343e4]{order:6}.btn-primary[data-v-703343e4],.btn-secondary[data-v-703343e4]{width:100%;padding:12px 18px;font-size:13px}.hero-stats[data-v-703343e4]{display:grid;grid-template-columns:1fr;gap:12px;justify-items:center}.stat[data-v-703343e4]{text-align:center}.stat-val[data-v-703343e4]{font-size:16px}.stat-lbl[data-v-703343e4]{font-size:10px;line-height:1.35;max-width:none}.uv-card[data-v-703343e4]{border-radius:18px;padding:20px}}.footer[data-v-ffd00e22]{width:100%;background:#1a1a1a;color:#ccc;padding:56px 0 0}.footer-container[data-v-ffd00e22]{width:88%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;padding-bottom:48px}.footer-logo[data-v-ffd00e22]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.logo-icon[data-v-ffd00e22]{font-size:18px}.logo-text[data-v-ffd00e22]{font-size:16px;font-weight:700;color:#fff}.footer-tagline[data-v-ffd00e22]{font-size:13px;color:#888;line-height:1.7;max-width:280px}.footer-col-title[data-v-ffd00e22]{font-size:14px;font-weight:700;color:#fff;margin-bottom:16px}.footer-links[data-v-ffd00e22]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li[data-v-ffd00e22]{display:flex;align-items:center;gap:10px;font-size:13px;color:#888}.footer-link-icon[data-v-ffd00e22]{font-size:14px}.footer-bottom[data-v-ffd00e22]{border-top:1px solid #2a2a2a;text-align:center;padding:20px 0;font-size:12px;color:#555}@media(max-width:768px){.footer-container[data-v-ffd00e22]{grid-template-columns:1fr;gap:32px}}.page-wrapper[data-v-5eea2f42]{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:space-between}.uv-tracker[data-v-78e125c8]{width:100%}.tracker-hero[data-v-78e125c8]{text-align:center;margin-bottom:28px}.tracker-label[data-v-78e125c8]{color:#f97316;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:16px}.tracker-title[data-v-78e125c8]{font-size:44px;font-weight:800;line-height:1.08;color:#111827;margin-bottom:14px}.tracker-subtitle[data-v-78e125c8]{max-width:620px;margin:0 auto 18px;color:#667085;font-size:19px;line-height:1.45}.search-wrap[data-v-78e125c8]{width:100%;max-width:680px;margin:0 auto;background:#f0f2f6;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:10px}.search-icon[data-v-78e125c8]{color:#98a2b3;font-size:20px}.search-wrap input[data-v-78e125c8]{width:100%;border:none;background:transparent;outline:none;color:#475467;font-size:16px}.search-wrap input[data-v-78e125c8]::placeholder{color:#98a2b3}.search-btn[data-v-78e125c8]{background:#f97316;color:#fff;border:none;border-radius:999px;padding:6px 18px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.search-btn[data-v-78e125c8]:hover:not(:disabled){background:#ea6b0a}.search-btn[data-v-78e125c8]:disabled{opacity:.6;cursor:default}.search-error[data-v-78e125c8]{color:#ef4444;font-size:13px;text-align:center;margin-top:8px}.tracker-grid[data-v-78e125c8]{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tracker-card[data-v-78e125c8]{background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 8px 26px #1018280f;padding:22px}.location[data-v-78e125c8]{font-size:17px;font-weight:600;color:#475467;margin-bottom:8px}.gauge-wrap[data-v-78e125c8]{width:100%;margin-top:8px}.gauge-svg[data-v-78e125c8]{width:100%;height:auto;display:block}.overview-card[data-v-78e125c8]{display:flex;flex-direction:column;justify-content:flex-start}.overview-card h3[data-v-78e125c8]{font-size:22px;line-height:1.2;color:#101828;margin-bottom:8px}.overview-sub[data-v-78e125c8]{color:#667085;font-size:14px;margin-bottom:14px}.overview-list[data-v-78e125c8]{list-style:none;display:grid;gap:10px;margin:0;padding:0}.overview-list li[data-v-78e125c8]{display:flex;gap:12px;align-items:flex-start}.bullet[data-v-78e125c8]{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#fff3e7;color:#f97316;font-size:15px;display:grid;place-items:center}.overview-list strong[data-v-78e125c8]{color:#101828;font-size:16px}.overview-list p[data-v-78e125c8]{margin-top:2px;color:#667085;font-size:14px;line-height:1.5}.overview-warning[data-v-78e125c8]{margin-top:16px;border-radius:12px;border:1px solid #fed7aa;background:#fff7ed;color:#ea580c;font-size:13px;line-height:1.5;padding:12px 14px}@media(max-width:1180px){.tracker-title[data-v-78e125c8]{font-size:40px}.tracker-subtitle[data-v-78e125c8],.location[data-v-78e125c8]{font-size:18px}.overview-card h3[data-v-78e125c8]{font-size:24px}.overview-sub[data-v-78e125c8]{font-size:13px}.overview-list strong[data-v-78e125c8]{font-size:15px}.overview-list p[data-v-78e125c8],.overview-warning[data-v-78e125c8]{font-size:13px}}@media(max-width:1024px){.tracker-title[data-v-78e125c8]{font-size:36px}.tracker-subtitle[data-v-78e125c8]{font-size:16px}.tracker-card[data-v-78e125c8]{padding:18px}.location[data-v-78e125c8]{font-size:16px}.gauge-wrap[data-v-78e125c8]{margin-top:2px}}@media(max-width:900px){.tracker-grid[data-v-78e125c8]{grid-template-columns:1fr;gap:16px}.tracker-title[data-v-78e125c8]{font-size:32px}.tracker-subtitle[data-v-78e125c8],.search-wrap input[data-v-78e125c8]{font-size:16px}}@media(max-width:640px){.tracker-hero[data-v-78e125c8]{margin-bottom:18px}.tracker-label[data-v-78e125c8]{font-size:11px;letter-spacing:1.6px;margin-bottom:12px}.tracker-title[data-v-78e125c8]{font-size:27px;line-height:1.15;margin-bottom:10px}.tracker-subtitle[data-v-78e125c8]{font-size:14px;margin-bottom:14px}.search-wrap[data-v-78e125c8]{padding:10px 12px}.search-icon[data-v-78e125c8]{font-size:16px}.search-wrap input[data-v-78e125c8]{font-size:14px}.tracker-card[data-v-78e125c8]{border-radius:14px;padding:14px}.location[data-v-78e125c8]{font-size:15px}.overview-card h3[data-v-78e125c8]{font-size:18px}.overview-sub[data-v-78e125c8]{font-size:12px;margin-bottom:10px}.overview-list strong[data-v-78e125c8]{font-size:14px}.overview-list p[data-v-78e125c8],.overview-warning[data-v-78e125c8]{font-size:12px}.bullet[data-v-78e125c8]{width:26px;height:26px;font-size:13px}}.page-wrapper[data-v-eb801e66]{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:space-between}.tracker-page[data-v-eb801e66]{padding:48px 24px 60px}.tracker-container[data-v-eb801e66]{max-width:1100px;margin:0 auto;width:100%}@media(max-width:768px){.tracker-page[data-v-eb801e66]{padding:36px 18px 40px}}.skin-tool[data-v-b611c0dc]{width:100%;padding:80px 0 100px;background:#faf9f6}.skin-tool-container[data-v-b611c0dc]{width:88%;max-width:1000px;margin:0 auto}.section-header[data-v-b611c0dc]{text-align:center;margin-bottom:40px}.section-label[data-v-b611c0dc]{font-size:11px;font-weight:700;letter-spacing:2px;color:#e8630a;margin-bottom:12px}.section-title[data-v-b611c0dc]{font-size:36px;font-weight:800;color:#1a1a1a;margin-bottom:14px}.section-sub[data-v-b611c0dc]{font-size:15px;color:#666;line-height:1.6;max-width:520px;margin:0 auto}.tool-card[data-v-b611c0dc]{background:#fff;border-radius:24px;padding:36px;box-shadow:0 4px 32px #00000012}.selector-section[data-v-b611c0dc]{margin-bottom:32px}.selector-heading[data-v-b611c0dc]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.selector-icon[data-v-b611c0dc]{font-size:16px}.selector-title[data-v-b611c0dc]{font-size:16px;font-weight:700;color:#1a1a1a}.selector-sub[data-v-b611c0dc]{font-size:12px;color:#999;margin-bottom:20px}.skin-types[data-v-b611c0dc]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.skin-type-card[data-v-b611c0dc]{border:1.5px solid #eee;border-radius:12px;padding:16px 10px;text-align:center;cursor:pointer;transition:all .2s}.skin-type-card[data-v-b611c0dc]:hover{border-color:#e8630a}.skin-type-card.selected[data-v-b611c0dc]{border-color:#e8630a;border-width:2px}.skin-circle[data-v-b611c0dc]{width:48px;height:48px;border-radius:50%;margin:0 auto 10px}.skin-type-label[data-v-b611c0dc]{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.skin-type-desc[data-v-b611c0dc]{font-size:11px;color:#888;line-height:1.3}.scale-section[data-v-b611c0dc]{margin-bottom:24px}.scale-label[data-v-b611c0dc]{font-size:13px;font-weight:600;color:#444;margin-bottom:10px}.scale-bar-wrap[data-v-b611c0dc]{position:relative;margin-bottom:6px}.scale-bar[data-v-b611c0dc]{height:12px;border-radius:8px;background:linear-gradient(to right,#ef4444,#f97316,#facc15,#86efac,#22c55e)}.scale-indicator[data-v-b611c0dc]{position:absolute;top:-4px;width:20px;height:20px;background:#fff;border:3px solid #1a1a1a;border-radius:50%;transition:left .3s ease}.scale-ends[data-v-b611c0dc]{display:flex;justify-content:space-between;font-size:11px;color:#999}.result-row[data-v-b611c0dc]{display:grid;grid-template-columns:1fr 2fr;gap:16px}.result-box[data-v-b611c0dc]{border-radius:12px;padding:16px 20px}.risk-box[data-v-b611c0dc]{background:#fffbeb;border:1px solid #fde68a}.advice-box[data-v-b611c0dc]{background:#eff6ff;border:1px solid #bfdbfe}.result-box-header[data-v-b611c0dc]{display:flex;align-items:center;gap:6px;margin-bottom:8px}.result-icon[data-v-b611c0dc]{font-size:14px}.result-box-title[data-v-b611c0dc]{font-size:13px;font-weight:600;color:#444}.risk-level[data-v-b611c0dc]{font-size:18px;font-weight:800;margin-bottom:4px}.result-box-sub[data-v-b611c0dc]{font-size:11px;color:#999}.advice-text[data-v-b611c0dc]{font-size:13px;color:#444;line-height:1.6}.result-placeholder[data-v-b611c0dc]{text-align:center;padding:20px;color:#aaa;font-size:13px}@media(max-width:768px){.skin-types[data-v-b611c0dc]{grid-template-columns:repeat(3,1fr)}.result-row[data-v-b611c0dc]{grid-template-columns:1fr}}.page-wrapper[data-v-d5775af2]{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:space-between}