.page-wrap{max-width:1200px;margin:0 auto;padding:32px 24px} .page-hero{background:linear-gradient(135deg,#0d1b2e,#1e3a5f);border-radius:16px;padding:40px;text-align:center;margin-bottom:32px;color:#fff} .page-hero h1{font-family:"Prompt",sans-serif;font-size:28px;margin-bottom:8px} .page-hero p{color:#94a3b8;margin-bottom:20px} .search-bar{display:flex;max-width:500px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden} .search-bar input{flex:1;padding:12px 16px;border:none;outline:none;font-family:"Sarabun",sans-serif;font-size:15px} .search-bar button{padding:12px 20px;background:linear-gradient(135deg,#d4a843,#e8c472);border:none;font-weight:700;color:#0d1b2e;cursor:pointer;font-family:"Sarabun",sans-serif} .fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px} .fl-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:24px;text-align:center;transition:.2s;text-decoration:none;color:inherit;display:block} .fl-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.1);transform:translateY(-3px)} .fl-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#d4a843,#e8c472);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#0d1b2e;margin:0 auto 14px} .fl-name{font-weight:700;font-size:16px;color:#0f172a;margin-bottom:4px} .fl-tag{font-size:12px;color:#64748b;margin-bottom:12px;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .fl-stars{color:#d4a843;font-size:14px;margin-bottom:8px} .fl-rate{font-family:"Prompt",sans-serif;font-size:14px;color:#0f172a;font-weight:700} .avail{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700}
ผู้เชี่ยวชาญด้านการแปล เขียน และตรวจภาษา พร้อมรับงาน