:root{--bg: #f5f6f8;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--line: rgba(20, 20, 20, .08);--accent: #0a84ff;--shadow: 0 24px 56px rgba(19, 31, 53, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Avenir Next,SF Pro Display,PingFang SC,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(10,132,255,.12),transparent 38%),radial-gradient(circle at 85% 6%,rgba(255,149,0,.12),transparent 30%),linear-gradient(180deg,#fbfbfd 0%,var(--bg) 100%)}.app-shell{max-width:1240px;margin:0 auto;padding:32px 20px 48px;position:relative}.bg-orb{position:absolute;z-index:-1;filter:blur(40px);border-radius:50%}.bg-orb-a{width:260px;height:260px;background:#0a84ff26;right:6%;top:4%}.bg-orb-b{width:220px;height:220px;background:#ff9f0a1f;left:0;top:24%}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.topbar h1{margin:8px 0;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.02em}.badge{display:inline-flex;margin:0;padding:6px 10px;border-radius:999px;font-size:.78rem;color:#0056a8;background:#0a84ff24}.muted{margin:0;color:var(--muted)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-toolbar input{min-width:min(320px,calc(100vw - 160px));padding:10px 14px;border-radius:999px;border:1px solid rgba(10,132,255,.18);background:#ffffffeb;box-shadow:inset 0 1px #ffffffe6}.search-toolbar input:focus{outline:2px solid rgba(10,132,255,.22);outline-offset:2px}button,input{font:inherit}.actions button,.breadcrumb-card button,.detail-hero button{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#ffffffb3;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.locale-toggle{min-width:72px;font-weight:700}.locale-toggle--zh{color:#0056a8;background:#0a84ff24;border-color:#0a84ff42}.locale-toggle--en{color:#8a4b00;background:#ff9f0a29;border-color:#ff9f0a47}.actions button:hover,.breadcrumb-card button:hover,.detail-hero button:hover,.flag-tile:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1e235a24}.content{display:grid;gap:18px}.breadcrumb-card,.panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:var(--shadow)}.breadcrumb-card{display:flex;align-items:center;gap:10px;padding:10px 16px}.breadcrumb-card button{border-radius:10px;padding:8px 10px}.breadcrumb-card button.active{background:#0a84ff29;border-color:#0a84ff4d}.breadcrumb-card button:disabled{opacity:.5}.panel{padding:22px}.panel-head{margin-bottom:16px}.panel-head h2{margin:0 0 8px;font-size:clamp(1.3rem,2.5vw,1.8rem)}.panel-head p{margin:0;color:var(--muted)}.panel-head.split{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head input{min-width:260px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff}.country-panel-tools{display:flex;align-items:stretch;justify-content:flex-end;gap:12px;flex-wrap:wrap}.country-summary{min-width:172px;display:grid;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid rgba(10,132,255,.12);background:linear-gradient(180deg,#fffffff0,#f0f6ffe0)}.country-summary strong{font-size:1rem}.country-summary span{color:var(--muted);font-size:.9rem}.map-panel{overflow:hidden}.map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.map-summary{min-width:160px;display:grid;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid rgba(10,132,255,.12);background:linear-gradient(180deg,#fffffff0,#f0f6ffe0)}.map-summary strong{font-size:1.05rem}.map-summary span{color:var(--muted);font-size:.92rem}.world-stage{position:relative;aspect-ratio:768 / 409;min-height:0;margin-top:10px;margin-inline:auto;max-width:980px;border-radius:18px;overflow:hidden;background:#eef5fa;border:1px solid rgba(20,20,20,.06)}.world-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.world-reference-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:contrast(1.03) saturate(1.02) brightness(1.01)}.world-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.continent-node{position:absolute;top:var(--top);left:var(--left);width:var(--width);height:var(--height);padding:0;display:block;border:none;border-radius:4px;background:transparent;box-shadow:none;cursor:pointer;transform:translate(-50%,-50%);transition:background .16s ease,box-shadow .16s ease}.continent-node:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.continent-node:hover{background:#ffffff03;box-shadow:inset 0 0 0 1px #0000000a}.map-caption{margin-top:14px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px}.flag-tile{border:none;background:transparent;display:grid;gap:10px;padding:0;border-radius:20px;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.flag-face{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:20px;display:flex;align-items:flex-start;justify-content:space-between;padding:14px;background:linear-gradient(180deg,#070c1614,#070c1657),var(--flag-image) center / cover no-repeat,linear-gradient(160deg,#fff,#f1f4f8);border:1px solid rgba(255,255,255,.34);box-shadow:0 14px 30px #14141424}.flag-face:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(7,12,22,.5))}.flag-watermark,.flag-code,.country-name{position:relative;z-index:1}.flag-watermark{align-self:flex-end;font-size:1.5rem;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.16))}.flag-code{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:#fff;background:#0a101e57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff2e}.country-name{padding:0 4px;font-size:.94rem;font-weight:600;color:var(--text);line-height:1.35}.empty-state{border:1px dashed var(--line);border-radius:14px;padding:24px;color:var(--muted);grid-column:1 / -1}.detail-panel{display:grid;gap:18px}.detail-hero{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.flag-large{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;font-size:2rem;background:#fff;border:1px solid var(--line)}.detail-hero h2{margin:0 0 6px}.detail-hero p{margin:0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.info-card.wide{grid-column:1 / -1}.info-card h3{margin:0 0 12px}.info-card ul,.step-list{margin:0;padding-left:20px;color:#2a2a2e;display:grid;gap:8px}.visa-policy-card{background:linear-gradient(180deg,#fff,#f8fbff)}.visa-policy-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.policy-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-weight:700;font-size:.86rem;border:1px solid transparent}.policy-badge--visa-free{color:#0b6b3a;background:#36b37e29;border-color:#36b37e42}.policy-badge--conditional{color:#8a4b00;background:#ff9f0a29;border-color:#ff9f0a42}.policy-badge--evisa{color:#0056a8;background:#0a84ff24;border-color:#0a84ff3d}.policy-badge--visa-required{color:#8a1c1c;background:#ff453a1f;border-color:#ff453a33}.policy-badge--check{color:#5b6470;background:#6e6e731f;border-color:#6e6e7333}.policy-duration{color:var(--muted);font-size:.95rem}.time-difference-summary{margin:0 0 14px;font-size:1.02rem;font-weight:700;color:var(--text)}.clock-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.78fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:center}.clock-card{display:grid;justify-items:center;gap:8px;padding:18px 14px;border:1px solid rgba(196,161,90,.22);border-radius:22px;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 40%),linear-gradient(180deg,#20242b,#12161b);box-shadow:inset 0 1px #ffffff14,0 16px 36px #090c1233;text-align:center}.clock-card--day{border-color:#84b3d53d;background:radial-gradient(220px 62px at 16% 14%,rgba(255,255,255,.52) 0%,rgba(255,255,255,.16) 55%,transparent 78%),radial-gradient(240px 78px at 86% 20%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.1) 58%,transparent 82%),linear-gradient(180deg,#eff8ff,#bfe3fb 42%,#82c4ee);box-shadow:inset 0 1px #ffffffd6,0 16px 30px #2c78b029}.clock-card--night{border-color:#c4a15a38}.clock-card strong{font-size:.95rem;color:#f3e4b4;letter-spacing:.08em;text-transform:uppercase}.clock-card--day strong{color:#3a6380}.clock-card span:last-child{color:#e9ecf1d1;font-variant-numeric:tabular-nums}.clock-card--day span:last-child{color:#34546ce0}.clock-digital-time{display:block;min-height:1.4em;font-size:1rem;font-weight:700;line-height:1.4;letter-spacing:.06em;color:#f7f9fcf0;font-variant-numeric:tabular-nums}.clock-card--day .clock-digital-time{color:#315b78}.clock-city-label{font-size:.82rem;letter-spacing:.06em;color:#f1dfabb8}.clock-card--day .clock-city-label{color:#406985bd}.clock-temperature{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#f5f8fce6!important;font-size:.82rem;font-weight:700;letter-spacing:.01em}.clock-card--day .clock-temperature{background:#ffffff85;color:#3a6886!important}.clock-face{position:relative;width:148px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,227,163,.16);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.1),transparent 30%),radial-gradient(circle at center,#18212a 0,#18212a 54%,#080b10f5 54%,#080b10f5 67%,#d6ba78e6 67%,#d6ba78e6 69%,#101419 69%,#101419);box-shadow:inset 0 0 0 3px #fff1cc14,inset 0 0 0 12px #ffffff08,0 16px 28px #070a0f47;overflow:hidden}.clock-face--day{border-color:#83b6d847;background:radial-gradient(circle at 50% 20%,rgba(171,225,255,.2),transparent 28%),radial-gradient(circle at 28% 26%,rgba(255,255,255,.1),transparent 24%),radial-gradient(circle at 72% 32%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 50% 78%,rgba(18,34,48,.24),transparent 38%),radial-gradient(circle at center,#304556 0,#304556 54%,#1b2834fa 54%,#1b2834fa 67%,#83c6f1d6 67%,#83c6f1d6 69%,#233543 69%,#233543);box-shadow:inset 0 0 0 3px #dceef81a,inset 0 0 0 12px #ffffff0a,0 14px 28px #2a5f8438}.clock-face--night{border-color:#ffe3a329}.clock-face:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:repeating-conic-gradient(from -90deg,rgba(247,235,198,.9) 0deg 1.6deg,transparent 1.6deg 30deg);mask:radial-gradient(circle,transparent 0 74%,#000 74% 100%);opacity:.62}.clock-face--day:before{background:repeating-conic-gradient(from -90deg,rgba(215,235,248,.6) 0deg 1.4deg,transparent 1.4deg 30deg);opacity:.28}.clock-face:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:radial-gradient(circle at center,transparent 0 70%,rgba(255,243,210,.75) 70% 73%,transparent 73% 100%),radial-gradient(circle at 50% 20%,rgba(255,255,255,.12),transparent 32%);opacity:.9}.clock-face--day:after{background:radial-gradient(circle at center,transparent 0 70%,rgba(220,240,252,.72) 70% 73%,transparent 73% 100%),radial-gradient(circle at 50% 18%,rgba(173,223,252,.16),transparent 34%);opacity:.76}.clock-center{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7db,#cda85a 48%,#7d6130);box-shadow:0 0 0 2px #0f1217e6;transform:translate(-50%,-50%);z-index:3}.clock-face--day .clock-center{background:radial-gradient(circle at 35% 35%,#fff8e1,#d4b06a 46%,#8a6b38);box-shadow:0 0 0 2px #1a2732c7}.clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;border-radius:999px;translate:-50% 0;z-index:2}.clock-hand--hour{width:6px;height:38px;background:linear-gradient(180deg,#f5e8bf,#bc9350);box-shadow:0 0 10px #f5e8bf1f;transform:rotate(var(--hour-angle))}.clock-face--day .clock-hand--hour{background:linear-gradient(180deg,#f5e8bf,#bc9350);box-shadow:0 0 10px #f5e8bf1a}.clock-hand--minute{width:4px;height:54px;background:linear-gradient(180deg,#f8efca,#d0a963);box-shadow:0 0 12px #f8efca29;transform:rotate(var(--minute-angle))}.clock-face--day .clock-hand--minute{background:linear-gradient(180deg,#f8efca,#d0a963);box-shadow:0 0 12px #f8efca1f}.clock-hand--second{width:2px;height:58px;background:linear-gradient(180deg,#d8f6ff,#72d8ff);box-shadow:0 0 10px #72d8ff47;transform:rotate(var(--second-angle));z-index:1}.clock-face--day .clock-hand--second{background:linear-gradient(180deg,#d8f6ff,#72d8ff);box-shadow:0 0 10px #72d8ff47}.clock-marker{position:absolute;font-size:.78rem;font-weight:700;color:#f1dfab;text-shadow:0 0 8px rgba(241,223,171,.12);letter-spacing:.03em;z-index:2}.clock-face--day .clock-marker{color:#f3e2b2;text-shadow:0 0 8px rgba(243,226,178,.1)}.clock-marker--12{top:10px;left:50%;transform:translate(-50%)}.clock-marker--3{right:12px;top:50%;transform:translateY(-50%)}.clock-marker--6{bottom:10px;left:50%;transform:translate(-50%)}.clock-marker--9{left:12px;top:50%;transform:translateY(-50%)}.clock-difference-core{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px 14px;border-radius:22px;border:1px solid rgba(205,168,90,.18);background:radial-gradient(circle at top,rgba(255,255,255,.1),transparent 55%),linear-gradient(180deg,#1e232a,#11151a);box-shadow:inset 0 1px #ffffff0f,0 16px 34px #080b1038;text-align:left}.clock-difference-main{display:grid;gap:8px;justify-items:center;align-content:center;min-height:92px}.clock-difference-core__label{display:inline-flex;justify-self:center;padding:6px 10px;border-radius:999px;background:#cda85a29;color:#f1dfab;font-size:.98rem;line-height:1.35;font-weight:700}.clock-difference-core strong{font-size:1rem;line-height:1.45;color:#f7f1de}.clock-difference-core__summary{text-align:center;font-size:.98rem;line-height:1.35}.clock-difference-core .policy-meta{margin:0}.clock-difference-core .policy-meta li{grid-template-columns:1fr;gap:4px}.clock-difference-core .policy-meta strong{color:#f1dfab}.clock-difference-core .policy-meta li>*:last-child{color:#f7f1deeb}.clock-difference-core .exchange-rate-panel{margin:4px 0 0;padding-top:8px;border-top:1px dashed rgba(241,223,171,.28)}.clock-difference-core .exchange-rate-head strong{color:#f1dfab}.clock-difference-core .exchange-rate-head span{color:#f7f1dedb}.clock-difference-core .exchange-rate-card__label{color:#f1dfabdb}.clock-difference-core .exchange-rate-card strong{color:#f7f1de}.exchange-rate-panel{display:grid;gap:8px;margin:4px 0 16px;padding-top:12px;border-top:1px dashed rgba(84,118,150,.28)}.exchange-rate-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.exchange-rate-head strong{color:var(--text);font-size:.98rem}.exchange-rate-head span{color:var(--muted);font-size:.9rem}.exchange-rate-grid{display:grid;grid-template-columns:1fr;gap:6px}.exchange-rate-card{display:grid;gap:4px;padding:4px 0;border:0;background:transparent}.exchange-rate-card__label{color:#5e7487;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.exchange-rate-card strong{color:#15344f;font-size:.98rem;line-height:1.35;letter-spacing:.01em;text-align:left}.policy-meta{list-style:none;padding-left:0!important}.policy-meta li{display:grid;grid-template-columns:minmax(148px,max-content) minmax(0,1fr);gap:10px;align-items:start}.policy-meta strong{color:var(--text);display:block}.policy-meta li>*:last-child{min-width:0;overflow-wrap:anywhere}.official-link{color:#0056a8;font-weight:600;text-decoration:none}.official-link:hover{text-decoration:underline}@media (max-width: 980px){.world-stage{max-width:100%}.continent-node{transform:translate(-50%,-50%) scale(.94)}.detail-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:auto 1fr}.detail-hero button{grid-column:1 / -1;justify-self:start}}@media (max-width: 680px){.app-shell{padding:20px 14px 34px}.topbar{flex-direction:column;margin-bottom:18px}.actions,.search-toolbar{width:100%}.search-toolbar input{flex:1 1 220px;min-width:0}.panel{padding:16px}.clock-grid,.exchange-rate-grid{grid-template-columns:1fr}.policy-meta li{grid-template-columns:1fr;gap:4px}.map-head{flex-direction:column}.map-summary{width:100%}.world-stage{min-height:unset;padding:12px;background:linear-gradient(180deg,#f4f8fff2,#fffffffa)}.world-surface{display:none}.world-hotspots{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.continent-node{position:static;width:auto;min-height:108px;height:auto;padding:14px 12px;border:1px solid rgba(20,20,20,.08);border-radius:16px;background:linear-gradient(180deg,#fffffffa,#f1f6fcf2);box-shadow:0 12px 26px #1414140f;transform:none}.continent-node:before{content:attr(data-label);font-weight:700;color:#000}.continent-node__label-en{font-size:.88rem}.continent-node__label-cn{font-size:.94rem}.continent-node--antarctica{grid-column:1 / -1}.panel-head input{width:100%;min-width:unset}.country-panel-tools,.country-summary{width:100%}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flag-face{padding:12px}.flag-watermark{font-size:1.25rem}.flag-code{min-width:40px;padding:5px 9px;font-size:.74rem}}