*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;overflow:hidden;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="%23222"><path d="M10 4v7.5c0 .6-.4 1-1 1s-1-.4-1-1V4c0-.6.4-1 1-1s1 .4 1 1zm-4 0v9.5c0 .6-.4 1-1 1s-1-.4-1-1V4c0-.6.4-1 1-1s1 .4 1 1zm8-1c.6 0 1 .4 1 1v8.5c0 .6-.4 1-1 1s-1-.4-1-1V4c0-.6.4-1 1-1zm4 3c.6 0 1 .4 1 1v6.5c0 .6-.4 1-1 1s-1-.4-1-1V7c0-.6.4-1 1-1zM3 13c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v3c0 3.3-2.7 6-6 6h-6c-3.3 0-6-2.7-6-6v-3z"/></svg>') 0 0,default}button{cursor:default;border:none}.init-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:99;display:flex;align-items:center;justify-content:center}.init-card{width:min(90%,600px);background:#f8f5f0;border:1px solid #000;padding:40px 30px;border-radius:6px}.init-tip{color:#999;font-size:14px;margin-bottom:12px}.init-title{font-size:42px;font-weight:900;color:#000;margin-bottom:20px}.init-desc{color:#666;line-height:1.7;font-size:16px;margin-bottom:30px;word-wrap:break-word}.init-close-btn{display:block;width:100%;padding:16px 0;background:#000;color:#fff;font-size:18px;border-radius:4px;box-shadow:0 4px 8px #00000026;margin-bottom:12px}.init-note{color:#f69;font-style:italic;text-align:center;font-size:15px}.scroll-sense{position:fixed;top:0;width:10vw;height:100vh;background:transparent;z-index:5;pointer-events:none}.left-sense{left:0}.right-sense{right:0}.scroll-wrap{width:100vw;height:100vh;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scroll-wrap::-webkit-scrollbar{height:8px}.scroll-wrap::-webkit-scrollbar-track{background:#eee}.scroll-wrap::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.scroll-content{display:flex;height:100%;gap:0;padding:0;min-width:0;width:max-content}.media-box{flex-shrink:0;width:100vw;height:100vh;border-left:4px solid #000;background:#e8e8e8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%23aaa"><rect width="60" height="60" stroke="%23999" stroke-width="2" fill="none"/><text x="10" y="35" font-size="12" fill="%23666">图丢失</text></svg>') center no-repeat;position:relative}.media-box:first-child{border-left:none}.media-item{width:100%;height:100%;object-fit:cover;display:block;background:transparent}.spot-btn{position:absolute;top:30px;left:30px;border:2px solid #000;border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:8px;background:#fff}.dot-location{width:16px;height:16px;display:inline-block;background:#f44;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative}.dot-location:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.match-stick{position:fixed;top:0;left:0;z-index:999;pointer-events:none;transform:translate(-50%,-50%)}.stick-img{width:60px;height:auto;display:block}.spot-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:89;display:none}.spot-card{position:fixed;left:0;bottom:0;width:100%;max-height:70vh;background:#fff;border-top:1px solid #ddd;z-index:90;transform:translateY(100%);transition:transform .3s ease-out;padding:20px 24px}.spot-card.active{transform:translateY(0)}.spot-card-top{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.spot-line{position:absolute;left:0;width:40px;height:3px;background:#999}.spot-close{position:absolute;right:0;width:32px;height:32px;border:1px solid #000;background:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.spot-text-box{border:1px solid #000;padding:16px;line-height:1.6;margin-bottom:16px;word-wrap:break-word}.official-btn{padding:10px 20px;background:#000;color:#fff;border-radius:4px}.area-select-btn{position:fixed;left:20px;bottom:20px;padding:10px 18px;background:#000;color:#fff;z-index:92;border-radius:4px}.area-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:94;display:none}.area-pop{position:fixed;left:20px;bottom:70px;background:#fff;box-shadow:4px 4px 12px #0000001f;z-index:95;padding:16px;border-radius:6px;display:none}.area-pop.active{display:block}.area-item{padding:8px 12px;margin:4px 0;cursor:pointer}.area-item:hover{background:#eee}