.style-switch button{font-family:'Noto Serif SC','Songti SC',serif;font-size:13px;padding:7px 13px;min-height:30px}.style-switch .active{background:#624e39;color:#fff9e6}.paper-grain{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:1;transition:opacity .25s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23paper)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.sketch-mode .paper-grain{opacity:.37}.sketch-mode .map-area{background:#f5ecd9}.map-heading,.map-toolbar,.map-bottom{z-index:2}.detail-card,.map-status,.map-fallback{z-index:3}.maplibregl-control-container{position:absolute;inset:0;z-index:4;pointer-events:none}.sketch-mode .map-heading{padding:10px 14px 12px;border:1px solid #ae987357;border-radius:2px 9px 3px 8px;background:#fff6e3d9;box-shadow:3px 4px 0 #a8926a14;transform:rotate(-1.4deg);text-shadow:none}.sketch-mode .map-heading .eyebrow{color:#7a6249;letter-spacing:2.5px}.sketch-mode .map-heading div{color:#594837}.sketch-mode .map-heading::after{content:'旅行手记';position:absolute;right:10px;top:8px;writing-mode:vertical-rl;font-family:'Noto Serif SC',serif;font-size:10px;letter-spacing:2px;color:#a85839}.sketch-mode .map-heading{min-width:185px}.sketch-mode .map-tool,.sketch-mode .segmented{background:#fff9ebe8;border-color:#b8a38175;border-radius:4px 7px 4px 6px;box-shadow:2px 3px 0 #6e573e12}.sketch-mode .segmented .active{background:#6d5139}.sketch-mode .route-key{background:#fff6e5f0;border:1px solid #b7a17c8a;border-radius:2px 8px 3px 7px;box-shadow:3px 4px 0 #5b4a311a}.sketch-mode .route-key strong{font-family:'Noto Serif SC',serif;font-size:13px;color:#684c36}.sketch-mode .map-pin{filter:drop-shadow(1px 2px 1px #51402a14)}.sketch-mode .pin-head{width:28px;height:28px;border:1.5px solid #765940;box-shadow:none;background:#ffefd2;color:#70492e;border-radius:48% 52% 48% 44%;transform:rotate(-5deg)}.sketch-mode .pin-head span{transform:rotate(5deg);font-family:'Noto Serif SC',serif;font-size:12px}.sketch-mode .map-pin.active .pin-head{width:35px;height:35px;border:2px solid #873f2a;background:#b6412d;color:#fff9e5;box-shadow:0 0 0 5px #cfa67130}.sketch-mode .map-pin.inactive .pin-head{background:#f2e9d5;color:#796b51;border-color:#9a8567;width:20px;height:20px}.sketch-mode .pin-label{font-family:'Noto Serif SC','Songti SC',serif;color:#62462f;font-size:13px;border:1px solid #bbaa85;border-radius:2px 6px 2px 5px;background:#fff7e5ef;box-shadow:2px 2px 0 #8c755d22;padding:4px 8px;margin-top:5px;transform:rotate(-2deg)}.sketch-mode .map-pin.inactive .pin-label{font-size:11px;opacity:.88;background:#fcf3dfeb}.sketch-mode .map-pin.active .pin-label{border-color:#a97648;color:#9c3e24}.landmark-art{display:none;width:78px;height:78px;background-image:url('assets/beijing-landmarks-watercolor.png');background-repeat:no-repeat;background-size:200% 200%;background-position:var(--art-x) var(--art-y);margin-bottom:1px;flex-shrink:0;pointer-events:none;filter:saturate(.86)}.sketch-mode .landmark-art{display:block}.sketch-mode .map-pin.active .landmark-art{width:104px;height:104px;filter:saturate(.95)}.sketch-mode .map-pin.inactive .landmark-art{width:65px;height:65px;opacity:.88}.sketch-mode .map-pin.has-art .pin-head{margin-top:-3px}.sketch-mode .detail-card{border:1px solid #b5a07d;box-shadow:4px 6px 0 #6e563424,0 14px 45px #58452e20;border-radius:3px 12px 4px 9px;background:#fff9ed}.sketch-mode .detail-photo{padding:8px 8px 0;background:#fff9ed;filter:saturate(.75)}.sketch-mode .detail-content h2{color:#66482c}.sketch-mode .booking{background:#f3e6c9;border-left:2px solid #b48d58;border-radius:2px 5px 2px 4px}.sketch-mode .detail-close{border:1px solid #baa181;background:#fff7e7e8}.sketch-mode .gesture-hint{background:#fff7e5d9;border:1px solid #bba37e66}.sketch-mode .maplibregl-ctrl-group{background:#fff8e9;border:1px solid #b6a07d;border-radius:3px 7px 3px 6px!important;box-shadow:2px 3px 0 #6d54321a!important}.sketch-mode .maplibregl-ctrl-attrib{background:#fff6e1d9}.sketch-mode.night .paper-grain{mix-blend-mode:screen;opacity:.16}.sketch-mode.night .map-heading{background:#2b342ee0;border-color:#b8a57b66;color:#e2d3ab}.sketch-mode.night .map-heading .eyebrow,.sketch-mode.night .map-heading div{color:#e5d6b0}.sketch-mode.night .landmark-art{filter:brightness(.82) saturate(.7)}
@media(max-width:1100px){.style-switch button{padding:7px 10px}.sketch-mode .map-heading{min-width:155px;padding:8px 11px}.sketch-mode .map-heading::after{display:none}}
@media(max-width:760px){.map-toolbar{max-width:178px;flex-wrap:wrap;justify-content:flex-end;top:12px;gap:5px}.style-switch{width:100%;justify-content:center;max-width:132px}.style-switch button{flex:1;padding:4px 9px;font-size:12px;min-height:25px}.maplibregl-ctrl-top-right{top:89px;right:auto;left:3px}.sketch-mode .map-heading{left:12px;top:12px;min-width:146px;padding:7px 9px 9px;max-width:160px}.sketch-mode .map-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.sketch-mode .map-heading div{font-size:13px;line-height:1.5}.sketch-mode .map-pin .landmark-art{width:59px;height:59px}.sketch-mode .map-pin.active .landmark-art{width:73px;height:73px}.sketch-mode .map-pin.inactive .landmark-art{width:47px;height:47px}.sketch-mode .pin-label{font-size:12px;padding:3px 6px}.sketch-mode .map-pin.inactive .pin-label{display:none}.sketch-mode .map-pin.active .pin-head{width:28px;height:28px}.sketch-mode .detail-card{max-height:calc(49dvh - 150px)}.sketch-mode .detail-content{padding:11px 13px}.sketch-mode .detail-photo{padding:6px 6px 0}.sketch-mode .route-key strong{font-size:11px}.sketch-mode .route-key small{font-size:9px}.map-toolbar .segmented:not(.style-switch){margin-right:0}}