*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;overflow:hidden;cursor:default}button{cursor:pointer;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;scrollbar-width:none}.scroll-wrap::-webkit-scrollbar{height:0;display:none}.scroll-content{display:flex;height:100%;gap:0;padding:0;min-width:0;width:max-content}.media-box{flex-shrink:0;width:1600px;height:900px;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%);will-change:left,top}.stick-img{width:60px;height:auto;display:block;transform:translateZ(0);image-rendering:crisp-edges}.spot-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:89;display:none}.spot-card{position:fixed;left:50%;bottom:0;transform:translate(-50%) translateY(100%);width:777px;max-width:92vw;background:#fff;border:1px solid #ddd;z-index:90;visibility:hidden;opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility .3s ease;padding:20px 24px}.spot-card.active{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%) 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;white-space:pre-line}.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:100;border-radius:4px;pointer-events:auto!important}.area-select-btn.disabled{pointer-events:none;opacity:.6}.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}