.console-zone{background:linear-gradient(180deg,#FDFEFF 0%,#F7FAFD 55%,var(--bg) 100%);border-bottom:1px solid var(--hair);padding:52px 0 46px;position:relative;overflow:hidden}
.console-zone::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(720px 360px at 10% -12%, rgba(37,99,235,.13), transparent 62%),
  radial-gradient(620px 340px at 90% -4%, rgba(20,184,166,.13), transparent 62%),
  radial-gradient(900px 420px at 50% 118%, rgba(37,99,235,.07), transparent 60%)}
.console-zone::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(15,23,42,.07) 1px, transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,transparent 72%)}
.console-zone .wrap{position:relative;z-index:1}
@media(max-width:640px){.console-zone{padding:34px 0 30px}}
.orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;will-change:transform}
.orb.o1{width:460px;height:460px;left:-140px;top:-160px;background:radial-gradient(circle at 38% 38%,rgba(37,99,235,.38),rgba(37,99,235,0) 70%);animation:drift1 16s ease-in-out infinite alternate}
.orb.o2{width:560px;height:560px;right:-180px;top:-120px;background:radial-gradient(circle at 42% 42%,rgba(20,184,166,.34),rgba(20,184,166,0) 70%);animation:drift2 19s ease-in-out infinite alternate}
.orb.o3{width:340px;height:340px;left:50%;bottom:-220px;margin-left:-170px;background:radial-gradient(circle at 50% 40%,rgba(37,99,235,.22),transparent 70%);animation:drift1 22s ease-in-out infinite alternate-reverse}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(46px,30px) scale(1.08)}}
@keyframes drift2{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,36px) scale(1.06)}}
.hero-center{text-align:center;max-width:820px;margin:0 auto}
.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);margin-bottom:16px;background:#fff;border:1px solid var(--hair);border-radius:99px;padding:6px 14px}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.console-title{font-family:var(--disp);font-weight:800;font-size:clamp(32px,4.6vw,52px);letter-spacing:-.03em;line-height:1.08}
.console-title .grad{background:linear-gradient(92deg,var(--blue) 10%,var(--teal) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.console-sub{margin-top:14px;font-size:16px;color:var(--ink-60);max-width:52ch;margin-left:auto;margin-right:auto}
.svc-tabs{display:flex;justify-content:center;gap:6px;margin:30px auto 0;flex-wrap:wrap}
.svc{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-size:14px;font-weight:700;padding:10px 18px;border-radius:99px;border:1px solid transparent;color:var(--ink-60)}
.svc.on{background:var(--card);border-color:var(--hair);color:var(--blue);box-shadow:0 6px 16px -8px rgba(37,99,235,.3)}
.svc:not(.on):hover{background:rgba(255,255,255,.75)}
.svc .ico{display:flex}
.console{position:relative;max-width:880px;margin:14px auto 0;background:var(--card);border:1px solid rgba(37,99,235,.14);border-radius:16px;padding:20px;box-shadow:var(--sh-lg)}
.console::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.console-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto;gap:10px}
.field{display:flex;flex-direction:column;gap:5px;text-align:left}
.field label{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40)}
.field .box{display:flex;align-items:center;gap:9px;border:1px solid var(--hair);border-radius:11px;padding:0 14px;height:54px;background:var(--card)}
.field .box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}
.field input,.field select{border:0;background:transparent;font:inherit;font-size:15px;width:100%;color:var(--ink);height:100%}
.field input:focus,.field select:focus{outline:none}
.field .box svg{flex:none;color:var(--ink-40)}
.go{display:flex;align-items:flex-end}
.go button{height:54px;padding:0 34px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-family:var(--disp);font-weight:800;font-size:15.5px;box-shadow:0 10px 22px -10px rgba(37,99,235,.55);transition:all .15s}
.go button:hover{background:var(--blue-deep);transform:translateY(-1px)}
.console-quick{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.console-quick .qleft{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.console-quick .lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40)}
.qchip{font-size:13px;font-weight:500;color:var(--ink-60);background:var(--hair-2);border-radius:99px;padding:6px 13px;transition:all .13s}
.qchip:hover{background:var(--blue-tint);color:var(--blue)}
@media(max-width:900px){.console-row{grid-template-columns:minmax(0,1fr)}.go button{width:100%}}
.stats{display:inline-flex;gap:26px;flex-wrap:wrap;background:#fff;border:1px solid var(--hair);border-radius:99px;padding:11px 26px;box-shadow:var(--sh-sm)}
.stats-wrap{text-align:center;margin-top:30px}
.stat{display:flex;align-items:baseline;gap:7px}
.stat b{font-family:var(--disp);font-size:15.5px;font-weight:800}
.stat span{font-size:12.5px;color:var(--ink-60)}
.stat .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);align-self:center}
@media(max-width:560px){.stats{gap:12px 16px;padding:10px 16px;justify-content:center}}

