*{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent-gradient-hover:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f5f7fa;--bg-gradient:linear-gradient(180deg, #f5f7fa 0%, #eef1f6 100%);--text-color:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--card-bg:#ffffffeb;--card-bg-solid:#fff;--card-bg-alt:#f8fafc;--card-bg-hover:#f8fafc;--card-border:#fff9;--card-glass-blur:0px;--border-color:#e8ecf1;--border-color-strong:#d0d5dd;--border-color-light:#f0f0f0;--accent:#0f3460;--accent-hover:#16213e;--accent-light:#eef2ff;--accent-text:#0f3460;--input-bg:#fff;--input-border:#d0d5dd;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 4px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0f34601a, 0 4px 8px #0000000a;--shadow-card-hover:0 12px 32px #0f34601f, 0 4px 8px #0000000f;--shadow-glow:0 0 20px #3b82f626;--success-bg:#d1fae5;--success-text:#065f46;--warning-bg:#fef3c7;--warning-text:#92400e;--danger-bg:#fee2e2;--danger-text:#991b1b;--tabs-bg:#f0f2f5;--score-bar-bg:#e5e7eb;--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--hero-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f3460 100%);--hero-glow:0 1px 0 #6366f133}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0a0e1a;--bg-gradient:radial-gradient(ellipse at top, #0f172a 0%, #0a0e1a 50%, #060912 100%);--text-color:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--card-bg:#1e293bb3;--card-bg-solid:#1e293b;--card-bg-alt:#0f172a;--card-bg-hover:#334155;--card-border:#94a3b81a;--card-glass-blur:12px;--border-color:#33415599;--border-color-strong:#475569;--border-color-light:#33415566;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#3b82f61f;--accent-text:#60a5fa;--input-bg:#0f172acc;--input-border:#475569;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 4px #0000004d;--shadow-lg:0 12px 32px #0009, 0 4px 8px #0000004d;--shadow-card-hover:0 12px 32px #3b82f633, 0 4px 8px #0006;--shadow-glow:0 0 24px #3b82f633;--success-bg:#10b98126;--success-text:#10b981;--warning-bg:#f59e0b26;--warning-text:#f59e0b;--danger-bg:#ef444426;--danger-text:#ef4444;--tabs-bg:#0f172a99;--score-bar-bg:#33415599;--scrollbar-track:#0f172a;--scrollbar-thumb:#334155;--hero-gradient:linear-gradient(135deg, #0a0e1a 0%, #0f172a 40%, #1e293b 100%);--hero-glow:0 1px 0 #6366f14d}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-color);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background .3s,color .3s}.app{max-width:1280px;padding:var(--space-7) var(--space-8);min-height:100vh;margin:0 auto}.theme-toggle{top:var(--space-5);right:var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border-color-strong);background:var(--card-bg);-webkit-backdrop-filter:blur(8px);width:44px;height:44px;color:var(--text-color);cursor:pointer;z-index:1000;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:20px;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.theme-toggle:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:var(--accent);transform:scale(1.08)rotate(-12deg)}.theme-toggle:active{transform:scale(.96)}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home{gap:var(--space-5);flex-direction:column;display:flex}.home-hero{background:var(--hero-gradient);color:#fff;padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--hero-glow);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(at 80% 0,#3b82f626,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.home-hero-text{z-index:1;position:relative}.home-hero-text h1{margin-bottom:var(--space-1);letter-spacing:-.4px;background:linear-gradient(135deg,#fff 0%,#a8b2d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.home-hero-text p{color:#a8b2d1;font-size:13px}.home-hero-stats{gap:var(--space-7);z-index:1;display:flex;position:relative}.home-hero-stats .stat{text-align:right}.home-hero-stats .stat-num{color:#6cf;text-shadow:0 0 20px #66ccff4d;font-size:28px;font-weight:800;line-height:1}.home-hero-stats .stat-label{color:#a8b2d1;margin-top:var(--space-1);font-size:11px}.home-main{gap:var(--space-5);grid-template-columns:380px 1fr;align-items:stretch;display:grid}.home-form,.home-map,.home-results{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-glass-blur));border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--card-border);transition:background .3s,border-color .3s,box-shadow .3s}.home-map{padding:var(--space-5) var(--space-6) var(--space-6);flex-direction:column;display:flex}.section-head{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;display:flex}.section-head h2{color:var(--text-color);letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.section-hint{color:var(--text-tertiary);font-size:12px}.home-form .form-group{margin-bottom:var(--space-4)}.home-form .form-group:last-of-type{margin-bottom:var(--space-5)}.form-group label{margin-bottom:var(--space-2);color:var(--text-color);font-size:13px;font-weight:600;display:block}.form-group label .required{color:#ef4444;margin-left:2px;font-weight:700}.form-group select,.form-group input{width:100%;padding:9px var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-color);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.form-group select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f, var(--shadow-glow);outline:none}.form-group input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f, var(--shadow-glow);outline:none}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.search-box input{width:100%;padding:10px var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-color);font-size:13px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s}.search-box input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61f}.search-dropdown{background:var(--card-bg-solid);border:1px solid var(--border-color-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden}.btn{padding:10px var(--space-5);border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 16px #3b82f666, var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-block{width:100%;padding:var(--space-3)}.btn-outline{border:1.5px solid var(--border-color-strong);color:var(--text-color);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-light)}.map-container{border-radius:var(--radius-md);background:#0a1628;flex:1;min-height:580px;overflow:visible}.home-results{padding:var(--space-5) var(--space-6)}.city-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.city-card{background:var(--card-bg-solid);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.city-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f60a,#0000);transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.city-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent);transform:translateY(-3px)}.city-card:hover:before{opacity:1}.city-card[data-rank="1"]{border-top:3px solid #fbbf24}.city-card[data-rank="2"]{border-top:3px solid #94a3b8}.city-card[data-rank="3"]{border-top:3px solid #d97706}.city-card-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.city-card-title{align-items:center;gap:var(--space-2);display:flex}.city-card .city-name{color:var(--text-color);letter-spacing:-.2px;font-size:17px;font-weight:700}.city-card .city-tier{background:var(--accent-light);color:var(--accent-text);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:500}.city-card .match-score{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;line-height:1}.city-card .score-bar{background:var(--score-bar-bg);border-radius:var(--radius-full);height:5px;margin:var(--space-2) 0;overflow:hidden}.city-card .score-bar-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.city-card-meta{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:11px}.city-card-tags{margin-bottom:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.city-card-cta{color:var(--accent-text);font-size:12px;font-weight:600;transition:gap .2s}.city-card:hover .city-card-cta{letter-spacing:.3px}.home-empty{background:var(--card-bg-solid);border-radius:var(--radius-lg);padding:var(--space-9) var(--space-7);text-align:center;border:1px dashed var(--border-color-strong);color:var(--text-tertiary)}.home-empty .empty-icon{margin-bottom:var(--space-3);font-size:40px}.home-empty .empty-title{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:15px;font-weight:600}.home-empty .empty-sub{color:var(--text-tertiary);max-width:480px;margin:0 auto;font-size:13px;line-height:1.7}.header{background:var(--hero-gradient);color:#fff;padding:var(--space-9) var(--space-8);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-md), var(--hero-glow);position:relative;overflow:hidden}.header:before{content:"";pointer-events:none;background:radial-gradient(at 80% 0,#3b82f626,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.header h1{margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff 0%,#a8b2d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;position:relative}.header p{color:#a8b2d1;font-size:15px;position:relative}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-glass-blur));border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--card-border);transition:background .3s,border-color .3s}.tag{padding:3px var(--space-2);border-radius:var(--radius-sm);margin:2px;font-size:12px;font-weight:500;display:inline-block}.tag-green{background:var(--success-bg);color:var(--success-text)}.tag-yellow{background:var(--warning-bg);color:var(--warning-text)}.tag-red{background:var(--danger-bg);color:var(--danger-text)}.tag-blue{background:var(--accent-light);color:var(--accent-text)}.detail-header{background:var(--hero-gradient);color:#fff;padding:var(--space-7) var(--space-8);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-md), var(--hero-glow);position:relative;overflow:hidden}.detail-header:before{content:"";pointer-events:none;background:radial-gradient(at 80% 0,#3b82f626,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.detail-header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a8b2d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;position:relative}.detail-header .subtitle{color:#a8b2d1;margin-top:var(--space-1);position:relative}.radar-placeholder{background:var(--card-bg-alt);border-radius:var(--radius-md);width:100%;height:300px;color:var(--text-tertiary);justify-content:center;align-items:center;transition:background .3s;display:flex}.dim-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-color-light);align-items:center;display:flex}.dim-row:last-child{border-bottom:none}.dim-label{width:120px;color:var(--text-color);font-size:14px;font-weight:600}.dim-bar{background:var(--score-bar-bg);border-radius:var(--radius-full);height:8px;margin:0 var(--space-4);flex:1;overflow:hidden}.dim-bar-fill{border-radius:var(--radius-full);background:var(--accent-gradient);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.dim-score{text-align:right;width:40px;color:var(--text-color);font-size:14px;font-weight:700}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;padding:10px var(--space-3);background:var(--card-bg-alt);border-bottom:2px solid var(--border-color);color:var(--text-color);font-size:13px;font-weight:600}.data-table td{padding:10px var(--space-3);border-bottom:1px solid var(--border-color-light);color:var(--text-color)}.data-table tr:hover{background:var(--card-bg-hover)}.data-table tr:last-child td{border-bottom:none}.tabs{gap:var(--space-1);margin-bottom:var(--space-5);background:var(--tabs-bg);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border-color-light);transition:background .3s;display:flex}.tab{padding:10px var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:0 0;border:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.tab:hover{color:var(--text-color)}.tab.active{background:var(--card-bg-solid);box-shadow:var(--shadow-xs), 0 0 0 1px var(--border-color);color:var(--text-color);font-weight:600}.badge{padding:2px var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-2);font-size:11px;font-weight:500;display:inline-block}.loading{text-align:center;padding:var(--space-9);color:var(--text-tertiary);font-size:15px}.compare-table{border-collapse:collapse;width:100%;margin-top:var(--space-3)}.compare-table th,.compare-table td{padding:10px var(--space-4);border:1px solid var(--border-color);text-align:center;color:var(--text-color);font-size:14px}.compare-table th{background:var(--card-bg-alt);z-index:1;font-size:13px;font-weight:600;position:sticky;top:0}.compare-table td:first-child{text-align:left;background:var(--card-bg-alt);width:140px;font-weight:500}.compare-table tbody tr:nth-child(2n){background:#94a3b808}.compare-table .best{background:var(--success-bg);color:var(--success-text);font-weight:700}.back-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-glass-blur));border:1px solid var(--border-color-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-sans);margin-bottom:var(--space-4);color:var(--text-color);font-weight:500;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:inline-flex}.back-btn:hover{background:var(--card-bg-hover);border-color:var(--accent);transform:translate(-2px)}@media (max-width:1100px){.home-main{grid-template-columns:1fr}.map-container{min-height:440px}}@media (max-width:1024px){.app{padding:var(--space-6) var(--space-6)}}@media (max-width:768px){.app{padding:var(--space-4)}.home-hero{gap:var(--space-4);padding:var(--space-5);flex-direction:column;align-items:flex-start}.home-hero-stats{gap:var(--space-6);flex-wrap:wrap}.form-row,.city-grid{grid-template-columns:1fr}.header{padding:var(--space-6)}.header h1{font-size:22px}.detail-header{padding:var(--space-6)}.detail-header h1{font-size:24px}.theme-toggle{top:var(--space-3);right:var(--space-3);width:40px;height:40px;font-size:18px}.card{padding:var(--space-4);margin-bottom:var(--space-4)}.home-form,.home-map,.home-results{padding:var(--space-4)}.home-hero-text h1{font-size:20px}.map-container{min-height:360px}}@media (max-width:640px){.app{padding:var(--space-3)}.home-hero{padding:var(--space-4)}.home-hero-stats{gap:var(--space-4)}.home-hero-stats .stat-num{font-size:22px}.home-form,.home-map,.home-results,.card{padding:var(--space-4);border-radius:var(--radius-md)}.detail-header{padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.detail-header h1{font-size:22px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:var(--space-1);flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{height:3px}.tab{padding:var(--space-2) var(--space-4);white-space:nowrap;flex-shrink:0;font-size:13px}.city-card{padding:var(--space-4)}.city-card .city-name{font-size:16px}.city-card .match-score{font-size:24px}.card [style*="grid-template-columns: 1fr 1fr 1fr"],.card [style*="grid-template-columns:1fr 1fr 1fr"],.card [style*="grid-template-columns: repeat(3"],.card [style*="grid-template-columns: repeat(4"],.card [style*="grid-template-columns: 1fr 1fr"],.home-main [style*="grid-template-columns: 1fr 1fr 1fr"],.home-main [style*="grid-template-columns:1fr 1fr 1fr"],.home-main [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:10px!important}.data-table{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.data-table thead,.data-table tbody,.data-table tr{width:max-content;max-width:100%;display:table}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);font-size:13px}.card svg{max-width:100%!important}.card [style*="justify-content: space-between"]{gap:var(--space-2);flex-wrap:wrap}.card button[style*="border: 2px solid"]{padding:var(--space-2) var(--space-3);font-size:13px}.theme-toggle{top:var(--space-3);right:var(--space-3);width:36px;height:36px;font-size:16px}}@media (max-width:380px){.app{padding:var(--space-2)}.home-hero-text h1{font-size:18px}.detail-header h1{font-size:20px}.tab{padding:7px 10px;font-size:12px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.city-card{animation:.3s ease-out backwards fadeIn}.city-card:first-child{animation-delay:0s}.city-card:nth-child(2){animation-delay:30ms}.city-card:nth-child(3){animation-delay:60ms}.city-card:nth-child(4){animation-delay:90ms}.city-card:nth-child(5){animation-delay:.12s}.city-card:nth-child(6){animation-delay:.15s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}