.lawyer-list-page { background: var(--bg-page); } .sticky-header { position: sticky; top: 0; z-index: 10; background: var(--bg-page); padding-bottom: var(--spacing-sm); } .search-wrap { padding: var(--spacing-sm) var(--spacing-md); background: #fff; } .search-box { height: 80rpx; border-radius: 40rpx; background: var(--bg-surface); display: flex; align-items: center; padding: 0 24rpx; gap: 12rpx; border: 1rpx solid transparent; transition: all 0.2s; } .search-box:active { background: #fff; border-color: var(--primary-color); } .search-input { flex: 1; min-width: 0; font-size: 28rpx; color: var(--text-main); height: 100%; } .search-placeholder { color: var(--text-placeholder); } .quick-actions { display: flex; gap: var(--spacing-md); padding: 0 var(--spacing-md) var(--spacing-md); } .action-btn { flex: 1; height: 80rpx; border-radius: var(--border-radius-base); display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 500; transition: opacity 0.2s; } .action-btn:active { opacity: 0.8; } .hotline-btn { background: rgba(142, 34, 48, 0.06); /* Burgundy tint */ color: var(--primary-color); } .map-btn { background: #fff; color: var(--text-secondary); border: 1rpx solid var(--border-color); } .list-wrap { padding: 0 var(--spacing-md); } .card-item { margin-bottom: var(--spacing-md); background: #fff; /* Ensure card background is white */ border-radius: var(--border-radius-base); } .list-bottom-space { height: 120rpx; } /* History Floating Action Button styling */ .history-fab { position: fixed; right: var(--spacing-md); bottom: calc(var(--spacing-lg) + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); padding: 16rpx 32rpx; border-radius: 40rpx; box-shadow: var(--shadow-lg); display: flex; align-items: center; z-index: 20; border: 1rpx solid var(--border-color); } .history-text { font-size: 26rpx; color: var(--text-main); font-weight: 500; }