:root{
  --bg:#0A0F1E; --bg2:#0E1730;
  --glass:rgba(255,255,255,.055); --glass2:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.2);
  --ink:#ECF2F8; --muted:#93A1B5; --faint:#5E6C80;
  --gold:#EFCF87; --gold-dim:#B79B5F;
  --danger:#E8927C;
  --r:20px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{height:100%;}
body{
  background:
    radial-gradient(1200px 700px at 75% -10%, rgba(64,96,160,.28), transparent 60%),
    radial-gradient(900px 600px at -10% 110%, rgba(180,140,70,.12), transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--ink);
  font-family:"Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size:14px; line-height:1.55;
  height:100dvh; overflow:hidden; overscroll-behavior:none; display:flex; flex-direction:column;
}
.serif{font-family:"Fraunces", Georgia, serif;}
button{font-family:inherit; color:inherit; background:none; border:none; cursor:pointer;}
input,select,textarea{font-family:inherit; font-size:13px; color:var(--ink); background:rgba(255,255,255,.07); border:1px solid var(--line); border-radius:10px; padding:7px 10px; outline:none;}
input:focus,select:focus,textarea:focus{border-color:var(--gold-dim); box-shadow:0 0 0 2px rgba(239,207,135,.15);}
select option{background:#111a30; color:var(--ink);}
::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}
:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

.glass{
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.5);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:0 10px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}

header{
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; gap:10px;
  padding:10px 18px;
  background:rgba(10,15,30,.6); backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid var(--line);
}
.wordmark{display:flex; align-items:baseline; gap:10px;}
.wordmark .zh{font-size:19px; font-weight:700; letter-spacing:.35em;}
.wordmark .en{font-family:"Fraunces",serif; font-size:12px; letter-spacing:.32em; color:var(--gold); text-transform:uppercase;}
header .spacer{flex:1;}
.hbtn{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 13px; border-radius:999px; font-size:13px;
  border:1px solid var(--line); background:var(--glass); color:var(--ink);
  backdrop-filter:blur(10px); transition:background .15s,border-color .15s;
  white-space:nowrap;
}
.hbtn:hover{background:var(--glass2); border-color:var(--line2);}
.hbtn.gold{border-color:rgba(239,207,135,.5); color:var(--gold);}
.hbtn.aiglow{
  border-color:rgba(239,207,135,.55); color:var(--gold);
  box-shadow:0 0 14px rgba(239,207,135,.25), inset 0 0 8px rgba(239,207,135,.08);
  animation:aiBreath 3s ease-in-out infinite;
}
@keyframes aiBreath{50%{box-shadow:0 0 22px rgba(239,207,135,.45), inset 0 0 12px rgba(239,207,135,.14);}}
.keybtn.warn{color:#F5A65B;border-color:rgba(245,166,91,.55);box-shadow:0 0 10px rgba(245,166,91,.18);}
.keybtn.ok{color:#7FD98F;border-color:rgba(127,217,143,.5);}
.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#B77E4B);display:grid;place-items:center;font-weight:700;color:#221a08;font-size:13px;}

.app{
  display:grid; gap:14px; padding:14px 18px;
  grid-template-columns:305px minmax(0,1fr) 400px;
  align-items:stretch;
  max-width:1720px; margin:0 auto; width:100%;
  flex:1; min-height:0; overflow:hidden;
}
.col{display:flex; flex-direction:column; gap:14px; min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-right:2px;}
.card{padding:16px;}
.card h2{font-size:12px; letter-spacing:.22em; color:var(--muted); font-weight:500; text-transform:uppercase; margin-bottom:12px; display:flex; align-items:center; gap:8px;}
.card h2 .grow{flex:1;}
.mini{font-size:11px; color:var(--faint);}
.chip{display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:999px; border:1px solid var(--line); font-size:11px; color:var(--muted); background:rgba(255,255,255,.04);}
.iconbtn{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--muted);border:1px solid transparent;font-size:15px;line-height:1;}
.iconbtn:hover{background:var(--glass2);color:var(--ink);border-color:var(--line);}

.trip{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px;
  border:1px solid transparent; cursor:pointer; transition:background .15s;
}
.trip:hover{background:var(--glass2);}
.trip.active{background:rgba(239,207,135,.09); border-color:rgba(239,207,135,.35);}
.trip .dot{width:10px;height:10px;border-radius:50%; flex:none; box-shadow:0 0 8px currentColor;}
.trip .t-name{font-weight:600; font-size:14px;}
.trip .t-sub{font-size:11px; color:var(--faint);}
.trip .flags{margin-left:auto; font-size:13px; letter-spacing:2px;}

.trip .t-del{opacity:0;transition:opacity .15s;}
.trip:hover .t-del{opacity:1;}
.trip .t-del:hover{color:var(--danger);}
.badge{min-width:15px;height:15px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;display:inline-grid;place-items:center;padding:0 4px;margin-left:3px;vertical-align:2px;}
.trash-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:rgba(255,255,255,.03);flex-wrap:wrap;}
.trash-row .tr-days{margin-left:auto;font-size:11px;color:var(--gold-dim);white-space:nowrap;}
.trash-row .btn{padding:6px 12px;font-size:12px;}
.dest{
  display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:12px;
  border:1px solid var(--line); background:rgba(255,255,255,.03); margin-bottom:8px; cursor:pointer;
  transition:border-color .15s;
}
.dest:hover{border-color:var(--line2);}
.dest.sel{border-color:rgba(239,207,135,.5); background:rgba(239,207,135,.06);}
.dest .num{
  width:22px;height:22px;border-radius:50%; flex:none;
  display:grid;place-items:center; font-size:11px; font-weight:700;
  background:rgba(239,207,135,.14); color:var(--gold); border:1px solid rgba(239,207,135,.4);
}
.dest .d-city{font-weight:600; font-size:13px;}
.dest .d-sub{font-size:11px; color:var(--faint);}
.dest .d-time{margin-left:auto; text-align:right;}
.dest .d-clock{font-variant-numeric:tabular-nums; font-size:13px; color:var(--gold);}
.dest .d-diff{font-size:10px; color:var(--muted);}

