/* Measured from the supplied 941px-wide reference. No device chrome is fabricated. */
.recommendPage{--u:min(.1062699256vw,.5951115834px);--nv-text-primary:#f4f9fc;--nv-text-secondary:#d7e5ed;color:var(--nv-text-primary);font-family:Arial,'Segoe UI',sans-serif;max-width:560px;background:#142231;isolation:isolate;overflow:clip}
.recommendPage .weatherWorld{position:fixed;inset:0;z-index:-5;overflow:hidden;background:#142231;pointer-events:none}
.recommendPage .weatherWorld img{position:absolute;top:calc(var(--u)*-70);left:50%;width:calc(var(--u)*941);height:calc(var(--u)*1672);max-width:none;object-fit:fill;object-position:center top;transform:translateX(-50%)!important;filter:none!important;animation:none!important;transition:none!important}
.recommendPage .weatherWorld:before,.recommendPage .weatherWorld:after{display:none!important}
.recommendPage .detailContent{position:relative;max-width:560px;margin:auto;padding:calc(var(--u)*6) calc(var(--u)*43) max(20px,env(safe-area-inset-bottom));min-height:100svh}
.recommendPage .topbar{display:none}
.recommendPage .nvTopLine{height:calc(var(--u)*95);min-height:44px;margin:0 calc(var(--u)*10) calc(var(--u)*14);gap:calc(var(--u)*35)}
.recommendPage .nvBack{display:grid;place-items:center;width:calc(var(--u)*94);height:calc(var(--u)*94);min-width:40px;min-height:40px;padding:0;border-radius:50%;font-size:calc(var(--u)*62);font-weight:300;line-height:1;text-decoration:none;background:linear-gradient(135deg,#163f58a3,#234d6266);border:1px solid #d8f4ff99;box-shadow:inset 0 1px 2px #eaf9ff80,inset 0 -1px 3px #d6f0ff44,0 5px 15px #00132222}
.nvLocation{display:flex;align-items:flex-start;gap:calc(var(--u)*15)}
.nvLocation>svg{width:calc(var(--u)*30);height:calc(var(--u)*36);margin-top:calc(var(--u)*8);fill:#f4f9fc}
.recommendPage .nvTopTown{font-size:calc(var(--u)*38);line-height:1.12;font-weight:700;letter-spacing:-.3px}
.recommendPage .nvTopTown small{font-size:calc(var(--u)*24);line-height:1.3;color:#dfebf4;font-weight:400;margin-top:calc(var(--u)*6)}
.nvTownChevron{display:inline-block;width:calc(var(--u)*15);height:calc(var(--u)*15);border:solid #eef7fc;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 0 calc(var(--u)*8) calc(var(--u)*18)}
.recommendPage .nvNav{display:grid;grid-template-columns:1fr .96fr 1.02fr;gap:calc(var(--u)*12);margin:0 calc(var(--u)*9) calc(var(--u)*23)}
.recommendPage .nvNav a{height:calc(var(--u)*81);min-height:36px;display:grid;place-items:center;border:1px solid #e5f7ff50;border-radius:calc(var(--u)*44);padding:0;font-size:calc(var(--u)*28);line-height:1.1;font-weight:400;background:linear-gradient(125deg,#0b263e80,#28323c61);box-shadow:inset 0 1px 1px #ffffff30;text-decoration:none;text-shadow:0 1px 2px #0005}
.recommendPage .nvNav a.nvActive{background:linear-gradient(115deg,#2789afbc,#4fb5d9bd 70%,#72d6e5b8);border-color:#c4f2ff;box-shadow:inset 0 1px 4px #eeffffc9,inset 0 -1px 3px #c1f6ff7a,0 0 8px #55d2ff99}
.recommendPage .nvRHead{margin:0 calc(var(--u)*8) calc(var(--u)*16)}
.recommendPage .nvRHead h1{font-size:calc(var(--u)*60);line-height:1.12;letter-spacing:calc(var(--u)*-1.1);font-weight:750;margin:0 0 calc(var(--u)*4);text-shadow:0 1px 4px #00172e40}
.recommendPage .nvRHead p{font-size:calc(var(--u)*32);line-height:1.08;color:#e8eef4;margin:0;max-width:calc(var(--u)*800)}
.recommendPage .nvRG{position:relative;isolation:isolate;border-radius:calc(var(--u)*28);border:1px solid rgba(245,250,255,.61);background:linear-gradient(115deg,rgba(14,35,48,.55),rgba(24,34,38,.43) 60%,rgba(71,62,46,.43));box-shadow:inset 1px 1px 2px #ffffff61,inset -1px -1px 2px #ffe3b338,0 5px 15px #020c1455;-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%)}
.recommendPage .nvRG:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff0a,transparent 25%,transparent 70%,#ffc9790b);box-shadow:inset 0 1px 1px #ffffff38}
.recommendPage .nvRHero{display:grid;grid-template-columns:calc(var(--u)*166) minmax(0,1fr) calc(var(--u)*60);gap:calc(var(--u)*32);align-items:center;min-height:calc(var(--u)*218);padding:calc(var(--u)*25) calc(var(--u)*25) calc(var(--u)*25) calc(var(--u)*31);border-radius:calc(var(--u)*42)}
.nvRHeroBody{min-width:0}.nvRHero h2{font-size:calc(var(--u)*34);line-height:1.21;font-weight:700;letter-spacing:calc(var(--u)*-.3);margin:0 0 calc(var(--u)*17)}
.nvRHero p{font-size:calc(var(--u)*26);line-height:1.24;color:#d8e8f4;margin:0}
.nvRRound{display:grid;place-items:center;width:calc(var(--u)*60);height:calc(var(--u)*60);border:1px solid #8de2ffbb;background:linear-gradient(140deg,#71929a80,#2c52658c);border-radius:50%;padding:0;font-size:calc(var(--u)*46);line-height:1;box-shadow:inset 0 1px 2px #e8ffff55}
.nvRLens{display:block;width:calc(var(--u)*92);height:calc(var(--u)*94);flex:none;border:0;border-radius:calc(var(--u)*26);background:none;box-shadow:none;overflow:hidden}
.nvRLens:before,.nvRLens:after{display:none}
.nvRLens .nvRSvg{display:block;width:100%;height:100%;filter:none!important;overflow:hidden}
#featuredIcon{width:calc(var(--u)*166);height:calc(var(--u)*164);border-radius:calc(var(--u)*40);box-shadow:0 0 9px #2dcaff22}
.nvRSect{margin-top:calc(var(--u)*18);scroll-margin-top:16px}
.nvRSectHead{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*8);margin:0 calc(var(--u)*9) calc(var(--u)*13);min-height:calc(var(--u)*42)}
.nvRSectHead h2{font-size:calc(var(--u)*36);line-height:1.15;letter-spacing:calc(var(--u)*-.5);font-weight:700;margin:0;white-space:nowrap}
.nvRSectHead>button{font-size:calc(var(--u)*24);line-height:1.2;padding:0;border:0;background:none;color:#37ccff;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.nvRActivities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*13);margin:0 calc(var(--u)*3)}
.recommendPage .nvRAct{display:flex;align-items:center;flex-direction:column;min-width:0;min-height:calc(var(--u)*257);padding:calc(var(--u)*15) calc(var(--u)*8) calc(var(--u)*14);gap:0;border-radius:calc(var(--u)*31);text-align:center;overflow:hidden}
.nvRAct .nvRLens{width:calc(var(--u)*96);height:calc(var(--u)*91);border-radius:calc(var(--u)*33);margin:0 auto calc(var(--u)*2)}
.nvRAct strong{font-size:calc(var(--u)*26);font-weight:600;line-height:1.15;letter-spacing:calc(var(--u)*-.55);white-space:nowrap}
.nvRAct small{display:block;font-size:calc(var(--u)*22);line-height:1.22;color:#dfeaf4;margin-top:calc(var(--u)*11);overflow-wrap:normal}
.nvRAct small span{display:block;margin-top:0}
.nvRActArrow{display:grid;place-items:center;width:calc(var(--u)*39);height:calc(var(--u)*39);font-size:calc(var(--u)*29);line-height:1;border:1px solid #c9e2ed26;background:linear-gradient(#8ab5ca22,#64869b18);border-radius:50%;margin-top:auto}
.recommendPage .nvRAct.nvOn{border-color:#81dfff;background:linear-gradient(130deg,#0b648b9c,#133b5299 65%,#16658b94);box-shadow:inset 0 1px 3px #d6f5ffa8,inset 0 -2px 4px #54c8ffa1,0 0 9px #32c6ff99}
.nvRDetails{display:grid;gap:calc(var(--u)*4);margin:0 calc(var(--u)*6)}
.recommendPage .nvRRow{border-radius:calc(var(--u)*27);overflow:hidden}
.nvRRowButton{position:relative;display:grid;grid-template-columns:calc(var(--u)*92) minmax(0,1fr) calc(var(--u)*24);column-gap:calc(var(--u)*29);align-items:center;min-height:calc(var(--u)*110);width:100%;padding:calc(var(--u)*9) calc(var(--u)*22) calc(var(--u)*9) calc(var(--u)*19);border:0;background:none;text-align:left}
.nvRRowText{min-width:0;display:block}
.nvRRowText strong{display:block;font-size:calc(var(--u)*25);font-weight:600;line-height:1.18;margin:0 0 calc(var(--u)*6);padding-right:calc(var(--u)*175)}
.nvRRowText small{display:block;font-size:calc(var(--u)*21);line-height:1.24;color:#dceaf4;max-width:calc(var(--u)*480)}
.nvRBadge{position:absolute;top:calc(var(--u)*16);right:calc(var(--u)*65);padding:calc(var(--u)*10) calc(var(--u)*20);border-radius:calc(var(--u)*30);font-size:calc(var(--u)*21);line-height:1.15;border:1px solid #d5ae3b69;background:linear-gradient(120deg,#9b7c2840,#7160234d);color:#ffe55a;box-shadow:0 0 10px #d3a73919;white-space:nowrap}
.nvRBadge--good{color:#6bf1b2;border-color:#39b67380;background:linear-gradient(110deg,#21794d70,#27644770);box-shadow:0 0 9px #2cdd8522}
.nvRArrow{font-size:calc(var(--u)*43);line-height:1;grid-column:3;color:#f6faff}
.nvRMore{font-size:max(13px,calc(var(--u)*24));line-height:1.5;padding:8px 16px 16px}
.nvRMore p{margin:0 0 8px}.nvRMore a,.nvRMore button{display:flex;align-items:center;min-height:44px;font-size:13px;color:#82dbff;background:none;border:0;padding:6px 0;text-align:left}
.recommendPage .nvRPlanLink{display:flex;align-items:center;gap:calc(var(--u)*28);width:calc(100% - var(--u)*12);min-height:calc(var(--u)*104);margin:0 calc(var(--u)*6);border-radius:calc(var(--u)*26);padding:calc(var(--u)*12) calc(var(--u)*26) calc(var(--u)*12) calc(var(--u)*19);text-align:left}
.nvRPlanLink .nvRLens{width:calc(var(--u)*81);height:calc(var(--u)*81);border-radius:calc(var(--u)*24)}
.nvRPlanLink>span:nth-child(2){flex:1}.nvRPlanLink strong{display:block;font-size:calc(var(--u)*26);line-height:1.2}.nvRPlanLink small{display:block;font-size:calc(var(--u)*21);color:#d7e9f4;line-height:1.3;margin-top:calc(var(--u)*6)}
.nvRPlanLink b{font-size:calc(var(--u)*45);font-weight:400;line-height:1}
.recommendPage .nvFooter{font-size:11px;line-height:1.5;color:#d4e5ef;margin:20px 0 0}.recommendPage #detailDate{margin:0 0 5px}
.nvRPlanner{padding:16px;margin-top:20px;font-size:14px}.nvRPlanner[hidden],.nvRMore[hidden]{display:none}
.nvRPlanner .nvRSectHead{margin:0 0 12px}.nvRPlanner .nvRSectHead h2{font-size:20px;white-space:normal}.nvRPlanner .nvRSectHead button{min-width:44px;height:44px;font-size:28px;text-decoration:none}
.nvRPlanner>p,.nvRHint,.nvRMuted{font-size:12px;line-height:1.5;color:#d7e5ed}
.nvRActivityChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.nvRActivityChoices button{min-height:44px;font-size:13px;border:1px solid #c2eaff44;background:#15344888;border-radius:13px}.nvRActivityChoices .on{border-color:#8ce3ff;background:#247b9f66}
.nvTwoSelect{gap:8px}.nvTwoSelect label{min-width:0}.nvRPlanner select{min-width:0;width:100%;min-height:44px;font-size:12px}
.nvRCompare{font-size:13px;line-height:1.5;margin:14px 0}.nvRCompareGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nvRCompareGrid>div{padding:9px;border:1px solid #e6faff33;border-radius:12px;background:#09213244}.nvRCompareGrid b,.nvRCompareGrid small{display:block}.nvRCompareGrid small{font-size:12px;margin-top:7px}.nvRCompare label{display:flex;align-items:center;min-height:44px;gap:8px}.nvRCompare input{accent-color:#62d7ff}
.nvRSave{min-height:46px;width:100%;border-radius:15px;background:linear-gradient(110deg,#a6edff,#6fd0f3);border:1px solid #e0faff;color:#0a273b;font-weight:700;font-size:14px}.nvRSave:disabled{opacity:.45}
.recommendPage button,.recommendPage a{touch-action:manipulation;transition:transform 100ms,box-shadow 150ms}.recommendPage button:active{transform:scale(.985)}.recommendPage button:focus-visible,.recommendPage a:focus-visible{outline:2px solid #a0eaff;outline-offset:3px}
@media(max-width:359px){.nvRActivities{display:flex;overflow:auto;scroll-snap-type:x proximity;padding-bottom:6px}.recommendPage .nvRAct{flex:0 0 30%;min-height:120px;scroll-snap-align:start}.nvRAct strong{font-size:11px}.nvRAct small{font-size:10px}.nvRHero h2{font-size:12px}.nvRHero p{font-size:10px}.nvRRowText strong{padding-right:0}.nvRBadge{position:static;grid-column:2;font-size:9px;justify-self:start;padding:3px 6px;margin-top:4px}.nvRRowButton{min-height:53px}.nvRRowText small{font-size:10px}.nvRRowText strong{font-size:11px}.nvRArrow{grid-row:1}.nvRSectHead h2{font-size:13px}.nvRSectHead>button{font-size:10px}}
.recommendPage .nvTopLine{min-height:40px}
.recommendPage .nvNav a{min-height:34px}
.recommendPage .nvNav{margin-bottom:calc(var(--u)*18)}
.recommendPage #advices{gap:calc(var(--u)*4)}
.nvRSect{margin-top:calc(var(--u)*12)}
@media(prefers-reduced-motion:reduce){.recommendPage *,.recommendPage *:before,.recommendPage *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.recommendPage button:active{transform:none!important}}

/* Requested stronger blur: visual target ~80%, applied only to landscape. */
.recommendPage .weatherWorld img{height:max(100svh,calc(var(--u)*1970));object-fit:cover;filter:blur(calc(var(--u)*16))!important;transform:translateX(-50%) scale(1.08)!important}
.recommendPage .nvRRowButton{grid-template-columns:calc(var(--u)*92) minmax(0,1fr) calc(var(--u)*24);min-height:calc(var(--u)*156);padding-top:calc(var(--u)*16);padding-bottom:calc(var(--u)*16);row-gap:calc(var(--u)*8)}
.recommendPage .nvRRowButton>.nvRLens{grid-column:1;grid-row:1 / span 2;align-self:center}
.recommendPage .nvRRowText{grid-column:2;grid-row:1}
.recommendPage .nvRRowText strong{padding-right:0;font-size:max(12px,calc(var(--u)*25));line-height:1.22}
.recommendPage .nvRRowText small{max-width:none;font-size:max(11px,calc(var(--u)*22));line-height:1.35}
.recommendPage .nvRBadge{position:static;grid-column:2;grid-row:2;justify-self:start;padding:calc(var(--u)*6) calc(var(--u)*16);font-size:max(10px,calc(var(--u)*20));white-space:normal}
.recommendPage .nvRRowButton>.nvRArrow{grid-column:3;grid-row:1 / span 2}
.recommendPage #advices{gap:calc(var(--u)*8)}