.home-tools{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}
.home-tool{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--hair);
  border-radius:99px;padding:9px 20px 9px 9px;box-shadow:var(--sh-sm);text-decoration:none;color:inherit;
  transition:border-color .15s,box-shadow .15s}
.home-tool:hover{border-color:var(--teal);box-shadow:var(--sh-md)}
.home-tool__ico{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:50%;background:var(--teal-tint);color:var(--teal-deep)}
.home-tool__t{display:flex;flex-direction:column;text-align:left}
.home-tool__t b{font-family:var(--disp);font-size:13.5px;font-weight:800;color:var(--ink)}
.home-tool__t span{font-size:11.5px;color:var(--ink-60);max-width:260px}
@media(max-width:560px){.home-tool__t span{display:none}}
section{padding:52px 0 28px}
section.band{background:#fff;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.sec-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.sec-bar .eyebrow{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.sec-bar h2{font-family:var(--disp);font-size:22px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.sec-bar h2 .n{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--ink-40);letter-spacing:.06em}
.sec-bar .all{font-size:13.5px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--hair);border-radius:99px;background:#fff;transition:all .15s}
.sec-bar .all:hover{border-color:var(--blue);box-shadow:var(--sh-sm)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.dcell{background:var(--card);border:1px solid var(--hair);border-radius:12px;padding:15px 16px;transition:all .16s;box-shadow:var(--sh-sm)}
.dcell:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--sh-md)}
.dcell b{font-size:14.5px;font-weight:700;font-family:var(--disp);display:block;letter-spacing:-.01em}
.dcell span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-40);margin-top:3px}
.dcell span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal)}
@media(max-width:960px){.dgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.dgrid{grid-template-columns:repeat(2,1fr)}}
.hlist{background:var(--card);border:1px solid var(--hair);border-radius:14px;overflow:hidden;box-shadow:var(--sh-md)}
.hrow{display:grid;grid-template-columns:1.5fr 1.4fr auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--hair-2);transition:background .12s}
.hrow:last-child{border-bottom:0}
.hrow:hover{background:#F6F9FE}
.hrow .nm b{font-size:15px;font-weight:600;letter-spacing:-.01em;display:block}
.hrow .nm span{font-size:12px;color:var(--ink-40)}
.hrow .info{display:flex;flex-direction:column;gap:4px}
.hrow .info .dep{font-size:13px;color:var(--ink-60)}
.hrow .info .dep b{color:var(--ink);font-weight:600}
.badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hrow .end{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.hrow .vd{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--teal-deep);text-transform:uppercase}
.hrow .vd::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal)}
.hrow .end .arr{color:var(--blue)}
@media(max-width:820px){.hrow{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.hrow .info{grid-column:1/-1}}
.two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:900px){.two{grid-template-columns:minmax(0,1fr)}}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.ccell{background:var(--card);border:1px solid var(--hair);border-radius:12px;padding:14px 15px;display:flex;justify-content:space-between;align-items:center;transition:all .16s;box-shadow:var(--sh-sm)}
.ccell:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--sh-md)}
.ccell b{font-size:14px;font-weight:600}
.ccell .zh{font-size:11.5px;color:var(--ink-40);margin-left:6px}
.ccell .n{font-family:var(--mono);font-size:10.5px;color:var(--blue)}
@media(max-width:560px){.cgrid{grid-template-columns:repeat(2,1fr)}}
.soon-panel{position:relative;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(37,99,235,.45),rgba(20,184,166,.45)) border-box;border:1.5px solid transparent;border-radius:14px;padding:18px;box-shadow:var(--sh-md)}
.soon-panel h3{font-family:var(--disp);font-size:14.5px;font-weight:800}
.soon-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.soon-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--hair-2);border-radius:9px;background:var(--bg)}
.soon-item .si{width:30px;height:30px;border-radius:8px;background:var(--card);border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.soon-item b{font-size:13.5px;font-weight:600;display:block}
.soon-item span{font-size:11.5px;color:var(--ink-40)}
.soon-item .when{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40)}
.soon-panel .notify{margin-top:12px;display:block;text-align:center;font-size:13px;font-weight:600;color:#fff;background:var(--teal);border-radius:8px;padding:10px}
.soon-panel .notify:hover{background:var(--teal-deep)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;margin:0;padding:0}
.titem{background:var(--card);border:1px solid var(--hair);border-radius:12px;padding:15px 16px;display:flex;gap:10px;align-items:flex-start;box-shadow:var(--sh-sm);transition:all .16s}
.titem:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.titem .ck{flex:none;width:18px;height:18px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);display:flex;align-items:center;justify-content:center;margin-top:1px}
.titem b{font-size:13px;font-weight:600;display:block}
.titem span{font-size:11.5px;color:var(--ink-60);line-height:1.45}
@media(max-width:900px){.trust{grid-template-columns:repeat(2,1fr)}}
.log{background:var(--card);border:1px solid var(--hair);border-radius:14px;overflow:hidden;margin-bottom:52px;box-shadow:var(--sh-sm)}
.lrow{display:flex;gap:16px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--hair-2);font-size:13.5px}
.lrow:last-child{border-bottom:0}
.lrow .d{font-family:var(--mono);font-size:10.5px;color:var(--ink-40);flex:none;width:88px}
.lrow b{font-weight:600}
.lrow span{color:var(--ink-60)}
.lrow .st{margin-left:auto;display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--teal-deep);text-transform:uppercase;white-space:nowrap}
.lrow .st::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal)}
.panel-sec{padding:56px 0 28px}
.dark-panel{position:relative;overflow:hidden;background:var(--ink);border-radius:24px;padding:38px 36px 34px;box-shadow:0 30px 60px -30px rgba(15,23,42,.55)}
.dark-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(480px 260px at 8% -20%, rgba(37,99,235,.28), transparent 65%),
  radial-gradient(460px 260px at 96% 120%, rgba(20,184,166,.22), transparent 65%)}