/* ---------- globe ---------- */
.globe-wrap{position:relative; padding:0; overflow:hidden; min-height:420px;}
#globe{display:block; width:100%; height:100%; touch-action:none; cursor:grab;}
#globe.grabbing{cursor:grabbing;}
.globe-hud{position:absolute; inset:0; pointer-events:none; padding:16px; display:flex; flex-direction:column;}
.hud-top{display:flex; gap:8px; align-items:flex-start; flex-wrap:wrap;}
.hud-title{pointer-events:auto;}
.hud-title .serif{font-size:20px; letter-spacing:.28em; color:var(--ink);}
.hud-title .mini{letter-spacing:.15em;}
.hud-stats{margin-left:auto; display:flex; gap:8px; pointer-events:auto; flex-wrap:wrap; justify-content:flex-end;}
.stat{padding:8px 14px; border-radius:14px; text-align:center;}
.stat b{display:block; font-size:19px; font-family:"Fraunces",serif; color:var(--gold);}
.stat span{font-size:10px; letter-spacing:.15em; color:var(--muted);}
.hud-bottom{margin-top:auto; display:flex; align-items:flex-end; gap:8px;}
.globe-ctl{margin-left:auto; display:flex; gap:6px; pointer-events:auto;}
.gbtn{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:16px;}
.legend{display:flex; gap:12px; align-items:center; pointer-events:auto; font-size:11px; color:var(--muted); flex-wrap:wrap;}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;box-shadow:0 0 7px currentColor;}
.toggle-track{pointer-events:auto; display:inline-flex; align-items:center; gap:7px; font-size:11px; color:var(--muted); cursor:pointer;}
.toggle-track .tk{width:30px;height:17px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--line);position:relative;transition:background .15s;}
.toggle-track .tk::after{content:"";position:absolute;top:1.5px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s;}
.toggle-track.on .tk{background:rgba(239,207,135,.3);}
.toggle-track.on .tk::after{transform:translateX(13px);background:var(--gold);}

