:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#34433c;background:#f7f4ec;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #d8a557;outline-offset:3px}button{min-height:44px}a{color:inherit;text-decoration:none}header{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e4d9;padding:0 4.3%}.brand{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:700;letter-spacing:3px}.brand-icon{background:#486c58;border-radius:50% 50% 8px;color:#f8f0da;font-size:28px;width:43px;height:43px;display:grid;place-items:center}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:#8a9384}.header-right{display:flex;gap:24px;align-items:center}.edition{font-size:10px;letter-spacing:2px;color:#7c8579}.preview-badge{font-size:11px;padding:6px 12px;border:1px solid #d9d9c8;border-radius:20px;color:#7a876b}main{max-width:1680px;margin:auto;padding:0 4.3%}.intro{display:flex;justify-content:space-between;align-items:center;padding:33px 0 29px}.eyebrow{font-size:10px;color:#869177;letter-spacing:3px;display:flex;align-items:center;gap:7px}.eyebrow span{width:17px;height:1px;background:#9eac8d}h1{font-family:Songti SC,SimSun,serif;font-weight:600;font-size:40px;letter-spacing:2px;margin:13px 0}h1 em{font-style:normal;color:#567e64}.intro p{font-size:12px;color:#8c9487;letter-spacing:1px;margin-bottom:0}.trip-stats{display:flex;align-items:center;gap:27px;text-align:center;padding-right:9px}.trip-stats b{font:30px Georgia,serif;display:block}.trip-stats span{font-size:10px;color:#909889;display:block;margin-top:8px}.trip-stats i{height:29px;width:1px;background:#dedfd3}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:22px}.map-card{position:relative;min-width:0;border:1px solid #dce1cf;border-radius:15px;overflow:hidden;background:#eaf0e7}.map-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.map-tabs{display:flex;gap:3px;padding:4px;background:#f9f8efeb;border:1px solid #dce2d3;border-radius:9px;pointer-events:auto}.map-tabs button{padding:0 12px;font-size:11px;min-height:34px;border-radius:6px}.map-tabs .active{background:#4d725d;color:#fff}.map-caption{font-size:10px;color:#84917d;letter-spacing:1px}.map-svg{width:100%;height:100%;min-height:510px;display:block;touch-action:none}.map-label{paint-order:stroke;stroke:#f1f0dc;stroke-width:3px;stroke-linejoin:round}.stop,.road-hit{cursor:pointer}.stop:hover>circle:nth-child(2){fill:#ead6a6}.car{pointer-events:none}.map-zoom{position:absolute;right:20px;bottom:86px;display:flex;flex-direction:column;background:#faf8ed;box-shadow:0 3px 15px #35452d10;border:1px solid #d5dec9;border-radius:9px}.map-zoom button{width:37px;min-height:36px;font-size:20px}.map-zoom button+button{border-top:1px solid #e4e6d7}.map-bottom{position:absolute;bottom:34px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;align-items:center}.map-bottom>span,.map-source{font-size:9px;color:#929c88}.legend{display:flex;background:#faf8eddf;border-radius:8px;padding:0 8px;gap:6px}.legend button{display:flex;align-items:center;gap:7px;font-size:10px;min-height:34px}.legend i{width:15px;height:3px;border-radius:5px}.legend .muted{opacity:.35}.map-source{position:absolute;bottom:12px;left:24px;font-size:8px}.journal{background:#fcfaf3;border:1px solid #e5e5d8;border-radius:15px;padding:24px 22px;position:relative;max-height:610px;overflow:auto}.section-label{font-size:9px;letter-spacing:2px;color:#909b83;display:flex;justify-content:space-between}.section-label span{letter-spacing:1px;font-size:8px}h2{font-family:Songti SC,SimSun,serif;font-size:23px;font-weight:600;margin:15px 0 8px}h2>span{float:right;color:#b5a26c}.journal-sub{font-size:11px;color:#909785;margin:0 0 21px}.highlight-card{border-radius:10px;overflow:hidden;position:relative;height:174px;cursor:pointer;color:#fff;background:#6f947f}.highlight-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.77)}.highlight-card>div{position:absolute;bottom:17px;left:16px;right:16px}.highlight-card small{display:block;font-size:9px;letter-spacing:1px;color:#e3ead7}.highlight-card b{display:block;font-family:SimSun,serif;font-size:24px;margin:8px 0}.highlight-card b span{float:right;font-size:23px}.highlight-card div>span{font-size:9px;color:#dce6d5}.highlight-card label{position:absolute;right:10px;top:10px;font-size:8px;color:#eeeada;background:#486958a0;padding:3px 7px;border-radius:6px}.road-heading{display:flex;align-items:center;justify-content:space-between;margin-top:16px}h3{font-size:12px;font-weight:600}.road-heading input{accent-color:#57785d}.road-row{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border-bottom:1px solid #e9e8dc;padding:11px 0;min-height:64px}.road-number{font:13px Georgia;color:#a8ad96;width:20px}.road-row b{font-size:12px;font-weight:500}.road-row small{display:block;font-size:9px;color:#9b9e8e;margin-top:6px}.arrow{margin-left:auto;color:#8c9b7f}.journal-note{color:#89947d;font-size:10px;padding-top:20px}.journal-note small{display:block;font-size:8px;color:#a3a895;margin-top:10px}.playback{border:1px solid #e1e3d5;border-radius:13px;margin-top:20px;background:#fcfaf3;padding:19px 23px 17px}.play-row{display:flex;align-items:center;gap:15px}.play-button{height:41px;width:41px;background:#4d725d;border-radius:50%;color:#fff;font-size:15px;flex-shrink:0}.replay{font-size:23px;color:#8b947f;padding:0}.playing-title{min-width:125px}.playing-title b{display:block;font-size:12px;font-weight:500}.playing-title small{display:block;color:#a0a594;font-size:9px;margin-top:5px}.progress-wrap{flex:1;display:flex;gap:16px;align-items:center}.progress-wrap input{width:100%;accent-color:#658066;height:4px;cursor:pointer;min-width:40px}.progress-wrap>span{font-size:10px;color:#687b63;white-space:nowrap}.progress-wrap i{font-style:normal;font-size:9px;color:#a3a795}.play-row select{background:#f0f1e6;border:0;border-radius:5px;padding:7px;font-size:11px;color:#728064}.auto-camera{font-size:10px;color:#7d8a71;white-space:nowrap;display:flex;align-items:center;gap:7px}.auto-camera input{accent-color:#5f805d}.timeline{display:flex;overflow:auto;margin-top:20px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#ced5bd transparent}.timeline button{min-width:99px;text-align:center;display:flex;align-items:center;flex-direction:column;position:relative;font-size:10px;padding:2px 9px 6px}.timeline small{color:#a4ab98;font:9px Georgia}.timeline i{width:9px;height:9px;border:2px solid;border-radius:50%;margin:9px 0;background:#fcfaf3;z-index:1}.timeline button:after{content:"";height:1px;background:#dedfce;position:absolute;width:100%;top:24px;left:50%}.timeline button:last-child:after{display:none}.timeline span{white-space:nowrap;color:#7d8972}.timeline .chosen span{color:#456e53;font-weight:700}.timeline .chosen i{box-shadow:0 0 0 4px #dbe3ce}footer{display:flex;justify-content:space-between;font-size:9px;color:#a4aa98;letter-spacing:1px;padding:20px 0}.tiny-heart{color:#b38f79;font-size:15px;margin-left:9px}.detail{outline:0}.close{position:absolute;right:12px;top:8px;font-size:25px;color:#8f9985;width:40px}.detail .section-label{margin-top:8px;font-size:8px}.detail h2{font-size:26px;margin-top:24px}.record-tag{color:#9c9e88;font-size:10px}.detail-description{font-size:12px;line-height:1.9;color:#85917e;margin:19px 0}.visit-tabs{display:flex;gap:6px;margin-top:15px}.visit-tabs button{border-radius:5px;padding:5px;font-size:9px;background:#efefe3;min-height:31px}.visit-tabs .active{background:#dbe4cd}.detail h3{margin-top:22px}.detail h3 small{font-size:9px;color:#a3a792;float:right;font-weight:400}.road-actions{display:flex;gap:8px}.road-actions button{background:#edf0e3;border:1px solid #dde3cf;border-radius:6px;flex:1;font-size:11px;min-height:35px}.media-tile{display:block;width:100%;padding:0;border-radius:8px;overflow:hidden;margin-top:12px;background:#e2e6d5;position:relative}.media-tile img{display:block;width:100%;height:125px;object-fit:cover}.media-caption{display:block;background:#f0f1e7;padding:10px;text-align:left;font-size:9px;color:#78876d}.media-caption>span{float:right}.video-play{position:absolute;left:43%;top:37%;color:#fff;background:#3a594aa0;border-radius:30px;padding:7px 12px;font-size:18px}.video-play small{font-size:9px}.viewer-backdrop{position:fixed;inset:0;background:#1e2a23ef;z-index:30;display:grid;place-items:center;padding:45px 60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer{width:min(100%,1000px);outline:0;position:relative}.viewer>img,.viewer>video{display:block;max-width:100%;max-height:74dvh;margin:auto;border-radius:8px}.viewer-close{position:fixed;right:25px;top:15px;color:#fff;font-size:36px;width:44px}.viewer-nav{display:flex;align-items:center;justify-content:space-between;color:#e9ebdc;margin-top:12px}.viewer-nav button{font-size:24px;padding:0 20px}.viewer-nav p{text-align:center;font-size:12px}.viewer-nav small{display:block;font-size:10px;color:#98ab98;margin-top:8px}.failed,.loading{text-align:center;padding:100px 20px}.failed{color:#fff}.failed button,.loading button{display:block;margin:20px auto;background:#4d725d;color:#fff;border-radius:8px;padding:0 20px}.loading p{color:#869177}input[type=range]{min-height:25px}@media(min-width:1500px){.map-svg{min-height:590px}.journal{max-height:660px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.highlight-card{height:205px}}@media(max-width:1100px){.map-caption{display:none}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.journal{padding:20px 17px}.map-svg{min-height:500px}.trip-stats{gap:20px}.auto-camera{font-size:9px}.progress-wrap i{display:none}}@media(max-width:800px){header{height:76px}.edition{display:none}main{padding:0 5%}.intro{padding:27px 0 24px}.intro h1{font-size:30px}.intro p{font-size:10px;line-height:1.8;max-width:280px}.trip-stats{gap:13px}.trip-stats b{font-size:23px}.trip-stats span{font-size:8px}.trip-stats i{display:none}.workspace{display:block}.map-svg{min-height:420px;height:420px}.journal:not(.detail){margin-top:16px;max-height:none;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.journal:not(.detail)>.section-label,.journal:not(.detail)>h2,.journal:not(.detail)>.journal-sub{grid-column:1/-1}.highlight-card{grid-row:4/8;height:230px}.road-heading{margin-top:0}.journal-note{grid-column:1/-1}.detail{position:fixed;bottom:0;left:0;right:0;z-index:10;border-radius:20px 20px 0 0;max-height:55dvh;padding:24px max(24px,env(safe-area-inset-left));box-shadow:0 -15px 60px #34433c22;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.detail .media-tile{display:inline-block;width:47%;margin-right:3%;vertical-align:top}.playback{padding:15px}.play-row{gap:10px;flex-wrap:wrap}.playing-title{min-width:100px;flex:1}.progress-wrap{order:5;flex-basis:100%}.auto-camera{font-size:10px}.play-row select{margin-left:auto}.timeline{margin-top:9px}footer{font-size:8px;gap:20px;line-height:1.8}.map-top{left:13px;right:13px;top:13px}.map-tabs button{padding:0 10px;font-size:10px}.map-bottom{left:13px;right:13px;bottom:32px}.map-bottom>span{font-size:7px}.map-source{left:18px}.viewer-backdrop{padding:35px 12px}.viewer-nav p{font-size:10px}}@media(max-width:480px){.intro{display:block}.trip-stats{margin-top:22px;justify-content:flex-start;gap:32px;text-align:left}.trip-stats b{font-size:25px}.trip-stats span{display:inline;margin-left:8px;font-size:9px}.trip-stats>div{display:flex;align-items:baseline}.trip-stats>div:last-child{display:none}.map-svg{height:360px;min-height:360px}.map-tabs button{min-height:36px;padding:0 8px}.journal:not(.detail){display:block}.highlight-card{height:190px}.road-heading{margin-top:18px}.map-bottom{display:block}.map-bottom>span{display:none}.legend{width:fit-content}.auto-camera{font-size:9px}.play-button{width:38px;height:38px}.timeline button{min-width:90px}footer{display:block}footer>span{display:block;margin-bottom:5px}.intro h1{font-size:29px}.eyebrow{font-size:9px}.brand{font-size:17px}.brand-icon{width:36px;height:36px}.detail h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{font-family:Microsoft YaHei UI,PingFang SC,sans-serif;background:#fff8ed;color:#655f54}body{background:radial-gradient(ellipse at 6% 6%,#ffebd5 0,transparent 32%),radial-gradient(ellipse at 95% 22%,#e6efdf 0,transparent 36%),#fff8ed}header{border-bottom:0;height:85px}.brand{color:#759681;letter-spacing:2px}.brand-icon{background:#f4cca6;border:3px solid #fffdf4;box-shadow:0 3px #e6b990;border-radius:17px;transform:rotate(-9deg);color:#fff;font-size:25px}.brand small{color:#b2a58e;letter-spacing:1px}.edition{letter-spacing:1px;color:#a89e8a}.preview-badge{background:#fff3d4;color:#a48d63;border:2px solid #eedebd;transform:rotate(4deg)}.intro{padding:24px 0 30px}.eyebrow{letter-spacing:1px;font-size:11px;color:#ad9b81}.eyebrow span{background:#e9bca2;width:23px;height:5px;border-radius:10px}h1{font-family:Microsoft YaHei UI,PingFang SC,sans-serif;font-weight:900;font-size:41px;letter-spacing:1px;color:#706c5e;text-shadow:2px 3px 0 #fffdf5}h1 em{color:#84a58d;position:relative}h1 em:after{content:"";position:absolute;height:10px;background:#f4d3a1;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;transform:rotate(-2deg)}.intro p{color:#a49a86;font-size:12px}.trip-stats{gap:14px}.trip-stats>div{background:#fffdf6;border:2px solid #eee4cc;padding:13px 18px;border-radius:23px;box-shadow:0 5px #e9e4cf88;transform:rotate(3deg)}.trip-stats>div:nth-of-type(2){transform:rotate(-4deg);background:#edf3e8}.trip-stats>div:nth-of-type(3){background:#fff0e9;transform:rotate(5deg)}.trip-stats b{font:800 26px Microsoft YaHei UI,sans-serif;color:#90a184}.trip-stats i{display:none}.trip-stats span{color:#a19780}.workspace{gap:26px;align-items:stretch}.map-card{border:6px solid #fffdf6;border-radius:35px 42px 34px 45px;box-shadow:0 9px #dddcc27a,0 14px 35px #aca58a12;background:#e8f2e9}.map-svg{min-height:560px}.map-top{top:18px;left:19px;right:22px}.map-tabs{padding:5px;gap:5px;border-radius:20px;background:#fffdf6ed;border:2px solid #eee3c9;box-shadow:0 4px #d3ddc588;transform:rotate(-1deg)}.map-tabs button{border-radius:15px;font-size:11px;color:#968f78;padding:0 12px;min-height:37px;transition:background .2s,transform .2s}.map-tabs .active{background:#99b99a;color:#fffdf7;box-shadow:0 3px #7fa387;font-weight:700}.map-tabs button:hover{transform:translateY(-2px)}.map-caption{color:#97aa91;font-size:10px;margin-right:90px}.map-label{stroke:#fffaf0;stroke-width:5px;font-weight:700;fill:#857c66}.map-zoom{border:3px solid #fffdf5;border-radius:20px;box-shadow:0 5px #cfdcc4;color:#8c9e83;right:17px;bottom:94px}.map-zoom button{width:39px;min-height:41px}.map-zoom button+button{border-color:#e9eedf}.legend{border-radius:20px;border:2px solid #fffef4;box-shadow:0 3px #d5dfc9;padding:1px 10px;background:#fff9ebeb}.legend button{color:#918e76;font-weight:700}.legend i{height:5px;border-radius:10px}.map-source,.map-bottom>span{color:#99a58f}.journal{border:3px solid #eee3cd;border-radius:29px 25px 34px 24px;background:#fffdf5;box-shadow:0 7px #e7deca66;padding:25px 21px;max-height:640px}.journal:before{content:"";display:block;width:76px;height:19px;background:#e9d7aea6;position:absolute;left:calc(50% - 38px);top:-8px;transform:rotate(-4deg);border-radius:3px;pointer-events:none}.section-label{letter-spacing:1px;color:#b6ab91}.journal h2{font-family:inherit;font-size:23px;font-weight:800;color:#859c80;margin-top:18px}.journal h2>span{color:#e6bd83}.journal-sub{color:#b0a48c}.highlight-card{border:5px solid white;border-radius:8px 12px 8px 10px;box-shadow:0 4px 9px #b6ab8b33;transform:rotate(-2deg);height:185px;margin:6px 1px 18px;overflow:visible}.highlight-card img{border-radius:6px;filter:brightness(.95) saturate(.85)}.highlight-card>div{background:linear-gradient(transparent,#5d8b77c9);left:0;right:0;bottom:0;padding:25px 13px 12px;border-radius:0 0 6px 6px}.highlight-card b{font-family:inherit;font-size:23px;font-weight:800}.highlight-card label{top:-10px;right:-7px;background:#efd8b4;color:#a28c65;transform:rotate(6deg);border:2px solid #fff9e9;border-radius:8px}.highlight-card small{color:#fff8e8}.highlight-card div>span{color:#fff3db}.road-heading h3{color:#978d73}.road-row{border:0;border-radius:15px;background:#f2f5e9;margin:8px 0;padding:10px 12px;gap:10px;transition:transform .2s}.road-row:nth-of-type(2){background:#fff1e3}.road-row:nth-of-type(3){background:#eaf3ef}.road-row:hover{transform:translate(3px) rotate(-1deg)}.road-number{border-radius:12px;background:#fffdf3;font:700 12px inherit;color:#ada78a;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.road-row b{font-weight:700;color:#819578}.road-row small{color:#aaa38d}.arrow{color:#b1bb97}.journal-note{color:#ad9e83;font-size:11px;padding-top:16px}.journal-note small{color:#b9ae97}.playback{border:3px solid #ede4cf;border-radius:28px;background:#fffdf5;box-shadow:0 6px #e8dfca66;padding:19px 22px;margin-top:26px}.play-button{background:#e8ad91;border:3px solid #fff8e8;box-shadow:0 4px #d7957e;width:47px;height:47px;font-size:16px}.replay{color:#c4b594}.playing-title b{color:#8f9e7f;font-weight:700}.playing-title small{color:#b4a991}.progress-wrap input{accent-color:#9bb99a}.play-row select{border-radius:12px;background:#f0f2e3;color:#96a181}.auto-camera{color:#a5a389}.auto-camera input,.road-heading input{accent-color:#a3be99}.timeline{gap:6px}.timeline button{background:#faf6e9;border-radius:16px;min-width:98px;padding:8px 11px 10px;border:2px solid transparent}.timeline button:nth-child(3n+2){background:#f0f4e9}.timeline button:nth-child(3n+3){background:#fff0e7}.timeline button:after{display:none}.timeline i{width:11px;height:11px;margin:8px 0;border-width:3px}.timeline small{color:#c2b79a;font:700 10px sans-serif}.timeline span{color:#9c967e;font-weight:500}.timeline .chosen{border-color:#b4c5a3;background:#eaf1e3;transform:rotate(-2deg)}.timeline .chosen span{color:#8da07e}.record-tag{background:#f4f0df;border-radius:15px;padding:6px 10px;display:inline-block;color:#ab9d80;font-size:9px}.detail-description{color:#9d9c81;line-height:2}.detail h3{color:#a3987c}.close{color:#bdad90;background:#faf4e5;border-radius:50%;width:33px;min-height:33px;right:13px;top:13px}.media-tile{border:5px solid white;box-shadow:0 3px 10px #b9b09122;border-radius:14px;background:#f4f0df;margin-top:17px;transform:rotate(-1deg)}.media-tile:nth-of-type(2n){transform:rotate(1deg)}.media-tile img{border-radius:8px 8px 0 0}.media-caption{background:#fffaf0;color:#a69b80;padding:10px 5px}.video-play{background:#99b49ac9;border:2px solid #fff9e8}.road-actions button,.visit-tabs button{border-radius:15px;background:#eff3e5;border:2px solid #e5ead8;color:#96a181}.visit-tabs .active{background:#dae8cf}.viewer>img,.viewer>video{border:7px solid #fffaf0;border-radius:23px}.map-doodles{pointer-events:none}.cloud-float{animation:cloud-drift 8s ease-in-out infinite alternate}.sun-sticker{transform-origin:1020px 110px;animation:sun-sway 6s ease-in-out infinite alternate}footer{color:#b5aa93;font-size:10px;padding-top:24px}@keyframes cloud-drift{to{transform:translate(9px,-5px)}}@keyframes sun-sway{to{rotate:7deg}}@media(max-width:1100px){.trip-stats>div{padding:10px 12px}.intro h1{font-size:35px}.map-caption{display:none}.workspace{gap:16px}.journal{padding:23px 16px}}@media(max-width:800px){.map-svg{height:430px;min-height:430px}.journal:not(.detail){margin-top:24px}.detail{border-radius:30px 30px 0 0;max-height:55dvh;box-shadow:0 -10px 50px #6c79602b}.detail:before{width:42px;height:5px;border-radius:10px;background:#e6ddc6;top:8px;transform:none;left:calc(50% - 21px)}.trip-stats{gap:8px}.trip-stats>div{padding:9px 12px;border-radius:17px}.trip-stats b{font-size:20px}.map-card{border-width:4px;border-radius:29px}.map-tabs button{font-size:10px;padding:0 8px}.map-top{left:12px;top:12px}.highlight-card{height:220px}.playback{padding:15px}.intro h1{font-size:30px}}@media(max-width:480px){.intro h1{font-size:28px;letter-spacing:0}.intro{padding-top:15px}.trip-stats{gap:13px;margin-top:18px}.trip-stats>div{padding:8px 13px;border-radius:17px}.trip-stats span{margin-left:7px}.map-svg{height:390px;min-height:390px}.map-tabs{gap:1px;padding:4px}.map-tabs button{padding:0 6px;font-size:10px}.map-zoom{right:12px;bottom:76px}.map-zoom button{width:33px;min-height:37px}.highlight-card{height:195px}.journal{border-radius:26px}.detail{border-radius:28px 28px 0 0}.play-button{width:43px;height:43px}.timeline button{min-width:92px}.map-source{font-size:7px}.detail .media-tile{width:46%;margin-right:3%}}@media(prefers-reduced-motion:reduce){.cloud-float,.sun-sticker{animation:none}}.progress-wrap input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;height:24px}.progress-wrap input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:10px;background:#e6ebd9;border:1px solid #dbe3cd}.progress-wrap input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:#acc3a1;border:3px solid #fffaf0;box-shadow:0 2px #8faa86;margin-top:-7px}.progress-wrap input[type=range]::-moz-range-track{height:7px;border-radius:10px;background:#e6ebd9}.progress-wrap input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#acc3a1;border:3px solid #fffaf0}body{background:radial-gradient(circle at 15% 12%,#ffe6ce80,transparent 35%),radial-gradient(circle at 95% 50%,#dfead180,transparent 40%),#fff9ee}header{height:70px;padding:0 4%;position:relative;z-index:3}.brand{font-size:16px;transform:rotate(-3deg)}.brand-icon{width:34px;height:34px;font-size:22px}.brand small{font-size:9px}.edition{font-size:11px;transform:rotate(3deg)}main{max-width:1700px;padding:0 3.5%;position:relative}.intro{padding:16px 14px 24px;position:relative;align-items:flex-end}.intro>div:first-child{transform:rotate(-2deg);position:relative;z-index:2}.eyebrow{font-size:11px;color:#b49c7d;letter-spacing:2px}.eyebrow:before{content:"✦";font-size:22px;color:#e3b787}.eyebrow>span{display:none}h1{font-family:KaiTi,STKaiti,Microsoft YaHei UI,sans-serif;font-size:48px;font-weight:700;letter-spacing:3px;margin:8px 0 13px;color:#81765f;text-shadow:2px 3px 0 white}h1 em{color:#8ca288}h1 em:after{bottom:-4px;height:9px;transform:rotate(-1deg);background:#f3dbad}.intro p{font-family:KaiTi,STKaiti,sans-serif;font-size:15px;color:#ad9a7c;letter-spacing:1px;margin-top:6px}.trip-stats{gap:8px;padding:0 13px 7px;transform:rotate(5deg);border-bottom:2px dashed #e8d9b9}.trip-stats>div,.trip-stats>div:nth-of-type(2),.trip-stats>div:nth-of-type(3){background:none;border:0;border-radius:0;box-shadow:none;transform:none;padding:0 12px}.trip-stats b{font-family:KaiTi,sans-serif;font-size:29px;color:#b7a27d}.trip-stats span{font-family:KaiTi,sans-serif;font-size:12px;color:#b6a587}.workspace{position:relative;display:block;padding-right:285px;min-height:620px}.map-card{border:0;border-radius:43% 8% 5% 6%/3% 6% 4% 5%;box-shadow:none;background:transparent;overflow:hidden;min-height:620px;mask-image:linear-gradient(to bottom,transparent,black 3%,black 96%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 3%,black 96%,transparent)}.map-svg{height:650px;min-height:650px}.map-top{top:26px;left:24px;right:24px}.map-tabs{background:#fffdf4f0;border:0;border-radius:8px;box-shadow:2px 4px #d9d7ba66;transform:rotate(-2deg);padding:5px}.map-tabs:before{content:"";position:absolute;top:-8px;left:calc(50% - 26px);width:52px;height:15px;background:#ebd6ab9c;transform:rotate(3deg);pointer-events:none}.map-tabs button{font-family:KaiTi,sans-serif;font-size:13px;border-radius:8px}.map-tabs .active{background:#a9bea0;box-shadow:0 2px #90a68a}.map-caption{font-family:KaiTi,sans-serif;font-size:13px;margin-right:80px;transform:rotate(3deg)}.map-zoom{border:0;border-radius:40px;box-shadow:1px 3px #cad7b577;background:#fffdf2e0}.legend{border:0;border-radius:6px;box-shadow:2px 3px #d9d7ba66;transform:rotate(2deg)}.map-source{left:26px;bottom:12px}.journal{position:absolute;right:0;top:15px;width:270px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;max-height:none;padding:14px 8px 0 14px;transform:rotate(2deg)}.journal:before{display:none}.journal>.section-label{display:none}.journal h2{font-family:KaiTi,STKaiti,sans-serif;font-size:26px;color:#9b9c7b;transform:rotate(-4deg);margin:0 0 4px;font-weight:600}.journal h2>span{font-size:28px;color:#daba87}.journal-sub{font-family:KaiTi,sans-serif;font-size:13px;transform:rotate(-4deg);color:#b4a186}.highlight-card{height:200px;border:9px solid #fffef6;border-bottom-width:37px;border-radius:2px;box-shadow:2px 6px 12px #a1987f22;transform:rotate(5deg);margin:22px 4px 30px}.highlight-card:before{content:"";position:absolute;top:-17px;left:calc(50% - 34px);width:68px;height:23px;background:#ead3a89c;transform:rotate(-10deg);z-index:2}.highlight-card>div{padding:10px 12px;background:linear-gradient(transparent,#4a806ca6)}.highlight-card b{font-family:KaiTi,sans-serif;font-size:25px}.highlight-card div>span{position:absolute;bottom:-27px;color:#aa9a7a;font:13px KaiTi,sans-serif;left:12px}.highlight-card small{font-size:8px}.highlight-card label{top:-5px;right:-12px;font-size:8px}.road-heading{transform:rotate(-3deg);margin:12px 0}.road-heading h3{font-family:KaiTi,sans-serif;font-size:17px;font-weight:500;margin:5px 0;color:#9f9477}.road-heading input{width:14px}.road-row{border-radius:3px;background:#f0f0d8;transform:rotate(-4deg);margin:14px 2px;padding:12px 11px;box-shadow:2px 4px #d7d3ae44;position:relative;min-height:65px}.road-row:before{content:"";position:absolute;top:-7px;left:14px;width:33px;height:13px;background:#ffffff65;transform:rotate(-9deg)}.road-row:nth-of-type(2){background:#f8e5ce;transform:rotate(3deg);margin-left:10px}.road-row:nth-of-type(3){background:#e6eee1;transform:rotate(-2deg);margin-right:5px}.road-row:hover{transform:rotate(0) translateY(-3px)}.road-number{background:transparent;border:1px dashed #c4c5a4;border-radius:50%;font-size:10px;width:28px;height:28px;color:#a5a180}.road-row b{font-family:KaiTi,sans-serif;font-size:17px;font-weight:500;color:#8f9a7c}.road-row small{font-size:9px;color:#b1a38a}.journal-note{font-family:KaiTi,sans-serif;font-size:15px;transform:rotate(-4deg);padding-top:18px;color:#b19d7f}.journal-note small{font-family:Microsoft YaHei UI,sans-serif;font-size:8px;line-height:1.8}.playback{margin:6px 300px 0 15px;background:#fffdf5b5;border:0;border-top:2px dashed #e1d8bf;border-bottom:2px dashed #e1d8bf;border-radius:0;box-shadow:none;padding:18px 10px 12px;position:relative}.playback:before{content:"我们的旅行足迹";position:absolute;top:-12px;left:29px;background:#fff9ee;padding:0 12px;font-family:KaiTi,sans-serif;font-size:16px;color:#b7a17d;transform:rotate(-3deg)}.play-row{gap:12px}.playing-title{min-width:90px}.playing-title b{font-family:KaiTi,sans-serif;font-size:15px;font-weight:500}.progress-wrap>span i{display:none}.auto-camera{font-size:9px}.play-button{width:42px;height:42px;border-width:2px}.timeline{gap:0;margin-top:16px}.timeline button,.timeline button:nth-child(3n+2),.timeline button:nth-child(3n+3){background:transparent;border:0;border-radius:0;padding:5px 10px;min-width:98px;transform:rotate(-3deg)}.timeline button:nth-child(2n){transform:rotate(3deg)}.timeline button:after{display:block;border-top:1px dashed #ded3b8;background:none;top:26px;width:75%;left:65%}.timeline i{margin:9px 0 8px;width:9px;height:9px;border-width:2px}.timeline small{font-size:10px;font-family:KaiTi,sans-serif;color:#beac89}.timeline span{font-family:KaiTi,sans-serif;font-size:13px;color:#aa9d80}.timeline .chosen{background:#efe9cf;border-radius:8px;transform:rotate(-4deg)}.timeline .chosen span{color:#8b9b76}.detail{background:#fffcf0;border:0;border-radius:3px;box-shadow:4px 9px 25px #968b6e22;padding:30px 22px 20px;right:0;top:23px;max-height:620px;overflow:auto;transform:rotate(2deg)}.detail:before{display:block;content:"";position:absolute;top:0;left:calc(50% - 37px);width:74px;height:18px;background:#e8d1a4a6;transform:rotate(-3deg)}.detail .section-label{display:block;margin-top:7px;font-size:9px}.detail h2{margin-top:23px;font-family:KaiTi,sans-serif;font-size:30px;color:#91a080;transform:rotate(-2deg)}.detail-description{font-family:KaiTi,sans-serif;font-size:15px;color:#a49a7c;line-height:1.9}.detail h3{font-family:KaiTi,sans-serif;font-size:16px;font-weight:500}.record-tag{border-radius:4px;background:#f0ecd7;color:#b0a180}.media-tile{border:7px solid #fffef8;border-bottom-width:0;border-radius:2px;box-shadow:1px 4px 10px #a1987b20;transform:rotate(-3deg);margin-top:21px;overflow:visible}.media-tile img{border-radius:0}.media-tile:nth-of-type(2n){transform:rotate(3deg)}.media-caption{background:#fffef8;padding:12px 3px;font-family:KaiTi,sans-serif;font-size:12px}.close{background:#eee7d0;color:#b4a486;border-radius:50%;top:12px;right:10px}.road-actions button{border-radius:4px;border:0;background:#ecefdc;font-family:KaiTi,sans-serif;font-size:14px}.visit-tabs button{border-radius:4px;font-family:KaiTi,sans-serif;font-size:12px}.viewer>img,.viewer>video{border-radius:3px;border-width:12px;transform:rotate(-1deg)}footer{padding:22px 18px 20px;font-family:KaiTi,sans-serif;font-size:13px;color:#baa78a}footer>span:last-child{font-family:Microsoft YaHei UI,sans-serif;font-size:8px}.viewer-backdrop{background:#414a3aeb}.viewer-nav{font-family:KaiTi,sans-serif}.viewer-nav p{font-size:16px}@media(min-width:1500px){.workspace{padding-right:310px}.journal{width:285px}.playback{margin-right:328px}.map-svg{height:700px}}@media(max-width:1100px){h1{font-size:39px}.intro p{font-size:13px}.trip-stats>div{padding:0 8px}.trip-stats b{font-size:24px}.workspace{padding-right:250px}.journal{width:235px;padding-left:8px}.highlight-card{height:175px}.map-svg{height:620px;min-height:620px}.playback{margin-right:260px}.progress-wrap{flex-basis:150px}.auto-camera{font-size:8px}.play-row{gap:8px}.playing-title{min-width:65px}.map-caption{display:none}}@media(max-width:800px){header{height:70px}.intro{padding:15px 5px 25px}.intro h1{font-size:32px}.intro p{font-size:12px}.trip-stats{padding:0 0 10px}.trip-stats span{font-size:10px}.trip-stats>div{padding:0 6px}.workspace{padding-right:0;min-height:0}.map-card{min-height:0;border-radius:25px 30px 22px 35px}.map-svg{height:460px;min-height:460px}.map-top{top:20px;left:17px}.map-tabs button{font-size:12px}.journal:not(.detail){position:relative;right:auto;top:auto;width:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;transform:none;padding:25px 20px 15px;margin-top:0}.journal:not(.detail)>.section-label{display:none}.journal:not(.detail)>h2,.journal:not(.detail)>.journal-sub{grid-column:1/-1}.highlight-card{height:220px;grid-row:3/8;margin:16px 2px}.road-heading{margin:0}.road-row{margin:7px 2px}.road-row:nth-of-type(2){margin-left:6px}.journal-note{grid-column:1/-1}.playback{margin:15px 12px 0;padding:20px 8px 13px}.play-row{gap:12px}.auto-camera{font-size:10px}.playing-title{min-width:90px}.progress-wrap{flex-basis:100%}.detail{position:fixed;inset:auto 0 0;width:auto;max-height:53dvh;z-index:10;transform:none;border-radius:20px 17px 0 0;padding:27px 24px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #827c5e33;background:#fffcf0}.detail:before{width:52px;top:10px;height:5px;border-radius:5px;background:#ded3b6;left:calc(50% - 26px);transform:none}.detail h2{font-size:28px}.detail .media-tile{width:46%;margin-right:3%;margin-top:15px}.detail .section-label{margin-top:5px}footer{padding-left:8px;padding-right:8px;font-size:12px}}@media(max-width:480px){header{padding:0 6%;height:65px}.brand{font-size:15px}.intro{padding:12px 9px 21px}.intro h1{font-size:31px;letter-spacing:1px}.intro>div:first-child{transform:rotate(-2deg)}.intro p{max-width:290px;line-height:1.9;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1px}.eyebrow:before{font-size:17px}.trip-stats{margin-top:20px;transform:rotate(2deg);padding:0 8px 6px;gap:20px;width:fit-content}.trip-stats>div{padding:0;display:flex;align-items:baseline}.trip-stats b{font-size:23px}.trip-stats span{font-size:12px;margin-left:8px}.map-svg{height:400px;min-height:400px}.map-card{mask-image:none;-webkit-mask-image:none;border-radius:23px 27px 18px 30px}.map-tabs button{padding:0 6px;font-size:11px}.map-top{left:12px;top:18px}.map-zoom{right:10px;bottom:75px}.journal:not(.detail){display:block;padding:25px 14px 10px}.journal:not(.detail) h2{font-size:25px}.highlight-card{width:85%;margin:28px auto 35px;height:220px}.road-heading{margin:20px 5px 13px}.road-row{margin:17px 8px;padding:12px 15px;width:calc(100% - 17px)}.road-row:nth-of-type(2){margin-left:12px}.road-row b{font-size:18px}.road-row small{font-size:10px}.journal-note{padding-top:19px;font-size:16px}.playback{margin-left:5px;margin-right:5px;margin-top:20px}.play-row{gap:10px}.play-button{width:40px;height:40px}.auto-camera{font-size:9px}.timeline button{min-width:95px}.detail .detail-description{font-size:15px}.detail h2{font-size:29px}footer{font-size:12px}.preview-badge{font-size:10px}}body{background:radial-gradient(ellipse at 9% 10%,#ffe8da90,transparent 32%),radial-gradient(ellipse at 91% 36%,#e1eddc80,transparent 40%),#fffaf0}.intro h1{color:#8e816b;text-shadow:2px 3px 0 #fffdf7;font-weight:600}.intro h1 em{color:#94ad97}.eyebrow{color:#baaa91}.brand-icon{background:#edc6ad;border-radius:15px 19px 15px 20px;box-shadow:0 3px #e6bda2}.preview-badge{border-style:dashed;background:#fff3db;color:#b39b77}.map-card{box-shadow:0 0 38px 8px #fffaf0 inset;border-radius:37px 52px 44px 57px}.map-svg{background:#eaf3ed}.map-tabs{border-radius:13px 16px 12px 15px;background:#fffdf4f5;box-shadow:1px 4px #d8ddc16b}.map-tabs button{border-radius:11px}.map-tabs .active{background:#adc5a6;color:#fffef5;box-shadow:0 2px #99b294}.map-caption{color:#a8b59b}.map-label{stroke:#fffbed;fill:#998e74;stroke-width:5px}.stop>path{filter:drop-shadow(0 2px 1px #b0ad8a30)}.map-zoom{background:#fffdf2ed;box-shadow:2px 4px #d5dfc67a;color:#a2b097}.legend{border-radius:12px 8px 11px 9px;background:#fffbefee}.legend button{color:#a39b83}.journal h2{color:#99aa8e}.highlight-card{border-color:#fffdf6;box-shadow:2px 7px 13px #b4aa8a1c;border-radius:4px;transform:rotate(6deg)}.highlight-card:after{content:"✧";position:absolute;right:-17px;bottom:-26px;font-size:29px;color:#dab787;transform:rotate(-10deg)}.highlight-card>div{background:linear-gradient(transparent,#699986b3)}.highlight-card label{background:#f4dec2;color:#b79e76;transform:rotate(-4deg)}.road-row{border-radius:7px 4px 9px 5px;background:#f0f0d8;box-shadow:2px 4px #dcd7b92c}.road-row:nth-of-type(2){background:#f9e8d6;border-radius:5px 9px 4px 8px}.road-row:nth-of-type(3){background:#e8f0e5;border-radius:8px 5px 9px 4px}.road-row:after{content:"✧";position:absolute;right:8px;top:-12px;font-size:19px;color:#c2c7a2}.road-row b{color:#96a385}.road-number{border-color:#ceccb1;color:#b8b08e}.road-row:hover{box-shadow:3px 6px 10px #b9b19122}.journal-note{color:#bbab8d}.detail{background:linear-gradient(110deg,#fffdf4,#fff9e9);border-radius:9px 6px 11px 7px;box-shadow:4px 10px 25px #afa18120}.detail h2{color:#98ab8a}.detail-description{color:#aaa086}.record-tag{background:#f5efda;color:#b6a584;border-radius:8px}.media-tile{border-color:#fffef8;border-radius:4px;box-shadow:2px 5px 10px #aca3861c}.media-caption{color:#b2a181}.play-button{background:#eabca2;box-shadow:0 3px #dba78e}.progress-wrap input[type=range]::-webkit-slider-thumb{background:#b8cbaa;box-shadow:0 2px #a4ba98}.timeline i{box-shadow:0 2px #d1c5a830}.timeline .chosen{background:#f0ecd9}.map-doodles{filter:drop-shadow(0 3px 2px #a9b49c12)}.map-decoration-control{position:absolute;left:26px;bottom:62px;font-family:KaiTi,sans-serif;font-size:12px;color:#a7b39b;display:flex;align-items:center;gap:6px;min-height:30px;cursor:pointer}.map-decoration-control input{accent-color:#afc3a3;width:12px;height:12px}.map-decoration-control small{font-size:10px;color:#b7bfa8}@media(max-width:800px){.detail{border-radius:23px 19px 0 0}.map-decoration-control{left:18px;bottom:65px;font-size:11px}.map-decoration-control small{display:none}}@media(prefers-reduced-motion:no-preference){.highlight-card:hover{transform:rotate(3deg) translateY(-3px);transition:transform .3s}.media-tile:hover{transform:rotate(0) translateY(-2px);transition:transform .3s}}.map-card{padding:43px 43px 44px;background:#fffaf0;mask-image:none;-webkit-mask-image:none;border-radius:28px 35px 24px 32px;overflow:hidden}.map-svg{border-radius:23px 31px 22px 28px;min-height:550px;height:550px}.map-border-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.map-border-art *{pointer-events:none!important}.map-top{left:61px;right:61px;top:61px}.map-zoom{right:57px;bottom:125px;z-index:2}.map-bottom{left:60px;right:60px;bottom:76px;z-index:2}.map-source{left:62px;bottom:55px;z-index:2}.map-decoration-control{left:auto;right:56px;bottom:8px;z-index:2;font-size:11px;color:#b0a78d;min-height:26px}.map-caption{margin-right:0}.workspace{min-height:640px}@media(min-width:1500px){.map-svg{height:620px;min-height:620px}}@media(max-width:1100px){.map-card{padding:37px}.map-top{left:51px;right:51px;top:53px}.map-svg{height:550px;min-height:550px}.map-zoom{right:49px;bottom:115px}.map-bottom{left:52px;right:52px;bottom:70px}.map-source{left:53px;bottom:49px}.map-decoration-control{right:45px}}@media(max-width:800px){.workspace{min-height:0}.map-card{padding:23px 22px 29px;border-radius:26px}.map-svg{height:440px;min-height:440px}.map-top{left:35px;right:35px;top:39px}.map-zoom{right:33px;bottom:105px}.map-bottom{left:35px;right:35px;bottom:59px}.map-source{left:37px;bottom:40px}.map-decoration-control{left:auto;right:32px;bottom:2px;font-size:10px;gap:4px}.map-decoration-control input{height:10px;width:10px}}@media(max-width:480px){.map-card{padding:17px 16px 24px;border-radius:24px}.map-svg{height:390px;min-height:390px;border-radius:17px}.map-top{left:24px;top:32px;right:24px}.map-tabs button{font-size:10px;padding:0 5px}.map-zoom{right:25px;bottom:91px}.map-bottom{left:26px;right:26px;bottom:51px}.map-source{left:27px;bottom:32px;font-size:6px}.map-decoration-control{right:22px;bottom:0;font-size:9px}.map-caption{display:none}}.journal-sub{line-height:1.9;max-width:245px;margin-top:12px}.detail .section-label{line-height:1.8;letter-spacing:.5px}.detail .section-label>span{font-size:9px;color:#aaa58a}@media(max-width:800px){.journal-sub{max-width:100%;margin-bottom:18px}}