/* 利车网全站样式 - 合并压缩版 V5 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#f5f6fa;color:#1f2937;-webkit-font-smoothing:antialiased}
.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.badge-top{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.gradient-header{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}
.card-shadow{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.scrollbar-hide::-webkit-scrollbar{display:none}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}
.member-silver{background:linear-gradient(135deg,#9ca3af,#6b7280)}
.member-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}
.member-diamond{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.page-anim{animation:fadeIn .25s ease}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
/* 后台样式 */
.admin-sidebar-item.active{background:#2563eb;color:#fff}
.admin-table th{font-weight:500}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}
.admin-table{white-space:nowrap;border-collapse:collapse;width:100%}
.admin-table th,.admin-table td{white-space:nowrap}
.admin-btn{padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;border:none;transition:all .15s}
.admin-btn:hover{opacity:.85}
.admin-input{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;outline:none;width:100%}
.admin-input:focus{border-color:#3b82f6}
.admin-badge{padding:2px 8px;border-radius:4px;font-size:11px;display:inline-block}
/* 开关组件 */
.switch{position:relative;display:inline-block;width:40px;height:20px}
.switch input{opacity:0;width:0;height:0}
.switch-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:20px;transition:.3s}
.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:.3s}
.switch input:checked+.switch-slider{background:#2563eb}
.switch input:checked+.switch-slider:before{transform:translateX(20px)}

/* ==================== V18 PC端优化 ==================== */
@media (min-width: 768px) {
  /* PC端列表页避免单列空白 */
  .pc-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .pc-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
  .pc-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
  
  /* PC端详情页内容区最大宽度 */
  .detail-content { max-width: 900px; margin: 0 auto; }
  
  /* PC端按钮避免贴底 */
  .action-bar { position: sticky; bottom: 1rem; }
  
  /* PC端菜单多列布局 */
  .pc-menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  
  /* PC端表单优化 */
  .pc-form { max-width: 500px; margin: 0 auto; }
  
  /* PC端卡片悬停效果 */
  .card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); transition: all 0.3s; }
  
  /* PC端详情页评论区在底部 */
  .comment-section { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #f0f0f0; }
}

/* 认证标识tooltip */
.verify-badge { display: inline-flex; align-items: center; }
.verify-badge .tooltip { display: none; }
.verify-badge:hover .tooltip, .verify-badge:active .tooltip { display: block; }

/* 拨号按钮 */
.tel-btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; background: #ecfdf5; color: #059669; border-radius: 8px; font-size: 12px; text-decoration: none; }
.tel-btn:hover { background: #d1fae5; }
