Nghiên cứu điển hình: Cách một công ty luật ở Chicago thay thế 4 công cụ bằng hệ điều hành quản lý khách hàng hợp nhất

Nghiên cứu điển hình: Cách một công ty luật ở Chicago thay thế 4 công cụ bằng hệ điều hành quản lý khách hàng hợp nhất | Mewayz

cơ thể {

họ phông chữ: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;

chiều cao dòng: 1,7;

màu: #1f2937;

màu nền: #f9fafb;

lề: 0;

phần đệm: 20px;

chiều rộng tối đa: 1200px;

lề: 0 tự động;

}

.container { nền: trắng; phần đệm: 40px; bán kính đường viền: 12px; bóng hộp: 0 4px 12px rgba(0,0,0,0.05); đường viền: 1px liền khối #e5e7eb; }

h1 { màu: #1f2937; cỡ chữ: 2,8rem; lề dưới: 1rem; }

h2 { màu: #1f2937; viền dưới: 2px liền khối #6366f1; phần đệm dưới cùng: 8px; lề trên: 3rem; }

h3 { màu: #312e81; lề trên: 2rem; }

p { lề dưới: 1,5rem; }

.results-box {

nền: gradient tuyến tính(135deg, #6366f1, #8b5cf6);

màu sắc: #fff;

phần đệm: 30px;

bán kính đường viền: 12px;

lề: 40px 0;

bóng hộp: 0 8px 20px rgba(99, 102, 241, 0.2);

}

.results-box h2 { color: #fff; viền dưới cùng: rgba rắn 2px (255,255,255,0,3); }

.results-lưới {

hiển thị: lưới;

lưới-mẫu-cột: lặp lại (tự động điều chỉnh, tối thiểu (250px, 1fr));

khoảng cách: 25px;

lề trên: 25px;

}

.result-card {

nền: rgba(255,255,255,0,15);

phần đệm: 20px;

bán kính đường viền: 8px;

căn chỉnh văn bản: giữa;

bộ lọc phông nền: mờ (10px);

}

.result-card .metric {

cỡ chữ: 2,5rem;

trọng lượng phông chữ: 800;

hiển thị: khối;

chiều cao dòng: 1;

}

.result-card .label { cỡ chữ: 0,95rem; độ mờ: 0,9; }

bàn {

chiều rộng: 100%;

sụp đổ biên giới: sụp đổ;

lề: 30px 0;

bán kính đường viền: 8px;

tràn: ẩn;

bóng hộp: 0 4px 6px rgba(0,0,0,0.05);

}

th {

nền: #312e81;

màu sắc: #fff;

phần đệm: 16px 20px;

căn chỉnh văn bản: trái;

trọng lượng phông chữ: 600;

}

td {

phần đệm: 16px 20px;

viền dưới: 1px Solid #e5e7eb;

}

tr:nth-child(chẵn) { màu nền: #f9fafb; }

tr:hover { màu nền: #f3f4f6; }

.quote {

kiểu chữ: in nghiêng;

viền-trái: 4px liền khối #6366f1;

phần đệm bên trái: 25px;

lề: 40px 0;

màu: #4b5563;

cỡ chữ: 1.1rem;

nền: #f9fafb;

phần đệm: 25px;

bán kính đường viền: 0 8px 8px 0;

}

.quote-tác giả {

trọng lượng phông chữ: 600;

màu: #1f2937;

lề trên: 10px;

kiểu phông chữ: bình thường;

}

.dòng thời gian {

vị trí: tương đối;

lề: 50px 0;

phần đệm bên trái: 30px;

}

.timeline::trước {

nội dung: '';

vị trí: tuyệt đối;

trái: 15px;

trên cùng: 0;

đáy: 0;

chiều rộng: 3px;

nền: #6366f1;

bán kính đường viền: 3px;

}

.mục thời gian {

vị trí: tương đối;

lề dưới: 40px;

phần đệm bên trái: 30px;

}

.timeline-item::trước {

nội dung: '';

vị trí: tuyệt đối;

trái: -18px;

trên cùng: 5px;

chiều rộng: 15px;

chiều cao: 15px;

bán kính đường viền: 50%;

nền: #6366f1;

đường viền: 3px màu trắng;

bóng hộp: 0 0 0 3px #6366f1;

}

.timeline-ngày {

trọng lượng phông chữ: 700;

màu sắc: #6366f1;

lề dưới: 5px;

}

.timeline-content { color: #4b5563; }

.faq-mục {

lề-bot

Frequently Asked Questions