:root{--cream:#fbf8ef;--paper:#fffdf8;--ink:#30433f;--muted:#819089;--blue:#cfe6ee;--green:#dcebd5;--yellow:#f7e7a9;--pink:#f4d9d5;--deep:#7d9e8e;--line:rgba(73,99,91,.13);--shadow:0 18px 50px rgba(68,88,79,.14);font-family:"Avenir Next","PingFang SC",sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:360px 1fr;width:100%;height:100%;background:var(--cream)}.sidebar{z-index:700;display:flex;flex-direction:column;min-width:0;padding:28px 22px 18px;background:rgba(255,253,248,.97);border-right:1px solid var(--line);box-shadow:12px 0 40px rgba(54,76,68,.06)}.brand{display:flex;align-items:center;gap:12px;padding:0 4px 23px}.brand>i{display:grid;place-items:center;width:45px;height:45px;color:white;font-style:normal;background:var(--deep);border-radius:15px 15px 15px 5px}.brand small,.list-title small,.modal>small{color:#90a49c;font-size:10px;font-weight:800;letter-spacing:.18em}.brand h1,.list-title h2,.modal h2{margin:2px 0 0;font-family:Georgia,"Songti SC",serif}.brand h1{font-size:25px}.brand>button{display:none;margin-left:auto;background:none;border:0;font-size:24px}.summary{position:relative;overflow:hidden;padding:22px;background:linear-gradient(135deg,#dbece7,#eaf1cf);border-radius:24px 24px 24px 8px}.summary:after{content:"";position:absolute;right:-28px;bottom:-42px;width:120px;height:120px;background:#ffffff55;border-radius:50%}.summary em{display:inline-block;padding:5px 9px;color:#6f8c73;font-size:11px;font-style:normal;font-weight:700;background:#ffffff99;border-radius:99px}.summary strong{display:block;margin-top:13px;font-family:Georgia,"Songti SC",serif;font-size:25px}.summary p{margin:8px 0 18px;color:#688078;font-size:12px;line-height:1.7}.summary div{display:flex;gap:24px;color:#71847d;font-size:11px}.summary div b{color:var(--ink);font-size:16px}.list-title{display:flex;align-items:end;justify-content:space-between;padding:28px 4px 14px}.list-title h2{font-size:21px}.list-title select{padding:7px 9px;color:#71847d;background:#f4f3e9;border:0;border-radius:10px}.spots{flex:1;min-height:0;overflow-y:auto;padding:2px 3px 20px}.spot{display:grid;grid-template-columns:66px 1fr;gap:13px;width:100%;margin-bottom:10px;padding:10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:17px;transition:.2s}.spot:hover,.spot.active{background:#fff;border-color:var(--line);box-shadow:0 8px 24px #41585014;transform:translateY(-1px)}.thumb{display:grid;place-items:center;width:66px;height:66px;overflow:hidden;color:#789386;font-size:22px;background:var(--green);border-radius:15px 15px 15px 5px}.spot:nth-child(4n+2) .thumb{background:var(--blue)}.spot:nth-child(4n+3) .thumb{background:var(--yellow)}.spot:nth-child(4n+4) .thumb{background:var(--pink)}.thumb img{width:100%;height:100%;object-fit:cover}.meta{min-width:0;padding-top:3px}.meta strong,.meta span,.meta time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta strong{margin-bottom:5px;font-size:14px}.meta span{color:var(--muted);font-size:11px}.meta time{margin-top:8px;color:#a0aaa6;font-size:10px}.empty{padding:42px 18px;color:#899792;text-align:center;font-size:13px;line-height:1.8}.empty b{display:block;color:var(--ink);font:18px Georgia,serif}main{position:relative;min-width:0}#map{position:absolute;inset:0;z-index:1;background:#e8eee7}.topbar{position:absolute;top:24px;right:28px;left:28px;z-index:600;display:flex;gap:12px;pointer-events:none}.topbar>*{pointer-events:auto}.topbar form{position:relative;display:flex;align-items:center;width:min(630px,calc(100% - 150px));margin-right:auto;padding:6px 7px 6px 17px;background:#fffdf8f5;border-radius:19px;box-shadow:var(--shadow)}.topbar form>span{font-size:22px}.topbar input{flex:1;min-width:0;padding:11px 12px;background:transparent;border:0;outline:0}.mic{width:34px;height:34px;color:#e4a8a5;background:#fae9e6;border:0;border-radius:50%}.go{padding:10px 16px;color:#fff;font-weight:700;background:#84a596;border:0;border-radius:13px}.results{position:absolute;top:calc(100% + 9px);right:0;left:0;display:none;padding:7px;background:var(--paper);border-radius:16px;box-shadow:var(--shadow)}.results.open{display:block}.result{display:block;width:100%;padding:10px 12px;text-align:left;background:transparent;border:0;border-radius:10px}.result:hover{background:#edf3e9}.result span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.share{display:flex;align-items:center;padding:7px 12px 7px 7px;background:#fffdf8f5;border:0;border-radius:99px;box-shadow:var(--shadow)}.share i{display:grid;place-items:center;width:30px;height:30px;color:#648174;font-size:10px;font-style:normal;font-weight:800;background:var(--green);border:2px solid #fff;border-radius:50%}.share i+i{margin-left:-8px;background:var(--pink)}.share b{margin-left:7px;font-size:11px}.menu{display:none;width:42px;height:42px;background:var(--paper);border:0;border-radius:13px;box-shadow:var(--shadow)}.hint{position:absolute;bottom:25px;left:50%;z-index:500;padding:10px 15px;color:#60736c;font-size:11px;background:#fffdf8eb;border-radius:99px;box-shadow:var(--shadow);transform:translateX(-50%)}.locate{position:absolute;right:28px;bottom:26px;z-index:500;width:46px;height:46px;color:#6e9184;font-size:22px;background:var(--paper);border:0;border-radius:15px;box-shadow:var(--shadow)}.love-pin{background:transparent;border:0}.love-pin span{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:#e4a8a5;border:3px solid #ffffffe6;border-radius:50% 50% 50% 12px;box-shadow:0 5px 15px #485b5347;transform:rotate(-45deg)}.love-pin b{transform:rotate(45deg)}.leaflet-popup-content-wrapper{overflow:hidden;padding:0;background:var(--paper);border-radius:20px;box-shadow:var(--shadow)}.leaflet-popup-content{margin:0}.popup{width:235px}.popup img{width:100%;height:120px;object-fit:cover}.popup div{padding:16px}.popup small{color:#90a19a}.popup h3{margin:5px 0;font-family:Georgia,serif}.popup p{color:#65766f;font-size:12px;line-height:1.6}.popup button{padding:0;color:#b58b89;font-size:11px;background:none;border:0}.overlay{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:20px;background:#30433f47;backdrop-filter:blur(8px)}.overlay.open{display:grid}.modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:31px;background:var(--paper);border-radius:28px 28px 28px 10px;box-shadow:0 30px 80px #2c3e393d}.modal h2{margin-bottom:20px;font-size:26px}.close{position:absolute;top:17px;right:17px;width:32px;height:32px;color:#83938d;font-size:21px;background:#f1f2e9;border:0;border-radius:50%}.place{margin-bottom:18px;padding:12px 14px;color:#658177;font-size:12px;background:#e9f2e7;border-radius:12px}.modal label{display:block;margin-bottom:14px;color:#6f7f79;font-size:11px;font-weight:700}.modal input,.modal textarea,.modal select{width:100%;margin-top:7px;padding:12px 13px;background:#f8f7f1;border:1px solid var(--line);border-radius:12px;outline:none}.modal textarea{min-height:82px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{padding:13px;text-align:center;background:#f7f3df;border:1px dashed #d7c998;border-radius:12px}.upload input{display:none}.primary,.secondary{width:100%;padding:13px;font-weight:800;border:0;border-radius:14px}.primary{color:#fff;background:#82a392}.secondary{margin-top:9px;color:#6e877c;background:#e8f0e6}.voice{text-align:center}.voice>p{color:var(--muted);font-size:12px;line-height:1.7}.voice textarea{text-align:left}.orb,.heart{display:flex;align-items:center;justify-content:center;gap:4px;width:75px;height:75px;margin:0 auto 17px;background:linear-gradient(145deg,var(--pink),var(--yellow));border-radius:50% 50% 50% 22px}.orb i{width:4px;height:14px;background:white;border-radius:9px}.orb.on i{animation:sound .65s infinite alternate}.orb.on i:nth-child(2){animation-delay:.2s}.orb.on i:nth-child(3){animation-delay:.4s}@keyframes sound{to{height:31px}}.heart{color:#fff;font-size:31px;background:linear-gradient(145deg,#b8d5cd,#ecccca)}.toast{position:fixed;right:24px;bottom:24px;z-index:3000;padding:12px 17px;color:#fff;font-size:12px;background:#536b62;border-radius:12px;opacity:0;transform:translateY(12px);transition:.25s}.toast.show{opacity:1;transform:none}@media(max-width:820px){.app{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(360px,92vw);transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.brand>button,.menu{display:block}.topbar{top:14px;right:14px;left:14px;gap:8px}.topbar form{width:auto;flex:1;padding-left:11px}.go{display:none}.share{padding-right:7px}.share b{display:none}.locate{right:15px;bottom:17px}}@media(max-width:520px){.share{display:none}.row{grid-template-columns:1fr;gap:0}.modal{padding:26px 20px}}