/* 展会详情页专用样式 */

/* 页面整体背景 */
body{background:#f5f5f5}

/* 基础容器样式 */
.exhibit-wrap{max-width:1200px;margin:0 auto;padding:20px 15px 0}

/* 展会头部全宽背景包裹器 */
.show-header-wrapper{background:#0a1a3a;width:100%;position:relative;overflow:hidden;min-height:320px}
.show-header-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 400"><rect fill="%230a1a3a" width="1920" height="400"/></svg>');opacity:.3;z-index:0}
.show-header-wrapper .exhibit-wrap{position:relative;z-index:1;padding-top:0;padding-bottom:30px}

/* 面包屑导航 - 白色文字 */
.exhibit-breadcrumb{padding:15px 0 20px;font-size:14px;color:#fff}
.exhibit-breadcrumb a{color:#fff;transition:color .3s;text-decoration:none}
.exhibit-breadcrumb a:hover{color:#ff6600}

/* 展会头部 */
.show-header{background:transparent;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;display:flex;gap:30px;position:relative;overflow:visible;align-items:center}
.show-header-left{flex-shrink:0;z-index:1;max-width:280px;background:transparent;border-radius:8px;overflow:visible;display:flex;align-items:center;justify-content:center}
.show-logo{max-width:280px;max-height:220px;width:auto;height:auto;object-fit:contain;padding:0;margin:0;border:none;box-sizing:border-box;display:block;border-radius:8px}
.show-header-right{flex:1;z-index:1;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:0}

/* 头部顶部区域 */
.show-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.show-title-area{flex:1}
.show-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 6px 0;line-height:1.3}
.show-badges{display:flex;gap:8px;margin-bottom:0}
.show-badge{display:inline-block;padding:4px 12px;border-radius:3px;font-size:12px;font-weight:600;margin:0}
.badge-hot{background:#d4a574;color:#fff}
.badge-featured{background:#d4a574;color:#fff}

/* 右上角按钮组 */
.show-actions-top{display:flex;gap:10px;align-items:center}
.btn-hot{padding:8px 20px;background:rgba(212,165,116,.2);color:#d4a574;border:1px solid #d4a574;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}
.btn-hot:hover{background:#d4a574;color:#fff}
.btn-subscribe-top{padding:8px 20px;background:#ff6600;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}
.btn-subscribe-top:hover{background:#ff8533}
.btn-ticket{padding:8px 20px;background:#ff6600;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}
.btn-ticket:hover{background:#ff8533}

/* 展会信息网格 */
.show-info-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.info-row{display:flex;align-items:baseline;font-size:15px;line-height:1.5;flex-wrap:wrap}
.info-label{color:#fff !important;font-weight:400;flex-shrink:0}
.info-label.ml40{margin-left:40px}
.info-value{color:#fff !important;font-weight:400;margin-right:20px}
.info-value *{color:#fff !important}
.info-value a{color:#fff !important}
.info-value-red{color:#ff4444 !important;font-weight:700 !important}
.info-value-red *{color:#ff4444 !important;font-weight:700 !important}

/* 统计数据栏 */
.show-stats-bar{display:flex;align-items:center;gap:15px;padding:10px 0 0 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:none;margin-bottom:0}
.stat-item{display:flex;align-items:baseline;font-size:16px}
.stat-item .stat-label{color:#fff !important;font-weight:400}
.stat-item .stat-value{color:#fff !important;font-weight:600;margin-left:5px}
.stat-divider{color:#fff !important;font-size:16px;opacity:0.5}

/* 倒计时显示 */
.show-countdown{display:flex;flex-direction:column;align-items:flex-end;background:transparent;padding:0;margin:0}
.countdown-text{font-size:14px;color:#fff;margin-bottom:3px;font-weight:400}
.countdown-days{font-size:28px;font-weight:700;color:#fff;line-height:1}
.countdown-days span{font-size:16px;font-weight:400;margin-left:3px}
.countdown-ongoing{font-size:18px;font-weight:600;color:#fff;padding:0}
.countdown-ended{font-size:18px;font-weight:600;color:#fff;padding:0;opacity:0.7}

/* 主体内容区 */
.show-main{display:flex;gap:20px;align-items:flex-start}
.show-content{flex:1;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.05)}

/* 内容区块 */
.content-section{margin-bottom:40px;padding-bottom:0;border-bottom:none}
.content-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}
.content-title{font-size:16px;font-weight:700;color:#333;margin:0 0 20px 0;padding-left:10px;border-left:3px solid #ff6600}
.content-text{font-size:15px;line-height:1.8;color:#666}
.content-text p{margin-bottom:15px}
.no-content{color:#999;text-align:center;padding:40px 0}

/* 展馆信息 */
.venue-info{background:#f9f9f9;border-radius:8px;padding:20px}
.venue-item{margin-bottom:15px;font-size:15px}
.venue-item:last-child{margin-bottom:0}
.venue-label{color:#666;font-weight:600;display:inline-block;min-width:100px}
.venue-value{color:#333}
.venue-value a{color:#ff6600;text-decoration:none}
.venue-value a:hover{text-decoration:underline}

/* 联系信息 */
.contact-info{background:#f9f9f9;border-radius:8px;padding:20px}

/* 历届视图/图片展示区域 */
.exhibit-gallery-section{margin:10px 0 5px 0;padding:0 15px}
.gallery-container{background:#fff;border-radius:8px;padding:10px 20px;box-shadow:0 2px 8px rgba(0,0,0,.05);max-width:1200px;margin:0 auto}
.gallery-title{font-size:18px;font-weight:700;color:#333;margin:0 0 8px 0;padding-left:12px;border-left:3px solid #ff6600}

/* 图片横向滚动展示 */
.exhibit-images-gallery{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 0 5px 0;scroll-behavior:smooth}
.exhibit-images-gallery::-webkit-scrollbar{height:6px}
.exhibit-images-gallery::-webkit-scrollbar-track{background:#e0e0e0;border-radius:3px}
.exhibit-images-gallery::-webkit-scrollbar-thumb{background:#999;border-radius:3px}
.exhibit-images-gallery::-webkit-scrollbar-thumb:hover{background:#666}
.gallery-image-item{flex-shrink:0;width:280px;height:180px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;cursor:pointer}
.gallery-image-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.gallery-image-item img{width:100%;height:100%;object-fit:cover}

/* 图片放大模态框 */
.image-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.9);justify-content:center;align-items:center;cursor:pointer}
.modal-close{position:absolute;top:30px;right:50px;color:#fff;font-size:50px;font-weight:300;cursor:pointer;transition:color .3s}
.modal-close:hover{color:#ff6600}
.modal-content{max-width:90%;max-height:90%;object-fit:contain;animation:zoomIn .3s}
@keyframes zoomIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}

/* 展会备注 */
.show-remark{margin-top:20px;padding-top:20px;border-top:1px solid #eee}

/* 互动工具栏 */
.show-toolbar{display:flex;gap:10px;padding:20px 0;border-top:1px solid #eee;margin-top:20px}
.tool-btn{padding:10px 20px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#666;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.tool-btn:hover{background:#ff6600;color:#fff;border-color:#ff6600}
.tool-btn i{font-style:normal}

/* 右侧边栏 */
.show-sidebar{width:300px;flex-shrink:0;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none}
.show-sidebar::-webkit-scrollbar{display:none}
.sidebar-card{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.05)}

/* 操作按钮组 */
.sidebar-actions{padding:10px}
.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.action-btn{display:block;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}
.action-btn-primary{background:#ff6600;color:#fff}
.action-btn-primary:hover{background:#ff8533}

/* 温馨提示 */
.sidebar-notice{background:#fff;padding:15px;border-radius:8px}
.notice-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.notice-icon{font-size:16px;color:#333}
.notice-title{font-size:15px;font-weight:700;color:#333;margin:0}
.notice-content{font-size:13px;line-height:1.6;color:#333}

/* 展位销售 */
.sidebar-contact{padding:0}
.sidebar-card-title{font-size:16px;font-weight:700;color:#333;margin:0;padding:15px 15px 12px;border-bottom:1px solid #f0f0f0}
.contact-sales{padding:0}
.sales-header{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #f0f0f0}
.sales-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}
.sales-avatar img{width:100%;height:100%;object-fit:cover}
.sales-info{flex:1}
.sales-name{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}
.sales-title{font-size:13px;color:#666}
.online-chat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;background:#ff6600;color:#fff;border-radius:6px;text-decoration:none;font-size:12px}
.online-chat:hover{background:#ff8533}
.chat-icon{font-size:16px}
.chat-text{font-size:12px;font-weight:500}
.contact-details{padding:15px;font-size:14px;line-height:1.8;color:#333}
.contact-details .chip-item{margin-bottom:10px}
.contact-details .chip-item:last-child{margin-bottom:0}

/* 通知提醒 */
.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.card-title-small{font-size:16px;font-weight:700;color:#333;margin:0}
.card-link{font-size:13px;color:#ff6600;text-decoration:none}
.card-link:hover{text-decoration:underline}
.reminder-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}
.toggle-switch{position:relative;display:inline-block;width:45px;height:24px}
.toggle-switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:24px;transition:.3s}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.toggle-switch input:checked + .slider{background:#ff6600}
.toggle-switch input:checked + .slider:before{transform:translateX(21px)}
.subscribe-btn{width:100%;padding:10px;background:#fff;border:1px solid #ff6600;color:#ff6600;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}
.subscribe-btn:hover{background:#ff6600;color:#fff}

/* 展商名录/门票 */
.card-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}
.card-row:last-child{border-bottom:none}
.card-label{font-size:14px;color:#333}
.card-action{font-size:13px;color:#ff6600;text-decoration:none}
.card-action:hover{text-decoration:underline}

/* 行业交流群 */
.qrcode-section{text-align:center;margin:15px 0}
.qrcode-img{width:150px;height:150px;border:1px solid #eee;border-radius:6px}
.card-link-orange{display:block;text-align:center;font-size:14px;color:#ff6600;text-decoration:none}
.card-link-orange:hover{text-decoration:underline}

/* 展会列表 */
.sidebar-title{font-size:16px;font-weight:700;color:#333;margin:0 0 12px 0;padding-bottom:10px;border-bottom:2px solid #ff6600}
.sidebar-list{display:flex;flex-direction:column;gap:8px}
.sidebar-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:6px;transition:all .3s;text-decoration:none;color:inherit}
.sidebar-item:hover{background:#f9f9f9}
.item-title{flex:1;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-date{font-size:12px;color:#999;margin-left:10px;flex-shrink:0}

/* 响应式 */
@media (max-width:1200px){.exhibit-wrap{padding:20px 15px 0}.show-main{flex-direction:column}.show-sidebar{width:100%;position:static;max-height:none;overflow-y:visible}}
@media (max-width:992px){.show-header-wrapper{min-height:auto;padding-bottom:20px}.show-header{flex-direction:column;gap:20px}.show-header-left{width:100%;height:auto}.show-logo{width:100%;height:auto;max-width:280px;max-height:180px}.show-header-right{padding:10px 0}.show-header-top{flex-direction:column;gap:10px}.show-actions-top{width:100%;justify-content:flex-start}.show-info-grid{gap:8px}.info-label.ml40{margin-left:0;display:block}.show-stats-bar{flex-wrap:wrap;gap:10px}.stat-divider{display:none}.show-countdown{margin-left:0;width:100%}}
@media (max-width:768px){.exhibit-wrap{padding:15px 10px 0}.show-header{gap:15px}.show-logo{padding:10px}.show-header-right{padding:5px 0}.show-title{font-size:24px}.show-content{padding:20px 15px}.exhibit-gallery-section{margin:10px 0;padding:0 10px}.gallery-container{padding:15px 20px}.gallery-title{font-size:18px}.gallery-image-item{width:240px;height:150px}}
@media (max-width:576px){.exhibit-wrap{padding:10px 5px 0}.show-header{flex-direction:column;gap:10px}.show-header-left{width:100%;height:auto}.show-logo{width:100%;height:auto;max-width:none;max-height:none}.show-actions-top{flex-direction:column;gap:10px}.btn-hot,.btn-subscribe-top,.btn-ticket{width:100%}.show-stats-bar{flex-direction:column;align-items:flex-start}.exhibit-gallery-section{margin:10px 0;padding:0 5px}.gallery-container{padding:12px 15px}.gallery-title{font-size:16px;margin-bottom:10px;padding-left:12px}.gallery-image-item{width:200px;height:130px}.modal-close{top:15px;right:20px;font-size:40px}.modal-content{max-width:95%;max-height:85%}}