/* ---------- 地圖模式(取代地球欄)---------- */
.globe-map{position:absolute; inset:0; z-index:8; display:none; flex-direction:column; background:#0b1120; border-radius:inherit; overflow:hidden;}
.globe-wrap.mapon .globe-map{display:flex;}
.globe-wrap.mapon #globe, .globe-wrap.mapon .globe-hud, .globe-wrap.mapon .spot-card{display:none !important;}
.gm-bar{display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid var(--line); flex-wrap:wrap; background:rgba(10,15,30,.55);}
.gm-title{font-weight:700; font-size:14px; color:var(--ink);}
.gm-body{position:relative; flex:1; min-height:0; overflow:hidden; touch-action:none;}
.gm-body svg{width:100%; height:100%; display:block; cursor:grab;}
.gm-legend{display:flex; gap:12px; flex-wrap:wrap; padding:8px 12px; font-size:11px; color:var(--muted); border-top:1px solid var(--line); background:rgba(10,15,30,.55);}
#gmTip{position:absolute; pointer-events:none;}
/* ---------- 多地即時時間面板 ---------- */
.globe-clock{position:absolute; right:14px; bottom:58px; left:auto; top:auto; transform:none; z-index:10; display:none; flex-direction:column; gap:6px; padding:8px 9px; max-height:52%; max-width:190px; overflow-y:auto; pointer-events:auto; border-radius:16px;}
.globe-clock.show{display:flex;}
.gc-dst{font-size:9.5px;color:#F5A65B;margin-top:1px;}
.flight-banner{position:absolute; top:14px; left:50%; transform:translateX(-50%); z-index:6; display:none; padding:6px 14px; border-radius:999px; font-size:12px; font-weight:600; color:#231a06; background:linear-gradient(135deg,#F5D28A,#E0A94A); box-shadow:0 3px 14px rgba(0,0,0,.3); pointer-events:none; white-space:nowrap;}
.flight-banner.show{display:block; animation:toastIn .25s;}
@media(max-width:1120px){ .globe-clock{max-height:40%;} }
.gc-cell{display:flex; flex-direction:column; align-items:center; gap:1px; padding:5px 12px; border-radius:12px; background:rgba(255,255,255,.05); border:1px solid var(--line); white-space:nowrap;}
.gc-cell.home{border-color:rgba(239,207,135,.45); background:rgba(239,207,135,.08);}
.gc-city{font-size:11px; color:var(--ink); font-weight:600;}
.gc-time{font-size:16px; font-family:"Fraunces",serif; color:var(--gold); font-variant-numeric:tabular-nums; line-height:1.1;}
.gc-date{font-size:10px; color:var(--muted);}
.gc-diff{font-size:10px; color:var(--faint);}

.spot-card{
  position:absolute; width:216px; padding:0; overflow:hidden; z-index:6;
  transform:translate(-50%,-112%); pointer-events:auto;
  border-radius:16px; display:none;
}
.spot-card.show{display:block; animation:cardIn .2s;}
@keyframes cardIn{from{opacity:0; transform:translate(-50%,-104%);}}
.spot-card .sc-img{height:112px; position:relative; background:linear-gradient(135deg,#2a3a5c,#1b2740); display:grid; place-items:center; overflow:hidden;}
.spot-card .sc-img img{width:100%;height:100%;object-fit:cover;display:block;}
.spot-card .sc-ph{font-size:38px; filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));}
.spot-card .sc-close{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:rgba(8,12,24,.6);color:#fff;font-size:12px;display:grid;place-items:center;backdrop-filter:blur(4px);}
.spot-card .sc-body{padding:10px 13px 12px;}
.spot-card .sc-city{font-weight:700;font-size:14px;}
.spot-card .sc-sub{font-size:11px;color:var(--muted);}
.spot-card .sc-row{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--faint);}
.spot-card .sc-row b{color:var(--gold);font-variant-numeric:tabular-nums;}

/* ---------- planner ---------- */
.planner-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;}
.planner-head .trip-badge{font-size:15px;font-weight:700;}
.quick-plan{
  display:flex;gap:7px;align-items:center;margin-bottom:12px;padding:8px;
  border:1px solid rgba(239,207,135,.4);border-radius:14px;background:rgba(239,207,135,.05);
  box-shadow:0 0 16px rgba(239,207,135,.16), inset 0 0 12px rgba(239,207,135,.05);
  animation:aiBreath 3.4s ease-in-out infinite;
}
.quick-plan input{flex:1;border:none;background:transparent;font-size:13px;}
.quick-plan input:focus{box-shadow:none;}
.mic{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:15px;border:1px solid var(--line);background:rgba(255,255,255,.06);transition:all .15s;}
.mic.listening{background:rgba(232,146,124,.25);border-color:var(--danger);animation:micPulse 1.1s infinite;}
@keyframes micPulse{50%{box-shadow:0 0 0 7px rgba(232,146,124,.12);}}
.qp-send{padding:7px 13px;border-radius:10px;font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--gold),#C99F5A);color:#231a06;flex:none;box-shadow:0 0 10px rgba(239,207,135,.35);}
.qp-status{font-size:11px;color:var(--gold-dim);margin:-6px 2px 10px;min-height:15px;}
.tz-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;}
.tz-cell{flex:none;padding:7px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);}
.tz-cell b{font-size:13px;font-variant-numeric:tabular-nums;color:var(--gold);}
.tz-cell span{display:block;font-size:10px;color:var(--faint);}
.day{margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.028);overflow:hidden;}
.day.dragover{border-color:var(--gold-dim); background:rgba(239,207,135,.06);}
.day-h{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03);}
.day-h .d-label{font-weight:700;font-size:13px;}
.day-h .d-dow{font-size:11px;color:var(--gold);}
.day-h .d-count{margin-left:auto;font-size:11px;color:var(--faint);}
.day-body{padding:8px;min-height:44px;display:flex;flex-direction:column;gap:6px;}
.item{
  display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.05);
  cursor:grab; transition:border-color .15s;
}
.item:active{cursor:grabbing;}
.item.dragging{opacity:.4;}
.item.insert-before{box-shadow:0 -2px 0 0 var(--gold);}
.item .grip{color:var(--faint);font-size:13px;line-height:1.4;user-select:none;}
.item .i-time{flex:none;width:52px;}
.item .i-time input{width:100%;padding:4px 5px;font-size:12px;text-align:center;font-variant-numeric:tabular-nums;}
.item .i-home{font-size:9.5px;color:var(--faint);text-align:center;margin-top:3px;white-space:nowrap;}
.item .i-main{flex:1;min-width:0;}
.item .i-title{font-weight:600;font-size:13px;border:none;background:transparent;padding:0;width:100%;border-radius:0;}
.item .i-title:focus{box-shadow:none;border-bottom:1px solid var(--gold-dim);}
.item .i-note{font-size:11px;color:var(--muted);border:none;background:transparent;padding:0;width:100%;border-radius:0;margin-top:2px;}
.item .i-note:focus{box-shadow:none;}
.item .i-dest{font-size:10px;color:var(--gold-dim);margin-top:3px;cursor:pointer;}
.item .del{color:var(--faint);font-size:14px;padding:2px 4px;border-radius:6px;}
.item .del:hover{color:var(--danger);background:rgba(232,146,124,.12);}
.buy-pill{display:flex;align-items:center;gap:7px;margin-left:60px;padding:5px 10px;border:1px dashed rgba(239,207,135,.38);border-radius:9px;font-size:11.5px;color:var(--muted);background:rgba(239,207,135,.045);cursor:pointer;}
.buy-pill.done{opacity:.45;}
.buy-pill.done .b-what{text-decoration:line-through;}
.buy-pill .b-what{font-weight:600;color:var(--ink);}
.buy-pill .b-where{color:var(--gold-dim);font-size:10.5px;}
.buy-pill .del{margin-left:auto;color:var(--faint);padding:0 3px;}
.buy-pill .del:hover{color:var(--danger);}
.todo-pill{display:flex;align-items:center;gap:7px;margin-left:60px;padding:5px 10px;border:1px dashed rgba(138,213,198,.45);border-radius:9px;font-size:11.5px;color:var(--muted);background:rgba(138,213,198,.05);cursor:pointer;}
.todo-pill.done{opacity:.45;}
.todo-pill.done .b-what{text-decoration:line-through;}
.todo-pill .b-what{font-weight:600;color:#8AD5C6;}
.todo-pill .b-where{color:rgba(138,213,198,.75);font-size:10.5px;}
/* ---------- 提前規劃(以終為始)---------- */
.plan-pill{display:flex;align-items:center;gap:7px;margin-left:60px;margin-top:4px;padding:5px 10px;border:1px dashed rgba(245,166,91,.5);border-radius:9px;font-size:11.5px;color:var(--muted);background:rgba(245,166,91,.06);cursor:pointer;flex-wrap:wrap;}
.plan-pill.done{opacity:.5;}
.plan-pill.done .p-title{text-decoration:line-through;}
.plan-pill.due{border-style:solid;border-color:#F5A65B;box-shadow:0 0 10px rgba(245,166,91,.2);}
.plan-pill .p-title{font-weight:700;color:#F5A65B;}
.plan-pill .p-when{color:var(--faint);font-size:10.5px;}
.plan-pill .p-link{color:var(--gold);text-decoration:underline;font-size:10.5px;}
.plan-pill .del{margin-left:auto;color:var(--faint);padding:0 3px;}
.plan-pill .del:hover{color:var(--danger);}
.item .i-plan{font-size:10px;color:#F5A65B;margin-top:4px;cursor:pointer;display:inline-flex;gap:4px;align-items:center;opacity:.85;}
.item .i-plan:hover{opacity:1;text-decoration:underline;}
.plan-panel{border:1px solid rgba(245,166,91,.35);border-radius:14px;padding:12px 13px;margin-bottom:14px;background:rgba(245,166,91,.05);}
.plan-panel h4{font-size:12px;letter-spacing:.06em;color:#F5A65B;margin:0 0 3px;display:flex;align-items:center;gap:6px;}
.plan-panel .pp-sub{font-size:10.5px;color:var(--faint);margin-bottom:9px;}
.plan-row{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-top:1px solid rgba(245,166,91,.16);}
.plan-row:first-of-type{border-top:none;}
.plan-row .pr-chk{margin-top:1px;cursor:pointer;font-size:14px;line-height:1;}
.plan-row .pr-body{flex:1;min-width:0;cursor:pointer;}
.plan-row .pr-title{font-weight:600;font-size:12.5px;color:var(--ink);}
.plan-row .pr-meta{font-size:10.5px;color:var(--muted);margin-top:1px;}
.plan-row.done{opacity:.5;}
.plan-row.done .pr-title{text-decoration:line-through;}
.plan-badge{font-size:10px;padding:1px 7px;border-radius:999px;white-space:nowrap;align-self:center;}
.plan-badge.over{background:rgba(232,146,124,.18);color:#E8927C;border:1px solid rgba(232,146,124,.5);}
.plan-badge.now{background:rgba(245,166,91,.2);color:#F5A65B;border:1px solid rgba(245,166,91,.55);}
.plan-badge.soon{background:rgba(239,207,135,.14);color:var(--gold);border:1px solid rgba(239,207,135,.4);}
.plan-badge.later{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line);}
/* ---------- 橘色小人塗鴉 ---------- */
.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;}
.swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0;}
.swatch.on{outline:2px solid var(--gold);outline-offset:2px;border-color:#fff;}
.todo-pill .del{margin-left:auto;color:var(--faint);padding:0 3px;}
.todo-pill .del:hover{color:var(--danger);}
#trackTabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px;}
.trk{padding:5px 12px;border-radius:999px;font-size:11.5px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.04);}
.trk .trk-n{opacity:.6;font-size:10px;}
.trk.on{color:var(--gold);border-color:var(--gold-dim);background:rgba(239,207,135,.12);}
.trk.br.on{color:#8AD5C6;border-color:rgba(138,213,198,.55);background:rgba(138,213,198,.12);}
.trk.merge{margin-left:auto;border-style:dashed;color:var(--gold-dim);}
.trk.merge:hover{color:var(--gold);border-color:var(--gold);}
.map-modal.full{width:100vw;height:100dvh;max-width:100vw;border-radius:0;}
.check-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;margin-bottom:7px;cursor:pointer;font-size:13px;transition:all .2s;
  border:1px solid rgba(245,166,91,.5);background:rgba(245,166,91,.09);color:#F5A65B;}
.check-item.done{border-color:rgba(155,229,100,.55);background:rgba(155,229,100,.10);color:#9BE564;}
.check-item .ck{width:17px;height:17px;border-radius:6px;border:2px solid currentColor;display:grid;place-items:center;font-size:11px;flex:none;font-weight:700;}
.check-item .lbl{flex:1;}
.check-item .del{color:var(--faint);padding:0 3px;font-size:13px;}
.check-item .del:hover{color:var(--danger);}
.add-line{width:100%;padding:7px;border:1px dashed var(--line);border-radius:10px;color:var(--faint);font-size:12px;transition:all .15s;}
.add-line:hover{color:var(--gold);border-color:var(--gold-dim);background:rgba(239,207,135,.05);}
.empty-note{padding:26px 10px;text-align:center;color:var(--faint);font-size:12px;}

/* ---------- modal ---------- */
.map-modal{width:min(1060px,96vw);height:min(86dvh,780px);display:flex;flex-direction:column;padding:16px;}
.map-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.map-head h3{margin:0;font-size:16px;}
.map-body{flex:1;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0d1730;min-height:0;}
#tripMapSvg{width:100%;height:100%;display:block;}
.map-tip{position:absolute;pointer-events:none;padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.5;transform:translate(-50%,-118%);opacity:0;transition:opacity .12s;max-width:250px;z-index:5;}
.map-tip b{color:var(--gold);}
.map-legend{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:8px;align-items:center;flex-wrap:wrap;}
.sc-mapbtn{width:100%;margin-top:9px;padding:7px;font-size:12px;border-radius:10px;border:1px solid rgba(239,207,135,.4);color:var(--gold);background:rgba(239,207,135,.08);}
.sc-mapbtn:hover{background:rgba(239,207,135,.16);}
.i-place{position:relative;margin-top:3px;display:flex;align-items:center;gap:4px;}
.i-place::before{content:"📍";font-size:11px;flex:none;}
.pl-in{border:none;background:transparent;padding:0;font-size:11px;color:var(--gold-dim);width:100%;border-radius:0;}
.pl-in::placeholder{color:var(--faint);}
.pl-in:focus{box-shadow:none;border-bottom:1px solid var(--gold-dim);}
.pl-drop{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:#141c33;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.55);}
.pl-drop button{display:block;width:100%;text-align:left;padding:7px 10px;font-size:12px;}
.pl-drop button:hover{background:var(--glass2);}
.qadd{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px;}
.qadd button{font-size:11px;padding:4px 10px;border-radius:999px;border:1px dashed var(--line);color:var(--muted);}
.qadd button:hover{color:var(--gold);border-color:var(--gold-dim);}
.tz-uni{display:block;width:52px;padding:4px 5px;font-size:12px;text-align:center;font-variant-numeric:tabular-nums;color:var(--gold);border:1px dashed rgba(239,207,135,.35);border-radius:8px;cursor:help;}
.tzmenu{position:fixed;z-index:150;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:230px;}
.tzmenu button{text-align:left;padding:8px 12px;border-radius:10px;font-size:12.5px;}
.tzmenu button:hover{background:var(--glass2);}
.t-btn{width:100%;padding:5px 4px;font-size:13px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--gold);background:rgba(239,207,135,.08);border:1px solid rgba(239,207,135,.35);border-radius:9px;transition:all .15s;}
.t-btn:hover{background:rgba(239,207,135,.16);box-shadow:0 0 8px rgba(239,207,135,.2);}
.timepop{position:fixed;z-index:160;width:236px;padding:12px;}
.tp-display{font-family:"Fraunces",serif;font-size:30px;text-align:center;color:var(--gold);letter-spacing:.06em;margin-bottom:9px;font-variant-numeric:tabular-nums;width:100%;border:none;background:transparent;border-bottom:1px dashed rgba(239,207,135,.35);border-radius:0;padding:2px 0 6px;}
.tp-display:focus{box-shadow:none;border-bottom-color:var(--gold);}
.d-menu{margin-left:6px;font-size:15px;line-height:1;}
.tp-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;margin-bottom:8px;}
.tp-row button,.tp-presets button{padding:6px 0;border:1px solid var(--line);border-radius:9px;font-size:12px;background:rgba(255,255,255,.05);}
.tp-row button:hover,.tp-presets button:hover{border-color:var(--gold-dim);color:var(--gold);}
.tp-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px;}
.tp-foot{display:flex;justify-content:space-between;}
.cal-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.cal-head b{flex:1;text-align:center;font-size:13px;}
#calGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
.cal-w{text-align:center;font-size:10px;color:var(--faint);padding:2px 0;}
.cal-d{position:relative;aspect-ratio:1;border-radius:9px;font-size:11.5px;color:var(--muted);display:grid;place-items:center;border:1px solid transparent;}
.cal-d.in{color:var(--ink);background:color-mix(in srgb, var(--cc) 20%, transparent);border-color:color-mix(in srgb, var(--cc) 45%, transparent);}
.cal-d.in::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--cc);}
.cal-d.dep::before{content:"✈";position:absolute;top:1px;right:3px;font-size:8px;}
.cal-d.ret::before{content:"🛬";position:absolute;top:1px;right:2px;font-size:8px;}
.cal-d.today{outline:1.5px solid var(--gold);outline-offset:1px;}
.cal-d:hover{border-color:var(--line2);}
#calLegend{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;}
.overlay{position:fixed;inset:0;z-index:80;background:rgba(6,9,18,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px;}
.overlay.show{display:flex;}
.modal{width:min(560px,100%);max-height:88dvh;overflow:auto;padding:22px;}
.modal h3{font-size:17px;font-weight:700;margin-bottom:4px;}
.modal .sub{font-size:12px;color:var(--muted);margin-bottom:16px;}
.frow{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.frow>label{flex:1;min-width:130px;font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:5px;}
.frow input,.frow select{width:100%;}
.mbtns{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap;}
.btn{padding:9px 18px;border-radius:12px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--glass2);}
.btn.primary{background:linear-gradient(135deg,var(--gold),#C99F5A);color:#231a06;border:none;}
.btn.ghost{background:transparent;color:var(--muted);}
.btn.danger{color:var(--danger);border-color:rgba(232,146,124,.4);}
.oauth{display:flex;flex-direction:column;gap:10px;margin:14px 0;}
.oauth button{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);font-size:14px;font-weight:600;transition:background .15s;}
.oauth button:hover{background:rgba(255,255,255,.12);}
.oauth .mark{width:22px;height:22px;display:grid;place-items:center;font-weight:800;border-radius:6px;font-size:13px;}
.city-list{max-height:250px;overflow:auto;display:flex;flex-direction:column;gap:4px;margin-top:8px;}
.city-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-align:left;font-size:13px;}
.city-opt:hover{background:var(--glass2);}
.city-opt .co-c{color:var(--faint);font-size:11px;margin-left:auto;}
pre.api{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:11.5px;line-height:1.6;overflow:auto;color:#BFE3C8;font-family:ui-monospace,Menlo,monospace;white-space:pre;}
.api-h{font-size:13px;font-weight:700;color:var(--gold);margin:14px 0 6px;}

/* ---------- AI drawer ---------- */
.drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);z-index:70;
  transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);
  display:flex;flex-direction:column;border-radius:0;border-right:none;border-top:none;border-bottom:none;
  border-left:1px solid rgba(239,207,135,.35);
  box-shadow:-8px 0 40px rgba(239,207,135,.10), -2px 0 14px rgba(0,0,0,.4);
}
.drawer.open{transform:none;}
.drawer .d-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(239,207,135,.25);}
.drawer .d-head b{font-size:15px;color:var(--gold);text-shadow:0 0 12px rgba(239,207,135,.5);}
.chat{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;}
.msg{max-width:88%;padding:10px 13px;border-radius:15px;font-size:13px;white-space:pre-wrap;word-break:break-word;}
.msg.user{align-self:flex-end;background:rgba(239,207,135,.14);border:1px solid rgba(239,207,135,.3);}
.msg.ai{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(239,207,135,.22);box-shadow:0 0 12px rgba(239,207,135,.07);}
.msg.sys{align-self:center;font-size:11px;color:var(--gold-dim);background:none;border:none;padding:2px;}
.chat-in{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(239,207,135,.25);align-items:flex-end;}
.chat-in textarea{flex:1;resize:none;height:64px;border-color:rgba(239,207,135,.3);box-shadow:0 0 10px rgba(239,207,135,.08);}
.thinking{display:inline-block;animation:pulse 1.2s infinite;}
@keyframes pulse{50%{opacity:.35;}}

