@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zcool-kuaile-chinese-simplified-400-normal-BKaOBC6q.woff2) format("woff2"),url(/assets/zcool-kuaile-chinese-simplified-400-normal-DF5oRnqi.woff) format("woff")}:root{--bg: #ffe7c7;--sea: #b7e4f6;--land: #f6e2c4;--land-lit: #ffc7b3;--ink: #6b4a32;--mark: #ff8b6a;--mark-highlight: #ffe08a;--route: #ff6b8a;--paper: #fffdf6;--text: #4a3428;--shadow: 0 8px 0 rgba(107, 74, 50, .12);color:var(--text);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background-color:var(--bg);background-image:radial-gradient(rgba(255,139,106,.18) 1.2px,transparent 1.4px);background-size:14px 14px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,.marker-name,.btn,.empty-note p,.kind-card strong,.bubble,.well-label{font-family:ZCOOL KuaiLe,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}.app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;overflow:hidden;background:transparent}.topbar,.journal-foot{display:flex;gap:12px;align-items:center;min-height:78px;padding:8px 16px;color:var(--ink);background:var(--paper);border-bottom:3px solid var(--ink)}.journal-foot{justify-content:center;min-height:64px;border-bottom:0;border-top:3px solid var(--ink)}.journal-foot .sticker{width:72px;height:44px}.mascot{display:flex;gap:8px;align-items:center}.traveler{width:68px;height:74px}.bubble{margin:0;padding:8px 14px;color:var(--ink);white-space:nowrap;background:#fff6e8;border:2px solid var(--ink);border-radius:18px 18px 18px 6px;box-shadow:var(--shadow)}.brand h1{margin:0;color:var(--ink);font-size:34px;line-height:1.1}.stats{margin:4px 0 0;font-size:14px}.topbar .clouds{width:120px;height:48px;margin-left:auto}.top-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.face{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 168px;gap:12px;min-height:0;padding:12px}.face.no-rail{grid-template-columns:250px minmax(0,1fr)}.face.no-list:not(.no-rail){grid-template-columns:minmax(0,1fr) 168px}.face.no-list.no-rail{grid-template-columns:minmax(0,1fr)}.travel-list{grid-column:1;grid-row:1}.map-well{grid-column:2;grid-row:1}.rail{grid-column:3;grid-row:1}.face.no-list .map-well{grid-column:1}.face.no-list .rail,.face.no-rail .map-well{grid-column:2}.face.no-list.no-rail .map-well{grid-column:1}.map-well{position:relative;min-width:0;min-height:0;padding:8px;background:var(--paper);border:3px solid var(--ink);border-radius:28px;box-shadow:var(--shadow)}.map-frame{position:absolute;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden;background:var(--sea);border-radius:20px}.map-frame.picking{cursor:crosshair}.map-svg{display:block}.well-label{position:absolute;top:16px;left:22px;z-index:2;margin:0;padding:2px 12px;color:var(--ink);background:var(--mark-highlight);border:2px solid var(--ink);border-radius:999px}.province{fill:var(--land);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.province.lit{fill:var(--land-lit)}.city{fill:transparent;stroke:var(--ink);stroke-width:1.1}.city.active{fill:var(--mark);fill-opacity:.72;stroke:var(--ink);stroke-width:2}.route-edge{fill:none;stroke:var(--ink);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.route-dash{fill:none;stroke:var(--route);stroke-width:4;stroke-linecap:round;stroke-dasharray:6 4;animation:flow 8s linear infinite}.route-dot{fill:var(--paper);stroke:var(--ink);stroke-width:2}@keyframes flow{to{stroke-dashoffset:-100}}.marker-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.marker{position:absolute;min-width:32px;min-height:32px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto}.marker.preview{opacity:.55;pointer-events:none}.stamp{position:relative;display:grid;width:48px;height:48px;place-items:center;background:radial-gradient(circle at 35% 30%,var(--mark-highlight),var(--mark) 72%);border:3px solid var(--ink);border-radius:50%;box-shadow:0 5px #6b4a3229}.stamp svg{width:34px;height:34px}.marker.has-bgm .stamp:after{position:absolute;top:-8px;right:-2px;color:var(--ink);font-size:16px;content:"♪"}.marker-name{position:absolute;top:calc(100% + 2px);left:50%;max-width:8em;padding:1px 8px;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:var(--paper);border:2px solid var(--ink);border-radius:999px;transform:translate(-50%);font-size:15px}.marker:hover{z-index:2;transform:translate(-50%,calc(-50% - 6px))}.marker.selected .stamp{box-shadow:0 0 0 6px #ff8b6a73,0 5px #6b4a3229}.marker.just-saved{animation:pop .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.4)}60%{transform:translate(-50%,-50%) scale(1.16)}to{transform:translate(-50%,-50%) scale(1)}}.btn{min-height:44px;padding:8px 16px;color:var(--ink);font-size:18px;background:var(--mark-highlight);border:2px solid var(--ink);border-radius:22px;box-shadow:0 4px #6b4a3226}.btn.ghost{background:var(--paper)}.btn.tiny{padding:6px 12px;font-size:16px}.btn:disabled{cursor:not-allowed;opacity:.55}.file-btn{position:relative;display:inline-flex;align-items:center}.file-btn input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.travel-list,.rail,.drawer,.confirm-card{background:var(--paper);border:2px solid var(--ink);border-radius:28px;box-shadow:var(--shadow)}.travel-list{min-height:0;padding:12px;overflow:auto}.rail{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:space-evenly;min-height:0;padding:14px 8px;overflow:auto;background:radial-gradient(circle at 20% 12%,#ffe08a 0 18px,transparent 19px),radial-gradient(circle at 80% 88%,#ffc7b3 0 16px,transparent 17px),var(--paper)}.sticker{width:92%;height:auto}.rail .sun{width:72px}.rail .hint{color:var(--ink);text-align:center}.list-head,.drawer-head,.drawer-actions,.lightbox-actions,.confirm-actions{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.list-head h2,.drawer h2{margin:0;color:var(--ink);font-size:26px}.clear-examples{margin-top:8px}.list-body{display:flex;flex-direction:column;gap:8px;padding:0;margin:8px 0 0;list-style:none}.place-chip{display:flex;gap:8px;align-items:center;width:100%;min-height:44px;padding:6px 10px;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:18px}.place-chip.selected,li.over .place-chip{background:var(--land-lit)}.chip-name{flex:1}.badge{padding:0 6px;font-size:12px;background:var(--mark-highlight);border:2px solid var(--ink);border-radius:999px}.eyebrow,.date-line,.hint{margin:0 0 8px}.eyebrow{color:var(--ink)}.drawer{position:absolute;top:12px;right:12px;bottom:12px;z-index:4;grid-column:2;grid-row:1;width:min(380px,calc(100% - 24px));padding:16px;overflow:auto}.drawer-actions{flex-wrap:wrap;margin-top:16px}.photo-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.polaroid{width:140px;padding:8px 8px 24px;background:#fff;border:0;border-radius:4px;box-shadow:var(--shadow)}.polaroid img{display:block;width:100%;height:100px;object-fit:cover;background:var(--land)}.polaroid span{display:block;min-height:1.2em;margin-top:6px;font-size:13px}.tilt-left{transform:rotate(-2deg)}.tilt-right{transform:rotate(2deg)}.feeling{min-height:96px;padding:4px 12px 8px;line-height:32px;white-space:pre-wrap;background-color:#fff6e8;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(107,74,50,.2) 32px);border:2px solid var(--ink);border-radius:18px}.bgm-bar,.bgm-fields{display:flex;gap:10px;align-items:center;margin:12px 0;padding:10px;background:#fff1d6;border:2px solid var(--ink);border-radius:18px}.bgm-fields{display:block}.bgm-title{margin:0}.bgm-fields audio{display:block;width:100%;margin-top:8px}.eq{display:inline-flex;gap:3px;align-items:flex-end;height:14px}.eq i{display:block;width:3px;height:4px;background:var(--ink)}.eq.on i{background:var(--mark);animation:bounce .55s ease-in-out infinite alternate}.eq.on i:nth-child(2){animation-delay:.12s}.eq.on i:nth-child(3){animation-delay:.22s}.eq.on i:nth-child(4){animation-delay:.05s}@keyframes bounce{to{height:14px}}.empty-note{position:absolute;top:46%;left:50%;z-index:3;width:min(280px,calc(100% - 32px));padding:28px 20px 22px;pointer-events:none;background:var(--paper);border:2px solid var(--ink);border-radius:8px 26px 26px;box-shadow:var(--shadow);transform:translate(-50%,-50%) rotate(-2deg)}.empty-note p{margin:0;font-size:22px;line-height:1.45}.empty-note:before{position:absolute;top:0;right:0;width:22px;height:22px;content:"";background:linear-gradient(225deg,var(--sea) 50%,var(--land) 50%);border-bottom:2px solid var(--ink);border-left:2px solid var(--ink);border-radius:0 0 0 6px}.kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kind-card{min-height:110px;padding:14px;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:24px}.kind-card strong{display:block;margin-bottom:6px;font-size:26px}.city-search ul{max-height:240px;padding:0;margin:8px 0 0;overflow:auto;list-style:none}.search-empty{padding:8px 2px}label{display:block;margin:12px 0}input[type=text],input[type=search],input[type=date],textarea{width:100%;min-height:44px;padding:10px 12px;margin-top:6px;background:#fff;border:2px solid var(--ink);border-radius:18px}textarea{min-height:120px;resize:vertical}.error{padding:8px 12px;color:#9d2c3a;background:#ffe1df;border:2px solid #9d2c3a;border-radius:18px}.draft-photo{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:center;margin-top:10px}.draft-photo img{width:72px;height:72px;object-fit:cover;border:2px solid var(--ink);border-radius:12px}.draft-photo label{margin:0}.lightbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#4a342873;border:0}.lightbox-frame{position:relative;z-index:1;width:min(720px,calc(100vw - 32px));padding:12px 12px 16px;background:#fff;border-radius:8px}.lightbox-frame img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}.lightbox-frame figcaption{margin-top:8px}.lightbox-actions{justify-content:center;margin-top:10px}.notice{position:absolute;top:92px;left:50%;z-index:5;padding:8px 14px;background:#fff;border:2px solid var(--ink);border-radius:18px;transform:translate(-50%)}.confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;background:#4a342847}.confirm-card{width:min(380px,calc(100vw - 32px));padding:18px}.confirm-card p{margin-top:0;font-size:18px}.confirm-actions{justify-content:flex-end}:focus-visible{outline:3px solid var(--route);outline-offset:2px}@media(max-width:799px){.topbar{flex-wrap:wrap;min-height:0}.brand h1{font-size:26px}.bubble{white-space:normal}.topbar .clouds,.traveler{width:56px}.face.narrow{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) auto}.face.narrow .map-well,.face.narrow .travel-list{grid-column:1}.face.narrow .map-well{grid-row:1;min-height:220px}.face.narrow .travel-list{grid-row:2;max-height:32vh}.travel-list.narrow .list-body.chips{flex-direction:row;overflow-x:auto}.travel-list.narrow .list-body.chips li{flex:0 0 168px}.drawer.narrow{top:auto;right:12px;bottom:12px;left:12px;grid-column:1;width:auto;max-height:54vh}.kind-grid{grid-template-columns:1fr}.draft-photo{grid-template-columns:72px 1fr}.journal-foot span{font-size:13px}}@media(prefers-reduced-motion:reduce){.marker.just-saved,.eq.on i,.route-dash{animation:none}.marker:hover{transform:translate(-50%,-50%)}}