/* route-modal.css - 线路详情弹窗样式（从 route-*-tc-*.html 内联提取） */

/* 线路详情弹窗样式 */
.route-detail-modal {display:none;position:fixed;inset:0;z-index:100001;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)}
.route-detail-modal.active {display:flex}
.route-detail-overlay {position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)}
.route-detail-content {position:relative;background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;padding:32px;animation:modalSlideUp .3s ease}
.route-detail-close {position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f5f5f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;transition:all .2s;z-index:10}
.route-detail-close:hover {background:#e0e0e0;color:#333}
.route-detail-header {text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}
.route-detail-header h3 {font-size:20px;color:#2d5a27}
.route-detail-body {font-size:14px;line-height:1.8;color:#333}
.route-detail-body h4 {color:#2d5a27;margin:16px 0 8px;font-size:16px}
.route-detail-body p {margin-bottom:12px}
.route-detail-body ul {margin:8px 0 12px 20px;padding-left:0}
.route-detail-body li {margin-bottom:6px}
/* 弹窗轮播图样式 */
.route-detail-carousel {position:relative;width:100%;border-radius:12px;overflow:hidden;margin-bottom:16px;background:#f5f5f5}
.route-detail-carousel .carousel-inner {position:relative;width:100%;padding-top:56.25%;overflow:hidden}
.route-detail-carousel .carousel-slides {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;transition:transform .4s ease}
.route-detail-carousel .carousel-slide {position:relative;min-width:100%;height:100%}
.route-detail-carousel .carousel-slide img {width:100%;height:100%;object-fit:cover;display:block}
.route-detail-carousel .carousel-badge {position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;z-index:5}
.route-detail-carousel .carousel-indicators {position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}
.route-detail-carousel .carousel-indicators .indicator {width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:all .3s}
.route-detail-carousel .carousel-indicators .indicator.active {background:#fff;width:20px;border-radius:4px}
.route-detail-carousel .carousel-btn {position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.4);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:5}
.route-detail-carousel:hover .carousel-btn {opacity:1}
.route-detail-carousel .carousel-btn:hover {background:rgba(0,0,0,.6)}
.route-detail-carousel .carousel-btn.prev {left:10px}
.route-detail-carousel .carousel-btn.next {right:10px}
.route-detail-tags {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.route-detail-tag {background:#e8f5e9;color:#2d5a27;padding:4px 12px;border-radius:20px;font-size:12px}