.today-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);}
.today-item:last-child{border-bottom:none;}
.today-item .tt{width:54px;flex:none;font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold);font-family:"Fraunces",serif;font-size:15px;}
.today-item.past{opacity:.42;}
.today-item.now{background:rgba(239,207,135,.08);border-radius:10px;padding:11px 10px;margin:0 -10px;}
.now-tag{font-size:10px;color:var(--gold);border:1px solid rgba(239,207,135,.4);border-radius:999px;padding:1px 8px;margin-left:8px;}

#toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;}
.toast{padding:9px 18px;border-radius:999px;font-size:13px;animation:toastIn .25s;}
@keyframes toastIn{from{opacity:0;transform:translateY(8px);}}

.tabs{display:none;}
@media(max-width:1120px){
  .app{grid-template-columns:1fr; padding:12px;}
  .col{padding-bottom:74px;}
  .col{display:none;}
  .col.tab-show{display:flex;}
  .globe-wrap{min-height:62dvh;}
  .tabs{
    display:flex; position:fixed; bottom:12px; left:50%; transform:translateX(-50%);
    z-index:60; gap:4px; padding:5px; border-radius:999px;
  }
  .tabs button{padding:9px 18px;border-radius:999px;font-size:13px;color:var(--muted);}
  .tabs button.on{background:rgba(239,207,135,.16);color:var(--gold);font-weight:700;}
  .hud-title .serif{font-size:15px;}
  .drawer{width:100%;}
  header{flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
}


/* ---------- 地圖航段浮動對話框 ---------- */
.leg-pop{position:absolute; z-index:12; min-width:150px; max-width:220px; padding:9px 11px; border-radius:13px;
  background:rgba(14,20,38,.72); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
  border:1px solid rgba(255,255,255,.18); box-shadow:0 8px 26px rgba(0,0,0,.4); color:var(--ink); font-size:12px; cursor:pointer;}
.leg-pop .lp-h{display:flex; align-items:center; gap:6px; margin-bottom:5px;}
.leg-pop .lp-h b{font-size:12.5px; flex:1;}
.leg-pop .lp-x{cursor:pointer; color:var(--faint); font-size:12px; padding:0 3px; background:none; border:none;}
.leg-pop .lp-x:hover{color:var(--danger);}
.leg-pop .lp-row{margin:3px 0; color:var(--muted); line-height:1.4;}
.leg-pop .lp-hint{margin-top:6px; font-size:10px; color:var(--gold-dim); opacity:.85;}
.leg-pop .lp-in{width:100%; margin:4px 0 8px; font-size:12px;}
.leg-pop .lp-btns{display:flex; justify-content:flex-end;}
.leg-pop .lp-save{background:linear-gradient(135deg,var(--gold),#C99F5A); color:#231a06; border:none; border-radius:9px; padding:5px 14px; font-size:12px; font-weight:700; cursor:pointer;}

/* ---------- 巢狀規劃:國家分區 / 每日收合 ---------- */
.region{border:1px solid var(--line); border-radius:14px; margin-bottom:12px; overflow:hidden; background:rgba(255,255,255,.02);}
.region-h{display:flex; align-items:center; gap:8px; padding:10px 12px; cursor:pointer; border-left:4px solid var(--rc,var(--gold)); background:rgba(255,255,255,.03);}
.region-h:hover{background:var(--glass2);}
.rg-caret{transition:transform .15s; color:var(--muted); font-size:11px;}
.region.collapsed .rg-caret{transform:rotate(-90deg);}
.rg-flag{font-size:15px;}
.rg-name{font-weight:700; font-size:14px; color:var(--ink);}
.rg-days{font-size:11px; color:var(--rc,var(--gold)); font-weight:700; background:rgba(255,255,255,.05); border:1px solid var(--line); border-radius:999px; padding:1px 9px;}
.rg-range{margin-left:auto; font-size:11px; color:var(--faint);}
.region-body{padding:8px 10px 4px;}
.region.collapsed .region-body{display:none;}
.day .d-caret{color:var(--faint); font-size:10px; transition:transform .15s;}
.day.collapsed .d-caret{transform:rotate(-90deg);}
.day.collapsed .day-body{display:none;}
.region .day-h{cursor:pointer;}
.leg-change{display:flex; align-items:center; gap:8px; margin:0 4px 12px; padding:7px 12px; border-radius:11px; font-size:12px; border:1px dashed var(--line); color:var(--muted); background:rgba(255,255,255,.03);}
.leg-change .lc-ic{font-size:14px;}
.leg-change .lc-t{font-weight:700; color:var(--ink);}
.leg-change .lc-ok{margin-left:auto; font-size:11px; color:var(--gold-dim);}
.leg-change.warn{border-style:solid; border-color:rgba(245,166,91,.5); background:rgba(245,166,91,.07);}
.leg-change .lc-warn{margin-left:auto; color:#F5A65B; font-weight:700; font-size:11.5px;}
.leg-change .lc-add{border:1px solid rgba(245,166,91,.55); color:#F5A65B; background:rgba(245,166,91,.12); border-radius:8px; padding:3px 9px; font-size:11px; cursor:pointer; font-weight:700; margin-left:8px;}
.leg-change .lc-add:hover{background:rgba(245,166,91,.2);}
.dest.dim{opacity:.55;}
.dest .d-tagmini{font-size:9.5px; color:var(--faint); font-weight:400; border:1px solid var(--line); border-radius:6px; padding:0 5px; margin-left:4px;}
.dest-sub-h{font-size:10.5px; color:var(--faint); letter-spacing:.05em; margin:8px 2px 6px; padding-top:8px; border-top:1px dashed var(--line);}

/* ---------- 三層:城市子分組 ---------- */
.citygrp{margin:6px 0 4px; border-left:2px solid var(--cc,var(--line)); padding-left:8px;}
.city-h{display:flex; align-items:center; gap:7px; padding:6px 6px; cursor:pointer; border-radius:8px;}
.city-h:hover{background:var(--glass2);}
.cg-caret{color:var(--faint); font-size:10px; transition:transform .15s;}
.citygrp.collapsed .cg-caret{transform:rotate(-90deg);}
.citygrp.collapsed .city-body{display:none;}
.cg-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor;}
.cg-name{font-weight:600; font-size:13px; color:var(--ink);}
.cg-days{font-size:10px; color:var(--muted);}
.cg-range{margin-left:auto; font-size:10px; color:var(--faint);}
.d-cities{font-size:10.5px; color:var(--gold-dim); margin-left:6px;}

/* ---------- Agent 進度區塊 ---------- */
.agent-box{display:flex; flex-direction:column; gap:8px;}
.agent-box .ag-status{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--gold-dim);}
.agent-box .ag-spin{display:inline-block; animation:pulse 1.2s infinite;}
.agent-box .ag-blocks{display:flex; flex-direction:column; gap:5px;}
.agent-box .ag-block{font-size:12px; padding:5px 10px; border-radius:9px; background:rgba(239,207,135,.10); border:1px solid rgba(239,207,135,.3); color:var(--ink); animation:toastIn .2s;}
.agent-box .ag-block.fail{background:rgba(232,146,124,.12); border-color:rgba(232,146,124,.4); color:#E8927C;}
.agent-box .ag-reply{font-size:13px; white-space:pre-wrap; word-break:break-word;}
.agent-box .ag-reply:empty{display:none;}

/* ---------- Agent 對話分頁 ---------- */
.ai-tabs{display:flex; gap:5px; overflow-x:auto; padding:8px 10px; border-bottom:1px solid rgba(239,207,135,.2);}
.ai-tabs:empty{display:none;}
.ai-tab{flex:none; font-size:11.5px; padding:5px 11px; border-radius:999px; border:1px solid var(--line); color:var(--muted); background:rgba(255,255,255,.03); cursor:pointer; max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ai-tab.on{background:rgba(239,207,135,.16); color:var(--gold); border-color:rgba(239,207,135,.4); font-weight:700;}