.detail-screen{background:#eff8ef;min-height:100svh;height:auto;aspect-ratio:auto;padding:0 10px 22px;overflow:auto}
.detail-screen:before{display:none}
.detail-screen .detail-header{position:sticky;top:0;z-index:3;height:58px;background:rgba(255,255,255,.96);border-radius:0 0 14px 14px;box-shadow:0 2px 10px #0b4d3214;padding:0 14px;margin:0 -10px 10px}
.detail-screen .detail-header h2{visibility:visible;font-size:20px;color:oklch(.28 .08 145)}
.detail-screen .detail-header .more{visibility:visible;color:oklch(.28 .08 145);font-size:15px}
.detail-screen .detail-header .icon-btn{font-size:32px;color:oklch(.19 .025 145);width:32px;height:40px;left:auto;top:auto;position:relative}
.detail-screen .detail-header .map-return{text-decoration:none;display:flex;align-items:center;justify-content:center}
.detail-screen .detail-header .view-chip{display:inline-flex;align-items:center;gap:3px;margin-left:9px;color:oklch(.5 .06 150);font-size:11px;font-weight:600;letter-spacing:0;vertical-align:3px}
.detail-screen .detail-header .view-chip svg{width:14px;height:14px;display:block;opacity:.8}
.detail-screen .detail-header .view-chip b{font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.detail-images{visibility:visible;display:flex;flex-direction:column;gap:0;max-width:560px;margin:0 auto;border-radius:14px;overflow:hidden;background:#fff}
.detail-images img{display:block;width:100%;height:auto;margin:0;padding:0;border:0}
@media(min-width:700px){.detail-screen{min-height:calc(100svh - 60px)}}
.cover-screen:before{background-image:url('./assets/cover.jpg');background-size:100% 100%;background-position:center}
.cover-screen{aspect-ratio:884 / 1390;background:oklch(.94 0 0);display:block}
.cover-screen:before{background-size:contain;background-position:center;background-color:oklch(.94 0 0)}