.layout-wrapper[data-v-c0c95eb4]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-c0c95eb4]{flex:1;background-color:#f5f5f5;padding:20px}.container[data-v-c0c95eb4]{max-width:1400px;margin:0 auto;display:flex;gap:20px}.detail-card[data-v-c0c95eb4]{flex:2;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.card-header[data-v-c0c95eb4]{padding:20px;text-align:center;border-bottom:1px solid #eee}.spot-name[data-v-c0c95eb4]{font-size:24px;font-weight:700;margin-bottom:8px}.spot-group[data-v-c0c95eb4]{font-size:14px;color:#666;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.category[data-v-c0c95eb4]{font-size:14px;color:#666}.category-link[data-v-c0c95eb4]{color:#4ecdc4;text-decoration:none}.category-link[data-v-c0c95eb4]:hover{text-decoration:underline}.card-body[data-v-c0c95eb4]{padding:20px}.main-image[data-v-c0c95eb4]{text-align:center}.large-image[data-v-c0c95eb4]{width:100%;height:auto;border-radius:4px}.card-footer[data-v-c0c95eb4]{padding:20px;border-top:1px solid #eee;display:flex;justify-content:space-between}.side-card[data-v-c0c95eb4]{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:20px;display:flex;flex-direction:column;gap:20px}.related-spots[data-v-c0c95eb4]{display:flex;flex-direction:column;gap:15px}.related-spot[data-v-c0c95eb4]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:4px}.related-spot[data-v-c0c95eb4]:hover{background-color:#f5f5f5}.small-image[data-v-c0c95eb4]{width:100px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.spot-name[data-v-c0c95eb4]{font-size:14px;color:#333}.back-btn[data-v-c0c95eb4]{background-color:#4ecdc4;color:#fff;border:none;padding:14px 30px;border-radius:28px;cursor:pointer;font-size:14px;transition:all .3s ease;font-weight:500}.back-btn[data-v-c0c95eb4]:hover{background-color:#38b0a9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(78,205,196,.3)}.next-nav[data-v-c0c95eb4],.prev-nav[data-v-c0c95eb4]{font-size:14px;color:#666;cursor:pointer}.next-nav[data-v-c0c95eb4]:hover,.prev-nav[data-v-c0c95eb4]:hover{color:#4ecdc4}.contact-backtop[data-v-c0c95eb4]{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:999;.contact-item[data-v-c0c95eb4]{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;position:relative;&[data-v-c0c95eb4]:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.15)}i[data-v-c0c95eb4]{color:var(--primary-color);font-size:20px}&.backtop[data-v-c0c95eb4]{background:#409eff;&[data-v-c0c95eb4]:hover{background:#66b1ff}i[data-v-c0c95eb4]{color:#fff}}.contact-tooltip[data-v-c0c95eb4]{right:60px;background:#409eff;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;&[data-v-c0c95eb4]:after{content:"";right:-6px;border-width:6px;border-style:solid;border-color:transparent transparent transparent #409eff}}&:hover .contact-tooltip[data-v-c0c95eb4]{opacity:1;visibility:visible}}}.contact-modal-overlay[data-v-c0c95eb4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.contact-modal[data-v-c0c95eb4]{width:90%;max-width:500px;background:#fff;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;.modal-header[data-v-c0c95eb4]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #eee;.modal-title[data-v-c0c95eb4]{font-size:16px;font-weight:700;color:#333}.close-btn[data-v-c0c95eb4]{background:transparent;border:none;color:#999;font-size:18px;cursor:pointer;padding:5px;transition:color .3s;&[data-v-c0c95eb4]:hover{color:#666}}}.modal-body[data-v-c0c95eb4]{padding:20px}.contact-form[data-v-c0c95eb4]{.form-item[data-v-c0c95eb4]{margin-bottom:18px;.form-label[data-v-c0c95eb4]{display:block;font-size:14px;color:#333;margin-bottom:8px;.required[data-v-c0c95eb4]{color:#f56c6c;margin-right:4px}}.form-input[data-v-c0c95eb4]{width:100%;padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;box-sizing:border-box;&[data-v-c0c95eb4]:focus{outline:none;border-color:#409eff}}.form-textarea[data-v-c0c95eb4]{width:100%;padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;min-height:100px;resize:vertical;box-sizing:border-box;&[data-v-c0c95eb4]:focus{outline:none;border-color:#409eff}}}.form-actions[data-v-c0c95eb4]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;.cancel-btn[data-v-c0c95eb4]{padding:8px 24px;background:#fff;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;color:#666;cursor:pointer;transition:all .3s;&[data-v-c0c95eb4]:hover{background:#f5f7fa}}.submit-btn[data-v-c0c95eb4]{padding:8px 24px;background:#409eff;border:none;border-radius:4px;font-size:14px;color:#fff;cursor:pointer;transition:all .3s;&[data-v-c0c95eb4]:hover{background:#67b1ff}}}}}