.dark-panel>*{position:relative;z-index:1}
.dark-panel .sec-bar{margin-bottom:22px}
.dark-panel .eyebrow{color:var(--teal)}
.dark-panel h2{color:#F4F6F9}
.dark-panel .titem{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}
.dark-panel .titem:hover{transform:translateY(-3px);background:rgba(255,255,255,.08);box-shadow:none}
.dark-panel .titem b{color:#F4F6F9}
.dark-panel .titem span{color:rgba(244,246,249,.62)}
.dark-panel .titem .ck{background:var(--teal);color:#fff}
@media(max-width:900px){.dark-panel{padding:28px 22px;border-radius:18px}.dark-panel .trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dark-panel .trust{grid-template-columns:minmax(0,1fr)}}

.finder{max-width:820px;margin:0 auto}
.finder-tiles{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;justify-content:center;margin-top:14px}
.ft-lead{align-self:center;font-size:12.5px;color:var(--ink-40);font-weight:600}
.ftile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:9px 14px 9px 10px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:var(--sh-sm)}
.ftile:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:transparent}
.ft-ico{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.ft-t{display:flex;flex-direction:column;line-height:1.2}
.ft-t b{font-size:14px;font-weight:700;font-family:var(--disp)}
.ft-t small{font-size:11px;color:var(--ink-40)}
.ft-medical .ft-ico{background:linear-gradient(135deg,#0E7490,#22D3EE)}
.ft-travel .ft-ico{background:linear-gradient(135deg,#1D4ED8,#38BDF8)}
.ft-food .ft-ico{background:linear-gradient(135deg,#C2410C,#F59E0B)}
.ft-guides .ft-ico{background:linear-gradient(135deg,#475569,#94A3B8)}
@media(max-width:640px){.ft-lead{width:100%;text-align:center;margin-bottom:2px}.ftile{flex:1 1 44%}}

.tc-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#64748B,#94A3B8)}
.tc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.tc-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,23,42,.28));pointer-events:none}
.tc-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tc-ph svg{width:40px;height:40px;color:rgba(255,255,255,.6)}
.tc-cover.t-medical{background:linear-gradient(135deg,#0E7490,#22D3EE)}
.tc-cover.t-landmark{background:linear-gradient(135deg,#1D4ED8,#38BDF8)}
.tc-cover.t-food{background:linear-gradient(135deg,#C2410C,#F59E0B)}

.hpop-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hpop-grid .hpop:nth-child(n+9){display:none}
@media(min-width:640px){
  .hpop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hpop-grid .hpop:nth-child(9){display:flex}
  .hpop-grid .hpop:nth-child(n+10){display:none}
}
@media(min-width:900px){
  .hpop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hpop-grid .hpop:nth-child(n+9){display:none}
}
@media(min-width:1200px){
  .hpop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hpop-grid .hpop:nth-child(n+9){display:flex}
  .hpop-grid .hpop:nth-child(n+11){display:none}
}
@media(min-width:1420px){
  .hpop-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hpop-grid .hpop:nth-child(n+11){display:flex}
  .hpop-grid .hpop:nth-child(n+13){display:none}
}
@media(min-width:1660px){
  .hpop-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .hpop-grid .hpop:nth-child(n+13){display:flex}
  .hpop-grid .hpop:nth-child(n+15){display:none}
}

@media(max-width:639px){
  .hpop-grid{
    display:flex;grid-template-columns:none;gap:12px;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;
    overscroll-behavior-x:contain; 
    margin:0 -20px;padding:2px 20px 12px;
    scrollbar-width:none; 
  }
  .hpop-grid::-webkit-scrollbar{display:none}
  .hpop-grid .hpop:nth-child(n+1){display:flex;flex:0 0 min(62%,240px);scroll-snap-align:start}
}
.hpop{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hair);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s,box-shadow .16s,border-color .16s}
.hpop:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.hpop:hover .tc-cover img{transform:scale(1.06)}
.hpop-tag{position:absolute;left:9px;top:9px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;background:rgba(255,255,255,.94);color:var(--ink);padding:3px 8px;border-radius:5px;font-weight:600}
.hpop-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:2px}
.hpop-b b{font-size:14.5px;font-weight:700;font-family:var(--disp);letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
.hpop-zh{font-size:12px;color:var(--ink-40)}
.hpop-city{font-size:12px;color:var(--ink-60);margin-top:3px}

.hguide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:16px}
.hguide{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hair);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s,box-shadow .16s,border-color .16s}
.hguide:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.hguide-img{aspect-ratio:16/9;overflow:hidden;background:var(--hair-2);display:flex;align-items:center;justify-content:center}
.hguide-img img{width:100%;height:100%;object-fit:cover;display:block}
.hguide-img.ph{background:linear-gradient(135deg,var(--blue-tint),#fff);color:var(--blue)}
.hguide-b{padding:14px 16px 16px}
.hguide-date{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--ink-40);text-transform:uppercase}
.hguide-b b{display:block;margin-top:6px;font-size:15px;font-weight:700;font-family:var(--disp);letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.hguide-b p{margin-top:6px;font-size:13px;color:var(--ink-60);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.feat-block{margin-bottom:40px}
.feat-block:last-child{margin-bottom:0}